@telia/teddy 0.3.0 → 0.3.2

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 (86) hide show
  1. package/dist/components/card/card-illustration.d.ts +1 -1
  2. package/dist/components/card/index.d.ts +1 -1
  3. package/dist/components/channel-button/channel-button-illustration.cjs +33 -0
  4. package/dist/components/channel-button/channel-button-illustration.d.ts +8 -0
  5. package/dist/components/channel-button/channel-button-illustration.js +33 -0
  6. package/dist/components/channel-button/channel-button-image.cjs +19 -0
  7. package/dist/components/channel-button/channel-button-image.d.ts +5 -0
  8. package/dist/components/channel-button/channel-button-image.js +19 -0
  9. package/dist/components/channel-button/channel-button-root.cjs +41 -0
  10. package/dist/components/channel-button/channel-button-root.d.ts +34 -0
  11. package/dist/components/channel-button/channel-button-root.js +41 -0
  12. package/dist/components/channel-button/channel-button-text.cjs +23 -0
  13. package/dist/components/channel-button/channel-button-text.d.ts +5 -0
  14. package/dist/components/channel-button/channel-button-text.js +23 -0
  15. package/dist/components/channel-button/index.cjs +15 -0
  16. package/dist/components/channel-button/index.d.ts +91 -0
  17. package/dist/components/channel-button/index.js +15 -0
  18. package/dist/components/checkbox/checkbox-group-list.d.ts +1 -1
  19. package/dist/components/checkbox/checkbox-group.d.ts +1 -1
  20. package/dist/components/checkbox/index.d.ts +2 -2
  21. package/dist/components/chip/chip-indicator.d.ts +2 -2
  22. package/dist/components/chip/index.d.ts +2 -2
  23. package/dist/components/color-dot/index.d.ts +1 -1
  24. package/dist/components/expandable-card/expandable-card-button.d.ts +2 -2
  25. package/dist/components/expandable-card/index.d.ts +3 -3
  26. package/dist/components/icon/utils.d.ts +1 -1
  27. package/dist/components/index.cjs +4 -2
  28. package/dist/components/index.d.ts +1 -0
  29. package/dist/components/index.js +3 -1
  30. package/dist/components/link/link.cjs +10 -10
  31. package/dist/components/link/link.js +10 -10
  32. package/dist/components/modal/modal.cjs +2 -1
  33. package/dist/components/modal/modal.js +2 -1
  34. package/dist/components/navigation-menu/navigation-menu.cjs +2 -1
  35. package/dist/components/navigation-menu/navigation-menu.js +2 -1
  36. package/dist/components/notabene/index.cjs +4 -9
  37. package/dist/components/notabene/index.d.ts +51 -8
  38. package/dist/components/notabene/index.js +4 -9
  39. package/dist/components/notabene/notabene-icon.cjs +1 -1
  40. package/dist/components/notabene/notabene-icon.d.ts +2 -2
  41. package/dist/components/notabene/notabene-icon.js +1 -1
  42. package/dist/components/notification/index.cjs +13 -2
  43. package/dist/components/notification/index.d.ts +132 -2
  44. package/dist/components/notification/index.js +12 -1
  45. package/dist/components/notification/notification-dismiss.cjs +46 -0
  46. package/dist/components/notification/notification-dismiss.d.ts +5 -0
  47. package/dist/components/notification/notification-dismiss.js +29 -0
  48. package/dist/components/notification/notification-footer.cjs +18 -0
  49. package/dist/components/notification/notification-footer.d.ts +5 -0
  50. package/dist/components/notification/notification-footer.js +18 -0
  51. package/dist/components/notification/notification-heading.cjs +18 -0
  52. package/dist/components/notification/notification-heading.d.ts +5 -0
  53. package/dist/components/notification/notification-heading.js +18 -0
  54. package/dist/components/notification/notification-icon.cjs +32 -0
  55. package/dist/components/notification/notification-icon.d.ts +9 -0
  56. package/dist/components/notification/notification-icon.js +32 -0
  57. package/dist/components/notification/notification-root.cjs +59 -0
  58. package/dist/components/notification/notification-root.d.ts +86 -0
  59. package/dist/components/notification/notification-root.js +42 -0
  60. package/dist/components/notification/notification-text.cjs +15 -0
  61. package/dist/components/notification/notification-text.d.ts +5 -0
  62. package/dist/components/notification/notification-text.js +15 -0
  63. package/dist/components/radio-card-group/radio-card-group-content.cjs +2 -1
  64. package/dist/components/radio-card-group/radio-card-group-content.js +2 -1
  65. package/dist/components/radio-card-group/radio-card-group-item-title.cjs +11 -10
  66. package/dist/components/radio-card-group/radio-card-group-item-title.js +11 -10
  67. package/dist/components/radio-card-group/radio-card-group-item.cjs +2 -1
  68. package/dist/components/radio-card-group/radio-card-group-item.js +2 -1
  69. package/dist/components/scroll-area/index.d.ts +2 -2
  70. package/dist/components/scroll-area/scroll-area-button.d.ts +2 -2
  71. package/dist/components/tabs/index.d.ts +2 -2
  72. package/dist/components/tabs/tabs-scroll-button.d.ts +2 -2
  73. package/dist/components/text-field/index.d.ts +2 -2
  74. package/dist/components/text-field/text-field-button.d.ts +2 -2
  75. package/dist/components/toggle/toggle.d.ts +2 -2
  76. package/dist/components/tooltip/index.d.ts +2 -2
  77. package/dist/main.cjs +4 -2
  78. package/dist/main.js +3 -1
  79. package/dist/style.css +1035 -948
  80. package/dist/utils/generate-styling/grid.d.ts +24 -24
  81. package/dist/utils/generate-styling/index.d.ts +16 -16
  82. package/dist/utils/generate-styling/util.d.ts +2 -2
  83. package/package.json +16 -16
  84. package/dist/components/notification/notification.cjs +0 -116
  85. package/dist/components/notification/notification.d.ts +0 -106
  86. package/dist/components/notification/notification.js +0 -99
package/dist/style.css CHANGED
@@ -1,401 +1,101 @@
1
- @charset 'UTF-8';._teddy-meter-bar_1wiil_1 {
2
- background: var(--teddy-color-transparent-black-100);
3
- overflow: hidden;
4
- border-radius: var(--teddy-border-radius-full);
5
- height: calc(var(--teddy-spacing-50) + var(--teddy-spacing-25));
6
- position: relative;
7
- /* create a stacking context */
8
- z-index: 0;
9
- display: flex;
10
- /* Fix overflow clipping in Safari */
11
- /* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
12
- transform: translateZ(0);
1
+ @charset 'UTF-8';._teddy-spinner--xxs_ywden_1 {
2
+ height: var(--teddy-spacing-250);
3
+ width: var(--teddy-spacing-250);
13
4
  }
14
- ._teddy-meter-bar__indicator_1wiil_14 {
15
- background-color: var(--teddy-color-purple-800);
16
- width: 100%;
17
- height: 100%;
18
- position: relative;
19
- inset: 0;
5
+ ._teddy-spinner--xs_ywden_5 {
6
+ height: var(--teddy-spacing-300);
7
+ width: var(--teddy-spacing-300);
20
8
  }
21
- @media (prefers-reduced-motion: no-preference) {
22
- ._teddy-meter-bar__indicator_1wiil_14 {
23
- animation: _slideInFromLeft_1wiil_1 1s cubic-bezier(0.65, 0, 0.35, 1);
24
- transition: transform var(--teddy-motion-duration-500) cubic-bezier(0.65, 0, 0.35, 1), width var(--teddy-motion-duration-500) cubic-bezier(0.65, 0, 0.35, 1);
25
- }
9
+ ._teddy-spinner--sm_ywden_9 {
10
+ height: var(--teddy-spacing-400);
11
+ width: var(--teddy-spacing-400);
26
12
  }
27
- ._teddy-meter-bar--negative_1wiil_27 {
28
- background: var(--teddy-color-transparent-white-100);
13
+ ._teddy-spinner--md_ywden_13 {
14
+ height: var(--teddy-spacing-600);
15
+ width: var(--teddy-spacing-600);
16
+ stroke-width: 3.5;
29
17
  }
30
- ._teddy-meter-bar--negative_1wiil_27 ._teddy-meter-bar__indicator_1wiil_14 {
31
- background-color: var(--teddy-color-purple-300);
18
+ ._teddy-spinner--lg_ywden_18 {
19
+ height: var(--teddy-spacing-800);
20
+ width: var(--teddy-spacing-800);
21
+ stroke-width: 3;
32
22
  }
33
-
34
- @keyframes _slideInFromLeft_1wiil_1 {
35
- 0% {
36
- width: 0;
37
- }
38
- }._teddy-skeleton_11jot_1 {
39
- background-image: none;
40
- background-clip: border-box;
41
- border: none;
42
- box-shadow: none;
43
- -webkit-box-decoration-break: clone;
44
- box-decoration-break: clone;
45
- color: transparent;
46
- outline: none;
47
- pointer-events: none;
48
- user-select: none;
49
- cursor: default;
50
- background: linear-gradient(90deg, var(--teddy-color-transparent-black-200), var(--teddy-color-transparent-black-150), var(--teddy-color-transparent-black-200));
51
- background-size: 200%;
23
+ ._teddy-spinner__circle_ywden_23 {
24
+ --stroke-color: var(--teddy-color-border-interactive-primary);
25
+ stroke-dasharray: 150;
26
+ animation: _dash_ywden_1 2s ease-in-out infinite, _rotate_ywden_1 1s linear infinite;
27
+ transform-origin: center;
28
+ stroke-width: 4;
29
+ stroke-linecap: round;
30
+ fill: transparent;
31
+ stroke: var(--stroke-color);
52
32
  }
53
- @media (prefers-reduced-motion: no-preference) {
54
- ._teddy-skeleton_11jot_1 {
55
- animation: _teddy-skeleton-pulse_11jot_1 var(--teddy-motion-duration-1500) infinite reverse;
56
- }
33
+ ._teddy-spinner__circle--disabled_ywden_33 {
34
+ --stroke-color: var(--teddy-color-border-weak);
57
35
  }
58
- ._teddy-skeleton_11jot_1 > *, ._teddy-skeleton_11jot_1::after, ._teddy-skeleton_11jot_1::before {
59
- visibility: hidden;
36
+ ._teddy-spinner__circle--negative_ywden_36 {
37
+ --stroke-color: var(--teddy-color-border-interactive-primary-negative);
60
38
  }
61
- @keyframes _teddy-skeleton-pulse_11jot_1 {
39
+ ._teddy-spinner__circle--negative-disabled_ywden_39 {
40
+ --stroke-color: var(--teddy-color-border-weak-negative);
41
+ }
42
+
43
+ @keyframes _rotate_ywden_1 {
62
44
  from {
63
- background-position: -100% 0;
45
+ transform: rotate(0deg);
64
46
  }
65
47
  to {
66
- background-position: 100% 0;
48
+ transform: rotate(360deg);
67
49
  }
68
- }._teddy-checkbox_1tihh_1 {
69
- display: inline-flex;
70
- align-items: center;
71
- gap: var(--teddy-spacing-100);
72
- border-radius: var(--teddy-border-radius-xs);
73
- padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25)) 0;
74
- }
75
- ._teddy-checkbox__label_1tihh_8 {
76
- font-weight: var(--teddy-typography-weight-medium);
77
- margin-bottom: var(--teddy-spacing-100);
78
- }
79
- ._teddy-checkbox_1tihh_1:has(._teddy-checkbox__trigger_1tihh_12:focus-visible) {
80
- outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
81
- outline-offset: var(--teddy-spacing-50);
82
- }
83
- ._teddy-checkbox_1tihh_1:has(._teddy-checkbox__trigger_1tihh_12:not(:focus-visible)) {
84
- outline: none;
85
- }
86
- ._teddy-checkbox__trigger_1tihh_12 {
87
- all: unset;
88
- position: relative;
89
- display: inline-flex;
90
- align-items: center;
91
- justify-content: center;
92
- vertical-align: top;
93
- flex-shrink: 0;
94
- cursor: default;
95
- border-radius: var(--teddy-border-radius-xs);
96
- }
97
- ._teddy-checkbox__trigger_1tihh_12::before {
98
- content: "";
99
- display: block;
100
- height: var(--teddy-spacing-300);
101
- width: var(--teddy-spacing-300);
102
- border-radius: var(--teddy-border-radius-xs);
103
- transition: background-color var(--teddy-motion-duration-200) ease, box-shadow var(--teddy-motion-duration-200) ease;
104
- }
105
- ._teddy-checkbox__trigger_1tihh_12:where([data-state=unchecked])::before {
106
- background-color: var(--teddy-color-functional-transparent);
107
- box-shadow: inset 0 0 0 1px var(--teddy-color-text-default);
108
- }
109
- ._teddy-checkbox__trigger_1tihh_12:where([data-state=checked])::before {
110
- background-color: var(--teddy-color-background-interactive-primary);
111
- }
112
- ._teddy-checkbox__trigger_1tihh_12:where(:disabled)::before {
113
- box-shadow: inset 0 0 0 1px var(--teddy-color-text-weak);
114
- background-color: var(--teddy-color-background-interactive-disabled);
115
- }
116
- ._teddy-checkbox__trigger_1tihh_12:where(:disabled):where([data-state=checked]) ._teddy-checkbox__indicator_1tihh_49 {
117
- color: var(--teddy-color-text-weak);
118
- }
119
- ._teddy-checkbox__trigger_1tihh_12:hover:not(:disabled)::before {
120
- box-shadow: inset 0 0 0 2px var(--teddy-color-border-interactive-subtle-hover);
121
- }
122
- ._teddy-checkbox__trigger_1tihh_12:hover:not(:disabled):where([data-state=checked])::before {
123
- box-shadow: inset 0 0 0 1px var(--teddy-color-border-interactive-primary-hover);
124
- background-color: var(--teddy-color-background-interactive-primary-hover);
125
- }
126
- ._teddy-checkbox__trigger_1tihh_12:active:not(:disabled)::before {
127
- box-shadow: inset 0 0 0 1px var(--teddy-color-border-interactive-subtle-hover);
128
- }
129
- ._teddy-checkbox__trigger_1tihh_12:active:not(:disabled):where([data-state=checked])::before {
130
- background-color: var(--teddy-color-background-interactive-primary-active);
131
- }
132
- ._teddy-checkbox__trigger_1tihh_12:where([data-state=indeterminate])::before {
133
- background-color: var(--teddy-color-background-interactive-primary);
134
- }
135
- ._teddy-checkbox__trigger_1tihh_12:where([data-state=indeterminate]) ._teddy-checkbox__indicator_1tihh_49 {
136
- color: var(--teddy-color-text-interactive-on-primary);
137
- }
138
- ._teddy-checkbox__trigger_1tihh_12:where([data-state=indeterminate]) ._teddy-checkbox__indicator-icon-checked_1tihh_71 {
139
- display: none;
140
- }
141
- ._teddy-checkbox__trigger_1tihh_12:where([data-state=indeterminate]) ._teddy-checkbox__indicator-icon-indeterminate_1tihh_74 {
142
- display: block;
143
- }
144
- ._teddy-checkbox__indicator_1tihh_49 {
145
- position: absolute;
146
- width: var(--teddy-spacing-200);
147
- height: var(--teddy-spacing-200);
148
- transform: translate(-50%, -50%);
149
- top: 50%;
150
- left: 50%;
151
- color: var(--teddy-color-text-interactive-on-primary);
152
- }
153
- ._teddy-checkbox__indicator-icon-indeterminate_1tihh_74 {
154
- display: none;
155
- }
156
- ._teddy-checkbox--error_1tihh_89 {
157
- color: var(--teddy-color-text-status-error-strong);
158
50
  }
159
- ._teddy-checkbox--error_1tihh_89 ._teddy-checkbox__trigger_1tihh_12::before {
160
- box-shadow: inset 0 0 0 1px var(--teddy-color-border-status-error);
161
- }@layer icon {
162
- ._teddy-icon_1ur3a_2 {
163
- display: inline;
164
- align-self: center;
165
- fill: currentColor;
166
- flex-shrink: 0;
167
- }
168
- ._teddy-icon--font_1ur3a_8 {
169
- width: 1em;
170
- height: 1em;
51
+ @keyframes _dash_ywden_1 {
52
+ 0% {
53
+ stroke-dashoffset: 125;
171
54
  }
172
- ._teddy-icon--xxs_1ur3a_12 {
173
- width: var(--teddy-spacing-150);
174
- height: var(--teddy-spacing-150);
55
+ 50% {
56
+ stroke-dashoffset: 62.5;
175
57
  }
176
- ._teddy-icon--xs_1ur3a_16 {
177
- width: var(--teddy-spacing-200);
178
- height: var(--teddy-spacing-200);
58
+ 100% {
59
+ stroke-dashoffset: 125;
179
60
  }
180
- ._teddy-icon--sm_1ur3a_20 {
181
- width: var(--teddy-spacing-250);
182
- height: var(--teddy-spacing-250);
61
+ }@keyframes _fadeInAnimation_1k5uy_1 {
62
+ 0% {
63
+ opacity: 0;
183
64
  }
184
- ._teddy-icon--md_1ur3a_24 {
185
- width: var(--teddy-spacing-300);
186
- height: var(--teddy-spacing-300);
65
+ 100% {
66
+ opacity: 1;
187
67
  }
188
- ._teddy-icon--lg_1ur3a_28 {
189
- width: var(--teddy-spacing-400);
190
- height: var(--teddy-spacing-400);
68
+ }
69
+ @keyframes _scaleInAnimation_1k5uy_1 {
70
+ 0% {
71
+ scale: 0;
191
72
  }
192
- ._teddy-icon--xl_1ur3a_32 {
193
- width: var(--teddy-spacing-600);
194
- height: var(--teddy-spacing-600);
73
+ 100% {
74
+ scale: 100%;
195
75
  }
196
- ._teddy-icon-with-children_1ur3a_36 {
197
- display: inline-flex;
76
+ }
77
+ @layer button {
78
+ ._teddy-button_1k5uy_18 {
198
79
  align-items: center;
80
+ border-radius: var(--teddy-border-radius-full);
81
+ border-width: 0;
82
+ cursor: pointer;
83
+ display: inline-flex;
84
+ font-size: var(--teddy-typography-scale-100);
199
85
  font-family: var(--teddy-typography-family-default);
86
+ font-weight: var(--teddy-typography-weight-medium);
200
87
  gap: var(--teddy-spacing-100);
88
+ justify-content: center;
89
+ line-height: var(--teddy-spacing-200);
90
+ outline: 0;
91
+ position: relative;
92
+ text-decoration: none;
93
+ transition-duration: var(--teddy-motion-duration-100);
94
+ transition-timing-function: var(--teddy-motion-easing-ease-in-out);
95
+ transition-property: background-color, color;
96
+ width: auto;
201
97
  }
202
- }._teddy-flex_1ncy4_1 {
203
- box-sizing: border-box;
204
- }
205
-
206
- @layer flex {
207
- ._teddy-flex_1ncy4_1 {
208
- display: flex;
209
- }
210
- }._teddy-label_1hc8e_1 {
211
- color: var(--teddy-color-text-default);
212
- font-family: var(--teddy-typography-family-default);
213
- font-weight: var(--teddy-typography-weight-medium);
214
- font-size: var(--teddy-typography-scale-100);
215
- line-height: var(--teddy-typography-line-height-default);
216
- }
217
- ._teddy-label--disabled_1hc8e_8 {
218
- color: var(--teddy-color-text-weak);
219
- cursor: default;
220
- }
221
- ._teddy-label--required_1hc8e_12::before {
222
- content: "* ";
223
- }@layer text {
224
- ._teddy-text_15w9u_2 {
225
- color: inherit;
226
- display: block;
227
- margin: 0;
228
- hyphens: none;
229
- }
230
- ._teddy-text--disabled_15w9u_8 {
231
- color: var(--teddy-color-text-weak);
232
- }
233
- ._teddy-text--hyphens_15w9u_11 {
234
- hyphens: auto;
235
- }
236
- ._teddy-text--paragraph-100_15w9u_14 {
237
- font-family: var(--teddy-typography-family-default);
238
- font-weight: var(--teddy-typography-weight-normal);
239
- font-size: var(--teddy-typography-scale-100);
240
- line-height: var(--teddy-typography-line-height-loose);
241
- }
242
- ._teddy-text--paragraph-100-medium_15w9u_20 {
243
- font-family: var(--teddy-typography-family-default);
244
- font-weight: var(--teddy-typography-weight-normal);
245
- font-size: var(--teddy-typography-scale-100);
246
- line-height: var(--teddy-typography-line-height-loose);
247
- font-weight: var(--teddy-typography-weight-medium);
248
- }
249
- ._teddy-text--paragraph-100-bold_15w9u_27 {
250
- font-family: var(--teddy-typography-family-default);
251
- font-weight: var(--teddy-typography-weight-normal);
252
- font-size: var(--teddy-typography-scale-100);
253
- line-height: var(--teddy-typography-line-height-loose);
254
- font-weight: var(--teddy-typography-weight-bold);
255
- }
256
- ._teddy-text--paragraph-200_15w9u_34 {
257
- font-family: var(--teddy-typography-family-default);
258
- font-weight: var(--teddy-typography-weight-normal);
259
- font-size: var(--teddy-typography-scale-100);
260
- line-height: var(--teddy-typography-line-height-looser);
261
- }
262
- ._teddy-text--preamble-100_15w9u_40 {
263
- font-family: var(--teddy-typography-family-default);
264
- font-weight: var(--teddy-typography-weight-normal);
265
- font-size: var(--teddy-typography-scale-200);
266
- line-height: var(--teddy-typography-line-height-loose);
267
- }
268
- ._teddy-text--preamble-200_15w9u_46 {
269
- font-family: var(--teddy-typography-family-default);
270
- font-weight: var(--teddy-typography-weight-normal);
271
- font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
272
- line-height: var(--teddy-typography-line-height-loose);
273
- }
274
- ._teddy-text--additional-100_15w9u_52 {
275
- font-family: var(--teddy-typography-family-default);
276
- font-weight: var(--teddy-typography-weight-normal);
277
- font-size: var(--teddy-typography-scale-75);
278
- line-height: var(--teddy-typography-line-height-loose);
279
- }
280
- ._teddy-text--additional-100-medium_15w9u_58 {
281
- font-family: var(--teddy-typography-family-default);
282
- font-weight: var(--teddy-typography-weight-normal);
283
- font-size: var(--teddy-typography-scale-75);
284
- line-height: var(--teddy-typography-line-height-loose);
285
- font-weight: var(--teddy-typography-weight-medium);
286
- }
287
- ._teddy-text--overline-100_15w9u_65 {
288
- font-family: var(--teddy-typography-family-default);
289
- font-size: var(--teddy-typography-scale-75);
290
- letter-spacing: var(--teddy-spacing-10);
291
- line-height: var(--teddy-typography-line-height-tight);
292
- text-transform: uppercase;
293
- }
294
- ._teddy-text--overline-200_15w9u_72 {
295
- font-family: var(--teddy-typography-family-default);
296
- font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
297
- letter-spacing: var(--teddy-spacing-10);
298
- line-height: var(--teddy-typography-line-height-tight);
299
- text-transform: uppercase;
300
- }
301
- }._teddy-spinner--xxs_ywden_1 {
302
- height: var(--teddy-spacing-250);
303
- width: var(--teddy-spacing-250);
304
- }
305
- ._teddy-spinner--xs_ywden_5 {
306
- height: var(--teddy-spacing-300);
307
- width: var(--teddy-spacing-300);
308
- }
309
- ._teddy-spinner--sm_ywden_9 {
310
- height: var(--teddy-spacing-400);
311
- width: var(--teddy-spacing-400);
312
- }
313
- ._teddy-spinner--md_ywden_13 {
314
- height: var(--teddy-spacing-600);
315
- width: var(--teddy-spacing-600);
316
- stroke-width: 3.5;
317
- }
318
- ._teddy-spinner--lg_ywden_18 {
319
- height: var(--teddy-spacing-800);
320
- width: var(--teddy-spacing-800);
321
- stroke-width: 3;
322
- }
323
- ._teddy-spinner__circle_ywden_23 {
324
- --stroke-color: var(--teddy-color-border-interactive-primary);
325
- stroke-dasharray: 150;
326
- animation: _dash_ywden_1 2s ease-in-out infinite, _rotate_ywden_1 1s linear infinite;
327
- transform-origin: center;
328
- stroke-width: 4;
329
- stroke-linecap: round;
330
- fill: transparent;
331
- stroke: var(--stroke-color);
332
- }
333
- ._teddy-spinner__circle--disabled_ywden_33 {
334
- --stroke-color: var(--teddy-color-border-weak);
335
- }
336
- ._teddy-spinner__circle--negative_ywden_36 {
337
- --stroke-color: var(--teddy-color-border-interactive-primary-negative);
338
- }
339
- ._teddy-spinner__circle--negative-disabled_ywden_39 {
340
- --stroke-color: var(--teddy-color-border-weak-negative);
341
- }
342
-
343
- @keyframes _rotate_ywden_1 {
344
- from {
345
- transform: rotate(0deg);
346
- }
347
- to {
348
- transform: rotate(360deg);
349
- }
350
- }
351
- @keyframes _dash_ywden_1 {
352
- 0% {
353
- stroke-dashoffset: 125;
354
- }
355
- 50% {
356
- stroke-dashoffset: 62.5;
357
- }
358
- 100% {
359
- stroke-dashoffset: 125;
360
- }
361
- }@keyframes _fadeInAnimation_mi6fm_1 {
362
- 0% {
363
- opacity: 0;
364
- }
365
- 100% {
366
- opacity: 1;
367
- }
368
- }
369
- @keyframes _scaleInAnimation_mi6fm_1 {
370
- 0% {
371
- scale: 0;
372
- }
373
- 100% {
374
- scale: 100%;
375
- }
376
- }
377
- @layer button {
378
- ._teddy-button_mi6fm_18 {
379
- align-items: center;
380
- border-radius: var(--teddy-border-radius-full);
381
- border-width: 0;
382
- cursor: pointer;
383
- display: inline-flex;
384
- font-size: var(--teddy-typography-scale-100);
385
- font-family: var(--teddy-typography-family-default);
386
- font-weight: var(--teddy-typography-weight-medium);
387
- gap: var(--teddy-spacing-100);
388
- justify-content: center;
389
- line-height: var(--teddy-spacing-200);
390
- outline: 0;
391
- position: relative;
392
- text-decoration: none;
393
- transition-duration: var(--teddy-motion-duration-100);
394
- transition-timing-function: var(--teddy-motion-easing-ease-in-out);
395
- transition-property: background-color, color;
396
- width: auto;
397
- }
398
- ._teddy-button_mi6fm_18:focus::before {
98
+ ._teddy-button_1k5uy_18:focus::before {
399
99
  border-radius: inherit;
400
100
  box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
401
101
  content: "";
@@ -404,155 +104,155 @@
404
104
  inset: calc(var(--teddy-spacing-25) * -1);
405
105
  position: absolute;
406
106
  }
407
- ._teddy-button_mi6fm_18:focus:not(:focus-visible)::before {
107
+ ._teddy-button_1k5uy_18:focus:not(:focus-visible)::before {
408
108
  opacity: 0;
409
109
  }
410
- ._teddy-button_mi6fm_18 svg {
110
+ ._teddy-button_1k5uy_18 svg {
411
111
  display: block;
412
112
  }
413
- ._teddy-button--sm_mi6fm_53 {
113
+ ._teddy-button--sm_1k5uy_53 {
414
114
  padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
415
115
  }
416
- ._teddy-button--sm_mi6fm_53._teddy-button--icon-only_mi6fm_56 {
116
+ ._teddy-button--sm_1k5uy_53._teddy-button--icon-only_1k5uy_56 {
417
117
  padding: var(--teddy-spacing-150);
418
118
  }
419
- ._teddy-button--md_mi6fm_59 {
119
+ ._teddy-button--md_1k5uy_59 {
420
120
  padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
421
121
  }
422
- ._teddy-button--md_mi6fm_59._teddy-button--icon-only_mi6fm_56 {
122
+ ._teddy-button--md_1k5uy_59._teddy-button--icon-only_1k5uy_56 {
423
123
  padding: var(--teddy-spacing-200);
424
124
  }
425
- ._teddy-button--lg_mi6fm_65 {
125
+ ._teddy-button--lg_1k5uy_65 {
426
126
  padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
427
127
  }
428
- ._teddy-button--lg_mi6fm_65._teddy-button--icon-only_mi6fm_56 {
128
+ ._teddy-button--lg_1k5uy_65._teddy-button--icon-only_1k5uy_56 {
429
129
  padding: var(--teddy-spacing-250);
430
130
  }
431
- ._teddy-button--full-width_mi6fm_71 {
131
+ ._teddy-button--full-width_1k5uy_71 {
432
132
  width: 100%;
433
133
  }
434
- ._teddy-button--primary_mi6fm_74 {
134
+ ._teddy-button--primary_1k5uy_74 {
435
135
  background-color: var(--teddy-color-background-interactive-primary);
436
136
  color: var(--teddy-color-text-interactive-on-primary);
437
137
  }
438
- ._teddy-button--primary_mi6fm_74:hover:not(._teddy-button--disabled_mi6fm_78) {
138
+ ._teddy-button--primary_1k5uy_74:hover:not(._teddy-button--disabled_1k5uy_78) {
439
139
  background-color: var(--teddy-color-background-interactive-primary-hover);
440
140
  }
441
- ._teddy-button--primary_mi6fm_74:active:not(._teddy-button--disabled_mi6fm_78) {
141
+ ._teddy-button--primary_1k5uy_74:active:not(._teddy-button--disabled_1k5uy_78) {
442
142
  background-color: var(--teddy-color-background-interactive-primary-active);
443
143
  }
444
- ._teddy-button--primary-negative_mi6fm_84 {
144
+ ._teddy-button--primary-negative_1k5uy_84 {
445
145
  background-color: var(--teddy-color-background-interactive-primary-negative);
446
146
  color: var(--teddy-color-text-interactive-on-primary-negative);
447
147
  }
448
- ._teddy-button--primary-negative_mi6fm_84:hover:not(._teddy-button--disabled_mi6fm_78) {
148
+ ._teddy-button--primary-negative_1k5uy_84:hover:not(._teddy-button--disabled_1k5uy_78) {
449
149
  background-color: var(--teddy-color-background-interactive-primary-negative-hover);
450
150
  border-color: var(--teddy-color-background-interactive-primary-negative-hover);
451
151
  }
452
- ._teddy-button--primary-negative_mi6fm_84:active:not(._teddy-button--disabled_mi6fm_78) {
152
+ ._teddy-button--primary-negative_1k5uy_84:active:not(._teddy-button--disabled_1k5uy_78) {
453
153
  background-color: var(--teddy-color-background-interactive-primary-negative-active);
454
154
  border-color: var(--teddy-color-background-interactive-primary-negative-active);
455
155
  }
456
- ._teddy-button--secondary_mi6fm_96 {
156
+ ._teddy-button--secondary_1k5uy_96 {
457
157
  background-color: var(--teddy-color-background-interactive-transparent);
458
158
  box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
459
159
  color: var(--teddy-color-text-interactive-primary);
460
160
  }
461
- ._teddy-button--secondary_mi6fm_96:hover:not(._teddy-button--disabled_mi6fm_78) {
161
+ ._teddy-button--secondary_1k5uy_96:hover:not(._teddy-button--disabled_1k5uy_78) {
462
162
  background-color: var(--teddy-color-background-interactive-transparent-hover);
463
163
  }
464
- ._teddy-button--secondary_mi6fm_96:active:not(._teddy-button--disabled_mi6fm_78) {
164
+ ._teddy-button--secondary_1k5uy_96:active:not(._teddy-button--disabled_1k5uy_78) {
465
165
  background-color: var(--teddy-color-background-interactive-transparent-active);
466
166
  }
467
- ._teddy-button--secondary-negative_mi6fm_107 {
167
+ ._teddy-button--secondary-negative_1k5uy_107 {
468
168
  background-color: var(--teddy-color-background-interactive-transparent);
469
169
  box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
470
170
  color: var(--teddy-color-text-interactive-primary-negative);
471
171
  }
472
- ._teddy-button--secondary-negative_mi6fm_107:hover:not(._teddy-button--disabled_mi6fm_78) {
172
+ ._teddy-button--secondary-negative_1k5uy_107:hover:not(._teddy-button--disabled_1k5uy_78) {
473
173
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
474
174
  }
475
- ._teddy-button--secondary-negative_mi6fm_107:active:not(._teddy-button--disabled_mi6fm_78) {
175
+ ._teddy-button--secondary-negative_1k5uy_107:active:not(._teddy-button--disabled_1k5uy_78) {
476
176
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
477
177
  }
478
- ._teddy-button--expressive_mi6fm_118 {
178
+ ._teddy-button--expressive_1k5uy_118 {
479
179
  background-color: var(--teddy-color-background-interactive-expressive);
480
180
  color: var(--teddy-color-text-interactive-on-expressive);
481
181
  }
482
- ._teddy-button--expressive_mi6fm_118:hover:not(._teddy-button--disabled_mi6fm_78) {
182
+ ._teddy-button--expressive_1k5uy_118:hover:not(._teddy-button--disabled_1k5uy_78) {
483
183
  background-color: var(--teddy-color-background-interactive-expressive-hover);
484
184
  }
485
- ._teddy-button--expressive_mi6fm_118:active:not(._teddy-button--disabled_mi6fm_78) {
185
+ ._teddy-button--expressive_1k5uy_118:active:not(._teddy-button--disabled_1k5uy_78) {
486
186
  background-color: var(--teddy-color-background-interactive-expressive-active);
487
187
  }
488
- ._teddy-button--expressive-negative_mi6fm_128 {
188
+ ._teddy-button--expressive-negative_1k5uy_128 {
489
189
  background-color: var(--teddy-color-background-interactive-expressive-negative);
490
190
  color: var(--teddy-color-text-interactive-on-expressive-negative);
491
191
  }
492
- ._teddy-button--expressive-negative_mi6fm_128:hover:not(._teddy-button--disabled_mi6fm_78) {
192
+ ._teddy-button--expressive-negative_1k5uy_128:hover:not(._teddy-button--disabled_1k5uy_78) {
493
193
  background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
494
194
  color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
495
195
  }
496
- ._teddy-button--expressive-negative_mi6fm_128:active:not(._teddy-button--disabled_mi6fm_78) {
196
+ ._teddy-button--expressive-negative_1k5uy_128:active:not(._teddy-button--disabled_1k5uy_78) {
497
197
  background-color: var(--teddy-color-background-interactive-expressive-negative-active);
498
198
  color: var(--teddy-color-text-interactive-on-expressive-negative-active);
499
199
  }
500
- ._teddy-button--negative_mi6fm_140._teddy-button--disabled_mi6fm_78 {
200
+ ._teddy-button--negative_1k5uy_140._teddy-button--disabled_1k5uy_78 {
501
201
  background-color: var(--teddy-color-background-interactive-disabled-negative);
502
202
  color: var(--teddy-color-text-weak-negative);
503
203
  }
504
- ._teddy-button--secondary_mi6fm_96._teddy-button--disabled_mi6fm_78, ._teddy-button--secondary-negative_mi6fm_107._teddy-button--disabled_mi6fm_78 {
204
+ ._teddy-button--secondary_1k5uy_96._teddy-button--disabled_1k5uy_78, ._teddy-button--secondary-negative_1k5uy_107._teddy-button--disabled_1k5uy_78 {
505
205
  box-shadow: none;
506
206
  }
507
- ._teddy-button--destructive_mi6fm_147 {
207
+ ._teddy-button--destructive_1k5uy_147 {
508
208
  background-color: var(--teddy-color-background-interactive-destructive);
509
209
  color: var(--teddy-color-text-interactive-on-destructive);
510
210
  }
511
- ._teddy-button--destructive_mi6fm_147:hover:not(._teddy-button--disabled_mi6fm_78) {
211
+ ._teddy-button--destructive_1k5uy_147:hover:not(._teddy-button--disabled_1k5uy_78) {
512
212
  background-color: var(--teddy-color-background-interactive-destructive-hover);
513
213
  }
514
- ._teddy-button--destructive_mi6fm_147:active:not(._teddy-button--disabled_mi6fm_78) {
214
+ ._teddy-button--destructive_1k5uy_147:active:not(._teddy-button--disabled_1k5uy_78) {
515
215
  background-color: var(--teddy-color-background-interactive-destructive-active);
516
216
  }
517
- ._teddy-button--destructive-negative_mi6fm_157 {
217
+ ._teddy-button--destructive-negative_1k5uy_157 {
518
218
  background-color: var(--teddy-color-background-interactive-destructive);
519
219
  color: var(--teddy-color-text-interactive-on-destructive);
520
220
  }
521
- ._teddy-button--destructive-negative_mi6fm_157:hover:not(._teddy-button--disabled_mi6fm_78) {
221
+ ._teddy-button--destructive-negative_1k5uy_157:hover:not(._teddy-button--disabled_1k5uy_78) {
522
222
  background-color: var(--teddy-color-background-interactive-destructive-hover);
523
223
  }
524
- ._teddy-button--destructive-negative_mi6fm_157:active:not(._teddy-button--disabled_mi6fm_78) {
224
+ ._teddy-button--destructive-negative_1k5uy_157:active:not(._teddy-button--disabled_1k5uy_78) {
525
225
  background-color: var(--teddy-color-background-interactive-destructive-active);
526
226
  }
527
- ._teddy-button--tertiary-purple_mi6fm_167 {
227
+ ._teddy-button--tertiary-purple_1k5uy_167 {
528
228
  background-color: var(--teddy-color-background-interactive-transparent);
529
229
  color: var(--teddy-color-text-interactive-primary);
530
230
  }
531
- ._teddy-button--tertiary-purple_mi6fm_167._teddy-button--disabled_mi6fm_78 {
231
+ ._teddy-button--tertiary-purple_1k5uy_167._teddy-button--disabled_1k5uy_78 {
532
232
  background-color: var(--teddy-color-background-interactive-transparent);
533
233
  }
534
- ._teddy-button--tertiary-purple_mi6fm_167:hover:not(._teddy-button--disabled_mi6fm_78) {
234
+ ._teddy-button--tertiary-purple_1k5uy_167:hover:not(._teddy-button--disabled_1k5uy_78) {
535
235
  background-color: var(--teddy-color-background-interactive-transparent-hover);
536
236
  }
537
- ._teddy-button--tertiary-purple_mi6fm_167:active:not(._teddy-button--disabled_mi6fm_78) {
237
+ ._teddy-button--tertiary-purple_1k5uy_167:active:not(._teddy-button--disabled_1k5uy_78) {
538
238
  background-color: var(--teddy-color-background-interactive-transparent-active);
539
239
  }
540
- ._teddy-button--tertiary-purple-negative_mi6fm_180 {
240
+ ._teddy-button--tertiary-purple-negative_1k5uy_180 {
541
241
  background-color: var(--teddy-color-background-interactive-transparent);
542
242
  color: var(--teddy-color-text-interactive-primary-negative);
543
243
  }
544
- ._teddy-button--tertiary-purple-negative_mi6fm_180._teddy-button--disabled_mi6fm_78 {
244
+ ._teddy-button--tertiary-purple-negative_1k5uy_180._teddy-button--disabled_1k5uy_78 {
545
245
  background-color: var(--teddy-color-background-interactive-transparent);
546
246
  }
547
- ._teddy-button--tertiary-purple-negative_mi6fm_180:hover:not(._teddy-button--disabled_mi6fm_78) {
247
+ ._teddy-button--tertiary-purple-negative_1k5uy_180:hover:not(._teddy-button--disabled_1k5uy_78) {
548
248
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
549
249
  color: var(--teddy-color-text-interactive-primary-negative-hover);
550
250
  }
551
- ._teddy-button--tertiary-purple-negative_mi6fm_180:active:not(._teddy-button--disabled_mi6fm_78) {
251
+ ._teddy-button--tertiary-purple-negative_1k5uy_180:active:not(._teddy-button--disabled_1k5uy_78) {
552
252
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
553
253
  color: var(--teddy-color-text-interactive-primary-negative-active);
554
254
  }
555
- ._teddy-button--list-item_mi6fm_195 {
255
+ ._teddy-button--list-item_1k5uy_195 {
556
256
  border-radius: var(--teddy-border-radius-md);
557
257
  padding: var(--teddy-spacing-250) var(--teddy-spacing-150);
558
258
  background-color: var(--teddy-color-background-interactive-transparent);
@@ -561,522 +261,453 @@
561
261
  line-height: var(--teddy-typography-line-height-tight);
562
262
  justify-content: flex-start;
563
263
  }
564
- ._teddy-button--list-item_mi6fm_195._teddy-button--disabled_mi6fm_78 {
264
+ ._teddy-button--list-item_1k5uy_195._teddy-button--disabled_1k5uy_78 {
565
265
  background-color: var(--teddy-color-background-interactive-transparent);
566
266
  color: var(--teddy-color-text-weak);
567
267
  }
568
- ._teddy-button--list-item_mi6fm_195:hover:not(._teddy-button--disabled_mi6fm_78) {
268
+ ._teddy-button--list-item_1k5uy_195:hover:not(._teddy-button--disabled_1k5uy_78) {
569
269
  background-color: var(--teddy-color-background-secondary);
570
270
  }
571
- ._teddy-button--list-item_mi6fm_195:active:not(._teddy-button--disabled_mi6fm_78) {
271
+ ._teddy-button--list-item_1k5uy_195:active:not(._teddy-button--disabled_1k5uy_78) {
572
272
  background-color: var(--teddy-color-background-interactive-transparent-active);
573
273
  }
574
- ._teddy-button--text-negative_mi6fm_214 {
274
+ ._teddy-button--text-negative_1k5uy_214 {
575
275
  border-radius: 0;
576
276
  padding-left: 0;
577
277
  padding-right: 0;
578
278
  background-color: var(--teddy-color-background-interactive-transparent);
579
279
  color: var(--teddy-color-text-interactive-primary-negative);
580
280
  }
581
- ._teddy-button--text-negative_mi6fm_214:focus-visible::before {
281
+ ._teddy-button--text-negative_1k5uy_214:focus-visible::before {
582
282
  border-radius: 0;
583
283
  }
584
- ._teddy-button--text-negative_mi6fm_214._teddy-button--disabled_mi6fm_78 {
284
+ ._teddy-button--text-negative_1k5uy_214._teddy-button--disabled_1k5uy_78 {
585
285
  background-color: var(--teddy-color-background-interactive-transparent);
586
286
  }
587
- ._teddy-button--text-negative_mi6fm_214:hover:not(._teddy-button--disabled_mi6fm_78) {
287
+ ._teddy-button--text-negative_1k5uy_214:hover:not(._teddy-button--disabled_1k5uy_78) {
588
288
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
589
289
  color: var(--teddy-color-text-interactive-primary-negative-hover);
590
290
  }
591
- ._teddy-button--text-negative_mi6fm_214:active:not(._teddy-button--disabled_mi6fm_78) {
291
+ ._teddy-button--text-negative_1k5uy_214:active:not(._teddy-button--disabled_1k5uy_78) {
592
292
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
593
293
  color: var(--teddy-color-text-interactive-primary-negative-active);
594
294
  }
595
- ._teddy-button--text_mi6fm_214 {
295
+ ._teddy-button--text_1k5uy_214 {
596
296
  border-radius: 0;
597
297
  padding-left: 0;
598
298
  padding-right: 0;
599
299
  background-color: var(--teddy-color-background-interactive-transparent);
600
300
  color: var(--teddy-color-text-interactive-primary);
601
301
  }
602
- ._teddy-button--text_mi6fm_214:focus-visible::before {
302
+ ._teddy-button--text_1k5uy_214:focus-visible::before {
603
303
  border-radius: 0;
604
304
  }
605
- ._teddy-button--text_mi6fm_214._teddy-button--disabled_mi6fm_78 {
305
+ ._teddy-button--text_1k5uy_214._teddy-button--disabled_1k5uy_78 {
606
306
  background-color: var(--teddy-color-background-interactive-transparent);
607
307
  color: var(--teddy-color-text-weak);
608
308
  }
609
- ._teddy-button--text_mi6fm_214:hover:not(._teddy-button--disabled_mi6fm_78) {
309
+ ._teddy-button--text_1k5uy_214:hover:not(._teddy-button--disabled_1k5uy_78) {
610
310
  background-color: var(--teddy-color-background-interactive-transparent-hover);
611
311
  }
612
- ._teddy-button--text_mi6fm_214:active:not(._teddy-button--disabled_mi6fm_78) {
312
+ ._teddy-button--text_1k5uy_214:active:not(._teddy-button--disabled_1k5uy_78) {
613
313
  background-color: var(--teddy-color-background-interactive-transparent-active);
614
314
  }
615
- ._teddy-button--disabled_mi6fm_78 {
315
+ ._teddy-button--disabled_1k5uy_78 {
616
316
  background-color: var(--teddy-color-background-interactive-disabled);
617
317
  color: var(--teddy-color-text-weak);
618
318
  cursor: not-allowed;
619
319
  transition-duration: var(--teddy-motion-duration-400);
620
320
  }
621
- ._teddy-button--dashed-border_mi6fm_261 {
321
+ ._teddy-button--dashed-border_1k5uy_261 {
622
322
  border: 1px dashed;
623
323
  box-shadow: none;
624
324
  }
625
- ._teddy-button__loading_mi6fm_265 {
325
+ ._teddy-button__loading_1k5uy_265 {
626
326
  position: absolute;
627
327
  inset: 0;
628
328
  display: grid;
629
329
  place-items: center;
630
330
  border-radius: inherit;
631
331
  background-color: var(--teddy-color-transparent-white-500);
632
- animation: _fadeInAnimation_mi6fm_1 ease var(--teddy-motion-duration-500);
332
+ animation: _fadeInAnimation_1k5uy_1 ease var(--teddy-motion-duration-500);
633
333
  animation-iteration-count: 1;
634
334
  animation-fill-mode: forwards;
635
335
  }
636
- ._teddy-button__loading_mi6fm_265 ._teddy-button__spinner_mi6fm_276 circle {
336
+ ._teddy-button__loading_1k5uy_265 ._teddy-button__spinner_1k5uy_276 circle {
637
337
  stroke: var(--teddy-color-transparent-black-700);
638
338
  }
639
- ._teddy-button--icon-only_mi6fm_56 ._teddy-button__loading_mi6fm_265 {
339
+ ._teddy-button--icon-only_1k5uy_56 ._teddy-button__loading_1k5uy_265 {
640
340
  background-color: var(--teddy-color-gray-100);
641
341
  }
342
+ }@layer text {
343
+ ._teddy-text_15w9u_2 {
344
+ color: inherit;
345
+ display: block;
346
+ margin: 0;
347
+ hyphens: none;
348
+ }
349
+ ._teddy-text--disabled_15w9u_8 {
350
+ color: var(--teddy-color-text-weak);
351
+ }
352
+ ._teddy-text--hyphens_15w9u_11 {
353
+ hyphens: auto;
354
+ }
355
+ ._teddy-text--paragraph-100_15w9u_14 {
356
+ font-family: var(--teddy-typography-family-default);
357
+ font-weight: var(--teddy-typography-weight-normal);
358
+ font-size: var(--teddy-typography-scale-100);
359
+ line-height: var(--teddy-typography-line-height-loose);
360
+ }
361
+ ._teddy-text--paragraph-100-medium_15w9u_20 {
362
+ font-family: var(--teddy-typography-family-default);
363
+ font-weight: var(--teddy-typography-weight-normal);
364
+ font-size: var(--teddy-typography-scale-100);
365
+ line-height: var(--teddy-typography-line-height-loose);
366
+ font-weight: var(--teddy-typography-weight-medium);
367
+ }
368
+ ._teddy-text--paragraph-100-bold_15w9u_27 {
369
+ font-family: var(--teddy-typography-family-default);
370
+ font-weight: var(--teddy-typography-weight-normal);
371
+ font-size: var(--teddy-typography-scale-100);
372
+ line-height: var(--teddy-typography-line-height-loose);
373
+ font-weight: var(--teddy-typography-weight-bold);
374
+ }
375
+ ._teddy-text--paragraph-200_15w9u_34 {
376
+ font-family: var(--teddy-typography-family-default);
377
+ font-weight: var(--teddy-typography-weight-normal);
378
+ font-size: var(--teddy-typography-scale-100);
379
+ line-height: var(--teddy-typography-line-height-looser);
380
+ }
381
+ ._teddy-text--preamble-100_15w9u_40 {
382
+ font-family: var(--teddy-typography-family-default);
383
+ font-weight: var(--teddy-typography-weight-normal);
384
+ font-size: var(--teddy-typography-scale-200);
385
+ line-height: var(--teddy-typography-line-height-loose);
386
+ }
387
+ ._teddy-text--preamble-200_15w9u_46 {
388
+ font-family: var(--teddy-typography-family-default);
389
+ font-weight: var(--teddy-typography-weight-normal);
390
+ font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
391
+ line-height: var(--teddy-typography-line-height-loose);
392
+ }
393
+ ._teddy-text--additional-100_15w9u_52 {
394
+ font-family: var(--teddy-typography-family-default);
395
+ font-weight: var(--teddy-typography-weight-normal);
396
+ font-size: var(--teddy-typography-scale-75);
397
+ line-height: var(--teddy-typography-line-height-loose);
398
+ }
399
+ ._teddy-text--additional-100-medium_15w9u_58 {
400
+ font-family: var(--teddy-typography-family-default);
401
+ font-weight: var(--teddy-typography-weight-normal);
402
+ font-size: var(--teddy-typography-scale-75);
403
+ line-height: var(--teddy-typography-line-height-loose);
404
+ font-weight: var(--teddy-typography-weight-medium);
405
+ }
406
+ ._teddy-text--overline-100_15w9u_65 {
407
+ font-family: var(--teddy-typography-family-default);
408
+ font-size: var(--teddy-typography-scale-75);
409
+ letter-spacing: var(--teddy-spacing-10);
410
+ line-height: var(--teddy-typography-line-height-tight);
411
+ text-transform: uppercase;
412
+ }
413
+ ._teddy-text--overline-200_15w9u_72 {
414
+ font-family: var(--teddy-typography-family-default);
415
+ font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
416
+ letter-spacing: var(--teddy-spacing-10);
417
+ line-height: var(--teddy-typography-line-height-tight);
418
+ text-transform: uppercase;
419
+ }
420
+ }._teddy-channel-button_1hacf_1 {
421
+ --channel-button-fade-color: var(--teddy-color-background-primary);
642
422
  }
643
- ._teddy-toast_mi6fm_283 {
644
- background-color: var(--teddy-color-background-primary);
645
- color: var(--teddy-color-text-primary);
646
- border-color: var(--teddy-color-border-weak);
647
- box-shadow: var(--teddy-shadow-lg);
648
- display: grid;
649
- grid-template-columns: auto 1fr;
650
- grid-template-rows: auto auto;
651
- grid-template-areas: "icon title" "unused description" "unused action";
652
- gap: 0;
653
- padding: var(--teddy-spacing-200);
654
- }
655
- ._teddy-toast_mi6fm_283 ._teddy-toast__title_mi6fm_295 {
656
- font-size: var(--teddy-typography-scale-100);
657
- grid-area: title;
658
- }
659
- ._teddy-toast_mi6fm_283 ._teddy-toast__description_mi6fm_299 {
660
- color: var(--teddy-color-text-default);
661
- font-size: var(--teddy-typography-scale-75);
662
- grid-area: description;
663
- }
664
- ._teddy-toast_mi6fm_283 ._teddy-toast__icon_mi6fm_304 {
665
- grid-area: icon;
666
- display: grid;
667
- place-items: center;
668
- min-width: var(--teddy-spacing-250);
669
- width: unset;
670
- height: unset;
671
- margin: 0 var(--teddy-spacing-100) 0 0;
672
- }
673
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button_mi6fm_313 {
674
- align-items: center;
675
- border-radius: var(--teddy-border-radius-full);
676
- border-width: 0;
677
- cursor: pointer;
678
- display: inline-flex;
679
- font-size: var(--teddy-typography-scale-100);
680
- font-family: var(--teddy-typography-family-default);
681
- font-weight: var(--teddy-typography-weight-medium);
682
- gap: var(--teddy-spacing-100);
683
- justify-content: center;
684
- line-height: var(--teddy-spacing-200);
685
- outline: 0;
686
- position: relative;
687
- text-decoration: none;
688
- transition-duration: var(--teddy-motion-duration-100);
689
- transition-timing-function: var(--teddy-motion-easing-ease-in-out);
690
- transition-property: background-color, color;
691
- width: auto;
692
- background-color: var(--teddy-color-background-interactive-transparent);
693
- color: var(--teddy-color-text-interactive-primary);
694
- inset: 0 0 auto auto;
695
- background-color: inherit;
696
- border: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
697
- position: absolute;
698
- height: var(--teddy-spacing-400);
699
- width: var(--teddy-spacing-400);
700
- display: grid;
701
- place-items: center;
702
- box-shadow: none;
703
- transform: translate(25%, -25%);
704
- }
705
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button_mi6fm_313:focus::before {
706
- border-radius: inherit;
707
- box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
708
- content: "";
709
- opacity: 1;
710
- display: block;
711
- inset: calc(var(--teddy-spacing-25) * -1);
712
- position: absolute;
713
- }
714
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button_mi6fm_313:focus:not(:focus-visible)::before {
715
- opacity: 0;
716
- }
717
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button_mi6fm_313 svg {
718
- display: block;
719
- }
720
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--sm_mi6fm_360 {
721
- padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
722
- }
723
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--sm_mi6fm_360._teddy-toast_mi6fm_283 ._teddy-toast__close-button--icon-only_mi6fm_363 {
724
- padding: var(--teddy-spacing-150);
725
- }
726
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--md_mi6fm_366 {
727
- padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
728
- }
729
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--md_mi6fm_366._teddy-toast_mi6fm_283 ._teddy-toast__close-button--icon-only_mi6fm_363 {
730
- padding: var(--teddy-spacing-200);
731
- }
732
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--lg_mi6fm_372 {
733
- padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
734
- }
735
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--lg_mi6fm_372._teddy-toast_mi6fm_283 ._teddy-toast__close-button--icon-only_mi6fm_363 {
736
- padding: var(--teddy-spacing-250);
737
- }
738
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--full-width_mi6fm_378 {
739
- width: 100%;
740
- }
741
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--primary_mi6fm_381 {
742
- background-color: var(--teddy-color-background-interactive-primary);
743
- color: var(--teddy-color-text-interactive-on-primary);
744
- }
745
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--primary_mi6fm_381:hover:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
746
- background-color: var(--teddy-color-background-interactive-primary-hover);
747
- }
748
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--primary_mi6fm_381:active:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
749
- background-color: var(--teddy-color-background-interactive-primary-active);
750
- }
751
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--primary-negative_mi6fm_391 {
752
- background-color: var(--teddy-color-background-interactive-primary-negative);
753
- color: var(--teddy-color-text-interactive-on-primary-negative);
754
- }
755
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--primary-negative_mi6fm_391:hover:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
756
- background-color: var(--teddy-color-background-interactive-primary-negative-hover);
757
- border-color: var(--teddy-color-background-interactive-primary-negative-hover);
758
- }
759
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--primary-negative_mi6fm_391:active:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
760
- background-color: var(--teddy-color-background-interactive-primary-negative-active);
761
- border-color: var(--teddy-color-background-interactive-primary-negative-active);
762
- }
763
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--secondary_mi6fm_403 {
764
- background-color: var(--teddy-color-background-interactive-transparent);
765
- box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
766
- color: var(--teddy-color-text-interactive-primary);
767
- }
768
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--secondary_mi6fm_403:hover:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
769
- background-color: var(--teddy-color-background-interactive-transparent-hover);
770
- }
771
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--secondary_mi6fm_403:active:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
772
- background-color: var(--teddy-color-background-interactive-transparent-active);
773
- }
774
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--secondary-negative_mi6fm_414 {
775
- background-color: var(--teddy-color-background-interactive-transparent);
776
- box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
777
- color: var(--teddy-color-text-interactive-primary-negative);
778
- }
779
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--secondary-negative_mi6fm_414:hover:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
780
- background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
781
- }
782
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--secondary-negative_mi6fm_414:active:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
783
- background-color: var(--teddy-color-background-interactive-transparent-negative-active);
784
- }
785
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--expressive_mi6fm_425 {
786
- background-color: var(--teddy-color-background-interactive-expressive);
787
- color: var(--teddy-color-text-interactive-on-expressive);
788
- }
789
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--expressive_mi6fm_425:hover:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
790
- background-color: var(--teddy-color-background-interactive-expressive-hover);
791
- }
792
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--expressive_mi6fm_425:active:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
793
- background-color: var(--teddy-color-background-interactive-expressive-active);
794
- }
795
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--expressive-negative_mi6fm_435 {
796
- background-color: var(--teddy-color-background-interactive-expressive-negative);
797
- color: var(--teddy-color-text-interactive-on-expressive-negative);
798
- }
799
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--expressive-negative_mi6fm_435:hover:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
800
- background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
801
- color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
802
- }
803
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--expressive-negative_mi6fm_435:active:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
804
- background-color: var(--teddy-color-background-interactive-expressive-negative-active);
805
- color: var(--teddy-color-text-interactive-on-expressive-negative-active);
806
- }
807
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button_mi6fm_313._teddy-toast--disabled_mi6fm_447 {
808
- background-color: var(--teddy-color-background-interactive-transparent);
809
- }
810
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button_mi6fm_313:hover:not(._teddy-toast--disabled_mi6fm_447) {
811
- background-color: var(--teddy-color-background-interactive-transparent-hover);
812
- }
813
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button_mi6fm_313:active:not(._teddy-toast--disabled_mi6fm_447) {
814
- background-color: var(--teddy-color-background-interactive-transparent-active);
815
- }
816
- ._teddy-toast_mi6fm_283 ._teddy-toast__close-button_mi6fm_313 svg {
817
- height: var(--teddy-spacing-200);
818
- width: var(--teddy-spacing-200);
819
- }
820
- ._teddy-toast_mi6fm_283 ._teddy-toast__content_mi6fm_460 {
821
- display: contents;
822
- }
823
- ._teddy-toast_mi6fm_283 ._teddy-toast__loading_mi6fm_463 {
824
- grid-area: icon;
825
- position: relative;
826
- }
827
- ._teddy-toast--success_mi6fm_467 {
828
- background-color: var(--teddy-color-background-status-success);
829
- color: var(--teddy-color-text-status-success-strong);
830
- border-color: var(--teddy-color-border-status-success);
831
- }
832
- ._teddy-toast--success_mi6fm_467 ._teddy-toast__icon_mi6fm_304 {
833
- color: var(--teddy-color-text-status-success-medium);
834
- }
835
- ._teddy-toast--success_mi6fm_467 ._teddy-toast__close-button_mi6fm_313 {
836
- border-color: var(--teddy-color-border-status-success);
837
- color: var(--teddy-color-text-status-success-strong);
838
- }
839
- ._teddy-toast--info_mi6fm_479 {
840
- background-color: var(--teddy-color-background-status-info);
841
- color: var(--teddy-color-text-status-info-strong);
842
- border-color: var(--teddy-color-border-status-info);
843
- }
844
- ._teddy-toast--info_mi6fm_479 ._teddy-toast__icon_mi6fm_304 {
845
- color: var(--teddy-color-text-status-info-medium);
846
- }
847
- ._teddy-toast--info_mi6fm_479 ._teddy-toast__close-button_mi6fm_313 {
848
- border-color: var(--teddy-color-border-status-info);
849
- color: var(--teddy-color-text-status-info-strong);
423
+ ._teddy-channel-button_1hacf_1._teddy-channel-button_1hacf_1 {
424
+ border: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
425
+ border-radius: var(--teddy-border-radius-md);
426
+ color: var(--teddy-color-text-default);
427
+ font-weight: var(--teddy-typography-weight-normal);
428
+ min-width: 58px;
429
+ padding: var(--teddy-spacing-100);
430
+ display: inline-flex;
431
+ flex-direction: column;
432
+ gap: var(--teddy-spacing-50);
433
+ align-items: center;
434
+ justify-items: center;
435
+ text-align: center;
436
+ transition-duration: 0ms;
850
437
  }
851
- ._teddy-toast--warning_mi6fm_491 {
852
- background-color: var(--teddy-color-background-status-warning);
853
- color: var(--teddy-color-text-status-warning-strong);
854
- border-color: var(--teddy-color-border-status-warning);
438
+ ._teddy-channel-button_1hacf_1._teddy-channel-button_1hacf_1::after {
439
+ content: "";
440
+ display: block;
441
+ position: absolute;
442
+ inset: 0;
443
+ opacity: 0;
444
+ border-radius: inherit;
445
+ outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary-active);
446
+ outline-offset: calc(var(--teddy-border-width-xs) * -1);
855
447
  }
856
- ._teddy-toast--warning_mi6fm_491 ._teddy-toast__icon_mi6fm_304 {
857
- color: var(--teddy-color-text-status-warning-medium);
448
+ ._teddy-channel-button_1hacf_1._teddy-channel-button_1hacf_1:hover {
449
+ --channel-button-fade-color: var(--teddy-color-background-interactive-transparent-hover);
858
450
  }
859
- ._teddy-toast--warning_mi6fm_491 ._teddy-toast__close-button_mi6fm_313 {
860
- border-color: var(--teddy-color-border-status-warning);
861
- color: var(--teddy-color-text-status-warning-strong);
451
+ ._teddy-channel-button_1hacf_1._teddy-channel-button_1hacf_1:hover::after {
452
+ opacity: 1;
862
453
  }
863
- ._teddy-toast--error_mi6fm_503 {
864
- background-color: var(--teddy-color-background-status-error);
865
- color: var(--teddy-color-text-status-error-strong);
866
- border-color: var(--teddy-color-border-status-error);
454
+ ._teddy-channel-button_1hacf_1._teddy-channel-button_1hacf_1:active {
455
+ --channel-button-fade-color: var(--teddy-color-background-interactive-transparent-active);
867
456
  }
868
- ._teddy-toast--error_mi6fm_503 ._teddy-toast__icon_mi6fm_304 {
869
- color: var(--teddy-color-text-status-error-medium);
457
+ ._teddy-channel-button_1hacf_1._teddy-channel-button_1hacf_1:active::after {
458
+ opacity: 1;
870
459
  }
871
- ._teddy-toast--error_mi6fm_503 ._teddy-toast__close-button_mi6fm_313 {
872
- border-color: var(--teddy-color-border-status-error);
873
- color: var(--teddy-color-text-status-error-strong);
460
+ ._teddy-channel-button--no-click_1hacf_41 {
461
+ pointer-events: none;
874
462
  }
875
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515,
876
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button_mi6fm_516 {
877
- align-items: center;
878
- border-radius: var(--teddy-border-radius-full);
879
- border-width: 0;
880
- cursor: pointer;
881
- display: inline-flex;
882
- font-size: var(--teddy-typography-scale-100);
883
- font-family: var(--teddy-typography-family-default);
884
- font-weight: var(--teddy-typography-weight-medium);
885
- gap: var(--teddy-spacing-100);
886
- justify-content: center;
887
- line-height: var(--teddy-spacing-200);
888
- outline: 0;
463
+ ._teddy-channel-button__illustration_1hacf_44 {
464
+ overflow: hidden;
889
465
  position: relative;
890
- text-decoration: none;
891
- transition-duration: var(--teddy-motion-duration-100);
892
- transition-timing-function: var(--teddy-motion-easing-ease-in-out);
893
- transition-property: background-color, color;
894
- width: auto;
895
- grid-area: action;
896
- border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
897
- background-color: var(--teddy-color-background-interactive-secondary);
898
- color: var(--teddy-color-text-interactive-primary);
899
- font-family: var(--teddy-typography-family-default);
900
- font-weight: var(--teddy-typography-weight-medium);
901
- font-size: var(--teddy-typography-scale-75);
902
- margin-top: auto;
903
- box-shadow: none;
904
466
  }
905
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515:focus::before,
906
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button_mi6fm_516:focus::before {
907
- border-radius: inherit;
908
- box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
467
+ ._teddy-channel-button__illustration--fade_1hacf_48::after {
909
468
  content: "";
910
- opacity: 1;
911
469
  display: block;
912
- inset: calc(var(--teddy-spacing-25) * -1);
913
470
  position: absolute;
471
+ inset: 0 0 0 auto;
472
+ width: 65px;
473
+ background: linear-gradient(90deg, var(--teddy-color-background-interactive-transparent) 0%, var(--channel-button-fade-color) 100%);
914
474
  }
915
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515:focus:not(:focus-visible)::before,
916
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button_mi6fm_516:focus:not(:focus-visible)::before {
917
- opacity: 0;
918
- }
919
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515 svg,
920
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button_mi6fm_516 svg {
921
- display: block;
475
+ ._teddy-channel-button__text_1hacf_56 {
476
+ border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
477
+ padding-top: var(--teddy-spacing-50);
478
+ width: 100%;
479
+ }._teddy-flex_1ncy4_1 {
480
+ box-sizing: border-box;
922
481
  }
923
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--sm_mi6fm_563,
924
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--sm_mi6fm_564 {
925
- padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
482
+
483
+ @layer flex {
484
+ ._teddy-flex_1ncy4_1 {
485
+ display: flex;
486
+ }
487
+ }@layer Image {
488
+ ._teddy-image_jxcdf_2 {
489
+ width: 100%;
490
+ max-width: 100%;
491
+ height: 100%;
492
+ display: block;
493
+ font-style: italic;
494
+ background-repeat: no-repeat;
495
+ }
496
+ }._teddy-meter-bar_1wiil_1 {
497
+ background: var(--teddy-color-transparent-black-100);
498
+ overflow: hidden;
499
+ border-radius: var(--teddy-border-radius-full);
500
+ height: calc(var(--teddy-spacing-50) + var(--teddy-spacing-25));
501
+ position: relative;
502
+ /* create a stacking context */
503
+ z-index: 0;
504
+ display: flex;
505
+ /* Fix overflow clipping in Safari */
506
+ /* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
507
+ transform: translateZ(0);
926
508
  }
927
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--sm_mi6fm_563._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--sm_mi6fm_563 ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--icon-only_mi6fm_567,
928
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--sm_mi6fm_564._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515,
929
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--sm_mi6fm_564 ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--icon-only_mi6fm_567 {
930
- padding: var(--teddy-spacing-150);
509
+ ._teddy-meter-bar__indicator_1wiil_14 {
510
+ background-color: var(--teddy-color-purple-800);
511
+ width: 100%;
512
+ height: 100%;
513
+ position: relative;
514
+ inset: 0;
931
515
  }
932
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--md_mi6fm_572,
933
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--md_mi6fm_573 {
934
- padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
516
+ @media (prefers-reduced-motion: no-preference) {
517
+ ._teddy-meter-bar__indicator_1wiil_14 {
518
+ animation: _slideInFromLeft_1wiil_1 1s cubic-bezier(0.65, 0, 0.35, 1);
519
+ transition: transform var(--teddy-motion-duration-500) cubic-bezier(0.65, 0, 0.35, 1), width var(--teddy-motion-duration-500) cubic-bezier(0.65, 0, 0.35, 1);
520
+ }
935
521
  }
936
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--md_mi6fm_572._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--md_mi6fm_572 ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--icon-only_mi6fm_567,
937
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--md_mi6fm_573._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515,
938
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--md_mi6fm_573 ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--icon-only_mi6fm_567 {
939
- padding: var(--teddy-spacing-200);
522
+ ._teddy-meter-bar--negative_1wiil_27 {
523
+ background: var(--teddy-color-transparent-white-100);
940
524
  }
941
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--lg_mi6fm_581,
942
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--lg_mi6fm_582 {
943
- padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
525
+ ._teddy-meter-bar--negative_1wiil_27 ._teddy-meter-bar__indicator_1wiil_14 {
526
+ background-color: var(--teddy-color-purple-300);
944
527
  }
945
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--lg_mi6fm_581._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--lg_mi6fm_581 ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--icon-only_mi6fm_567,
946
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--lg_mi6fm_582._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515,
947
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--lg_mi6fm_582 ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--icon-only_mi6fm_567 {
948
- padding: var(--teddy-spacing-250);
528
+
529
+ @keyframes _slideInFromLeft_1wiil_1 {
530
+ 0% {
531
+ width: 0;
532
+ }
533
+ }._teddy-skeleton_11jot_1 {
534
+ background-image: none;
535
+ background-clip: border-box;
536
+ border: none;
537
+ box-shadow: none;
538
+ -webkit-box-decoration-break: clone;
539
+ box-decoration-break: clone;
540
+ color: transparent;
541
+ outline: none;
542
+ pointer-events: none;
543
+ user-select: none;
544
+ cursor: default;
545
+ background: linear-gradient(90deg, var(--teddy-color-transparent-black-200), var(--teddy-color-transparent-black-150), var(--teddy-color-transparent-black-200));
546
+ background-size: 200%;
949
547
  }
950
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--full-width_mi6fm_590,
951
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--full-width_mi6fm_591 {
952
- width: 100%;
548
+ @media (prefers-reduced-motion: no-preference) {
549
+ ._teddy-skeleton_11jot_1 {
550
+ animation: _teddy-skeleton-pulse_11jot_1 var(--teddy-motion-duration-1500) infinite reverse;
551
+ }
953
552
  }
954
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--primary_mi6fm_594,
955
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--primary_mi6fm_595 {
956
- background-color: var(--teddy-color-background-interactive-primary);
957
- color: var(--teddy-color-text-interactive-on-primary);
553
+ ._teddy-skeleton_11jot_1 > *, ._teddy-skeleton_11jot_1::after, ._teddy-skeleton_11jot_1::before {
554
+ visibility: hidden;
958
555
  }
959
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--primary_mi6fm_594:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
960
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--primary_mi6fm_595:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
961
- background-color: var(--teddy-color-background-interactive-primary-hover);
556
+ @keyframes _teddy-skeleton-pulse_11jot_1 {
557
+ from {
558
+ background-position: -100% 0;
559
+ }
560
+ to {
561
+ background-position: 100% 0;
562
+ }
563
+ }._teddy-checkbox_1tihh_1 {
564
+ display: inline-flex;
565
+ align-items: center;
566
+ gap: var(--teddy-spacing-100);
567
+ border-radius: var(--teddy-border-radius-xs);
568
+ padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25)) 0;
962
569
  }
963
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--primary_mi6fm_594:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
964
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--primary_mi6fm_595:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
965
- background-color: var(--teddy-color-background-interactive-primary-active);
570
+ ._teddy-checkbox__label_1tihh_8 {
571
+ font-weight: var(--teddy-typography-weight-medium);
572
+ margin-bottom: var(--teddy-spacing-100);
966
573
  }
967
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--primary-negative_mi6fm_607,
968
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--primary-negative_mi6fm_608 {
969
- background-color: var(--teddy-color-background-interactive-primary-negative);
970
- color: var(--teddy-color-text-interactive-on-primary-negative);
574
+ ._teddy-checkbox_1tihh_1:has(._teddy-checkbox__trigger_1tihh_12:focus-visible) {
575
+ outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
576
+ outline-offset: var(--teddy-spacing-50);
971
577
  }
972
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--primary-negative_mi6fm_607:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
973
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--primary-negative_mi6fm_608:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
974
- background-color: var(--teddy-color-background-interactive-primary-negative-hover);
975
- border-color: var(--teddy-color-background-interactive-primary-negative-hover);
578
+ ._teddy-checkbox_1tihh_1:has(._teddy-checkbox__trigger_1tihh_12:not(:focus-visible)) {
579
+ outline: none;
976
580
  }
977
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--primary-negative_mi6fm_607:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
978
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--primary-negative_mi6fm_608:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
979
- background-color: var(--teddy-color-background-interactive-primary-negative-active);
980
- border-color: var(--teddy-color-background-interactive-primary-negative-active);
581
+ ._teddy-checkbox__trigger_1tihh_12 {
582
+ all: unset;
583
+ position: relative;
584
+ display: inline-flex;
585
+ align-items: center;
586
+ justify-content: center;
587
+ vertical-align: top;
588
+ flex-shrink: 0;
589
+ cursor: default;
590
+ border-radius: var(--teddy-border-radius-xs);
981
591
  }
982
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--secondary_mi6fm_622,
983
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--secondary_mi6fm_623 {
984
- background-color: var(--teddy-color-background-interactive-transparent);
985
- box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
986
- color: var(--teddy-color-text-interactive-primary);
592
+ ._teddy-checkbox__trigger_1tihh_12::before {
593
+ content: "";
594
+ display: block;
595
+ height: var(--teddy-spacing-300);
596
+ width: var(--teddy-spacing-300);
597
+ border-radius: var(--teddy-border-radius-xs);
598
+ transition: background-color var(--teddy-motion-duration-200) ease, box-shadow var(--teddy-motion-duration-200) ease;
987
599
  }
988
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--secondary_mi6fm_622:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
989
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--secondary_mi6fm_623:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
990
- background-color: var(--teddy-color-background-interactive-transparent-hover);
600
+ ._teddy-checkbox__trigger_1tihh_12:where([data-state=unchecked])::before {
601
+ background-color: var(--teddy-color-functional-transparent);
602
+ box-shadow: inset 0 0 0 1px var(--teddy-color-text-default);
991
603
  }
992
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--secondary_mi6fm_622:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
993
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--secondary_mi6fm_623:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
994
- background-color: var(--teddy-color-background-interactive-transparent-active);
604
+ ._teddy-checkbox__trigger_1tihh_12:where([data-state=checked])::before {
605
+ background-color: var(--teddy-color-background-interactive-primary);
995
606
  }
996
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--secondary-negative_mi6fm_636,
997
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--secondary-negative_mi6fm_637 {
998
- background-color: var(--teddy-color-background-interactive-transparent);
999
- box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
1000
- color: var(--teddy-color-text-interactive-primary-negative);
607
+ ._teddy-checkbox__trigger_1tihh_12:where(:disabled)::before {
608
+ box-shadow: inset 0 0 0 1px var(--teddy-color-text-weak);
609
+ background-color: var(--teddy-color-background-interactive-disabled);
1001
610
  }
1002
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--secondary-negative_mi6fm_636:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1003
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--secondary-negative_mi6fm_637:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1004
- background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
611
+ ._teddy-checkbox__trigger_1tihh_12:where(:disabled):where([data-state=checked]) ._teddy-checkbox__indicator_1tihh_49 {
612
+ color: var(--teddy-color-text-weak);
1005
613
  }
1006
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--secondary-negative_mi6fm_636:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1007
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--secondary-negative_mi6fm_637:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1008
- background-color: var(--teddy-color-background-interactive-transparent-negative-active);
614
+ ._teddy-checkbox__trigger_1tihh_12:hover:not(:disabled)::before {
615
+ box-shadow: inset 0 0 0 2px var(--teddy-color-border-interactive-subtle-hover);
1009
616
  }
1010
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--expressive_mi6fm_650,
1011
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--expressive_mi6fm_651 {
1012
- background-color: var(--teddy-color-background-interactive-expressive);
1013
- color: var(--teddy-color-text-interactive-on-expressive);
617
+ ._teddy-checkbox__trigger_1tihh_12:hover:not(:disabled):where([data-state=checked])::before {
618
+ box-shadow: inset 0 0 0 1px var(--teddy-color-border-interactive-primary-hover);
619
+ background-color: var(--teddy-color-background-interactive-primary-hover);
1014
620
  }
1015
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--expressive_mi6fm_650:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1016
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--expressive_mi6fm_651:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1017
- background-color: var(--teddy-color-background-interactive-expressive-hover);
621
+ ._teddy-checkbox__trigger_1tihh_12:active:not(:disabled)::before {
622
+ box-shadow: inset 0 0 0 1px var(--teddy-color-border-interactive-subtle-hover);
1018
623
  }
1019
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--expressive_mi6fm_650:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1020
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--expressive_mi6fm_651:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1021
- background-color: var(--teddy-color-background-interactive-expressive-active);
624
+ ._teddy-checkbox__trigger_1tihh_12:active:not(:disabled):where([data-state=checked])::before {
625
+ background-color: var(--teddy-color-background-interactive-primary-active);
1022
626
  }
1023
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--expressive-negative_mi6fm_663,
1024
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--expressive-negative_mi6fm_664 {
1025
- background-color: var(--teddy-color-background-interactive-expressive-negative);
1026
- color: var(--teddy-color-text-interactive-on-expressive-negative);
627
+ ._teddy-checkbox__trigger_1tihh_12:where([data-state=indeterminate])::before {
628
+ background-color: var(--teddy-color-background-interactive-primary);
1027
629
  }
1028
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--expressive-negative_mi6fm_663:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1029
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--expressive-negative_mi6fm_664:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1030
- background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
1031
- color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
630
+ ._teddy-checkbox__trigger_1tihh_12:where([data-state=indeterminate]) ._teddy-checkbox__indicator_1tihh_49 {
631
+ color: var(--teddy-color-text-interactive-on-primary);
1032
632
  }
1033
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--expressive-negative_mi6fm_663:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1034
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--expressive-negative_mi6fm_664:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1035
- background-color: var(--teddy-color-background-interactive-expressive-negative-active);
1036
- color: var(--teddy-color-text-interactive-on-expressive-negative-active);
633
+ ._teddy-checkbox__trigger_1tihh_12:where([data-state=indeterminate]) ._teddy-checkbox__indicator-icon-checked_1tihh_71 {
634
+ display: none;
1037
635
  }
1038
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515:hover,
1039
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button_mi6fm_516:hover {
1040
- background-color: var(--teddy-color-background-interactive-transparent-hover);
636
+ ._teddy-checkbox__trigger_1tihh_12:where([data-state=indeterminate]) ._teddy-checkbox__indicator-icon-indeterminate_1tihh_74 {
637
+ display: block;
1041
638
  }
1042
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515:active,
1043
- ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button_mi6fm_516:active {
1044
- background-color: var(--teddy-color-background-interactive-transparent-active);
1045
- }._teddy-toggletip__content_1ob5f_1 {
1046
- border-radius: var(--teddy-border-radius-md);
1047
- padding: var(--teddy-spacing-200);
1048
- width: 25rem;
1049
- background-color: white;
1050
- box-shadow: var(--teddy-shadow-lg);
1051
- animation-duration: 400ms;
1052
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1053
- will-change: transform, opacity;
1054
- background-color: var(--teddy-color-background-tone-on-tone-primary);
1055
- display: flex;
1056
- flex-direction: column;
1057
- gap: var(--teddy-spacing-150);
1058
- color: var(--teddy-color-text-tone-on-tone-primary);
1059
- position: relative;
639
+ ._teddy-checkbox__indicator_1tihh_49 {
640
+ position: absolute;
641
+ width: var(--teddy-spacing-200);
642
+ height: var(--teddy-spacing-200);
643
+ transform: translate(-50%, -50%);
644
+ top: 50%;
645
+ left: 50%;
646
+ color: var(--teddy-color-text-interactive-on-primary);
1060
647
  }
1061
- ._teddy-toggletip__content--negative_1ob5f_17 {
1062
- background-color: var(--teddy-color-background-tone-on-tone-secondary);
1063
- color: var(--teddy-color-text-tone-on-tone-secondary);
648
+ ._teddy-checkbox__indicator-icon-indeterminate_1tihh_74 {
649
+ display: none;
1064
650
  }
1065
- ._teddy-toggletip__arrow_1ob5f_21 {
1066
- fill: var(--teddy-color-background-tone-on-tone-primary);
651
+ ._teddy-checkbox--error_1tihh_89 {
652
+ color: var(--teddy-color-text-status-error-strong);
1067
653
  }
1068
- ._teddy-toggletip__arrow--negative_1ob5f_24 {
1069
- fill: var(--teddy-color-background-tone-on-tone-secondary);
654
+ ._teddy-checkbox--error_1tihh_89 ._teddy-checkbox__trigger_1tihh_12::before {
655
+ box-shadow: inset 0 0 0 1px var(--teddy-color-border-status-error);
656
+ }@layer icon {
657
+ ._teddy-icon_1ur3a_2 {
658
+ display: inline;
659
+ align-self: center;
660
+ fill: currentColor;
661
+ flex-shrink: 0;
662
+ }
663
+ ._teddy-icon--font_1ur3a_8 {
664
+ width: 1em;
665
+ height: 1em;
666
+ }
667
+ ._teddy-icon--xxs_1ur3a_12 {
668
+ width: var(--teddy-spacing-150);
669
+ height: var(--teddy-spacing-150);
670
+ }
671
+ ._teddy-icon--xs_1ur3a_16 {
672
+ width: var(--teddy-spacing-200);
673
+ height: var(--teddy-spacing-200);
674
+ }
675
+ ._teddy-icon--sm_1ur3a_20 {
676
+ width: var(--teddy-spacing-250);
677
+ height: var(--teddy-spacing-250);
678
+ }
679
+ ._teddy-icon--md_1ur3a_24 {
680
+ width: var(--teddy-spacing-300);
681
+ height: var(--teddy-spacing-300);
682
+ }
683
+ ._teddy-icon--lg_1ur3a_28 {
684
+ width: var(--teddy-spacing-400);
685
+ height: var(--teddy-spacing-400);
686
+ }
687
+ ._teddy-icon--xl_1ur3a_32 {
688
+ width: var(--teddy-spacing-600);
689
+ height: var(--teddy-spacing-600);
690
+ }
691
+ ._teddy-icon-with-children_1ur3a_36 {
692
+ display: inline-flex;
693
+ align-items: center;
694
+ font-family: var(--teddy-typography-family-default);
695
+ gap: var(--teddy-spacing-100);
696
+ }
697
+ }._teddy-label_1hc8e_1 {
698
+ color: var(--teddy-color-text-default);
699
+ font-family: var(--teddy-typography-family-default);
700
+ font-weight: var(--teddy-typography-weight-medium);
701
+ font-size: var(--teddy-typography-scale-100);
702
+ line-height: var(--teddy-typography-line-height-default);
1070
703
  }
1071
- ._teddy-toggletip__close--floating_1ob5f_27 {
1072
- position: absolute;
1073
- top: var(--teddy-spacing-50);
1074
- right: var(--teddy-spacing-50);
704
+ ._teddy-label--disabled_1hc8e_8 {
705
+ color: var(--teddy-color-text-weak);
706
+ cursor: default;
1075
707
  }
1076
- ._teddy-toggletip__heading_1ob5f_32 {
1077
- grid-area: heading;
1078
- color: inherit;
1079
- }@keyframes _fadeInAnimation_1k5uy_1 {
708
+ ._teddy-label--required_1hc8e_12::before {
709
+ content: "* ";
710
+ }@keyframes _fadeInAnimation_mi6fm_1 {
1080
711
  0% {
1081
712
  opacity: 0;
1082
713
  }
@@ -1084,7 +715,7 @@
1084
715
  opacity: 1;
1085
716
  }
1086
717
  }
1087
- @keyframes _scaleInAnimation_1k5uy_1 {
718
+ @keyframes _scaleInAnimation_mi6fm_1 {
1088
719
  0% {
1089
720
  scale: 0;
1090
721
  }
@@ -1093,7 +724,7 @@
1093
724
  }
1094
725
  }
1095
726
  @layer button {
1096
- ._teddy-button_1k5uy_18 {
727
+ ._teddy-button_mi6fm_18 {
1097
728
  align-items: center;
1098
729
  border-radius: var(--teddy-border-radius-full);
1099
730
  border-width: 0;
@@ -1113,7 +744,7 @@
1113
744
  transition-property: background-color, color;
1114
745
  width: auto;
1115
746
  }
1116
- ._teddy-button_1k5uy_18:focus::before {
747
+ ._teddy-button_mi6fm_18:focus::before {
1117
748
  border-radius: inherit;
1118
749
  box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
1119
750
  content: "";
@@ -1122,155 +753,155 @@
1122
753
  inset: calc(var(--teddy-spacing-25) * -1);
1123
754
  position: absolute;
1124
755
  }
1125
- ._teddy-button_1k5uy_18:focus:not(:focus-visible)::before {
756
+ ._teddy-button_mi6fm_18:focus:not(:focus-visible)::before {
1126
757
  opacity: 0;
1127
758
  }
1128
- ._teddy-button_1k5uy_18 svg {
759
+ ._teddy-button_mi6fm_18 svg {
1129
760
  display: block;
1130
761
  }
1131
- ._teddy-button--sm_1k5uy_53 {
762
+ ._teddy-button--sm_mi6fm_53 {
1132
763
  padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
1133
764
  }
1134
- ._teddy-button--sm_1k5uy_53._teddy-button--icon-only_1k5uy_56 {
765
+ ._teddy-button--sm_mi6fm_53._teddy-button--icon-only_mi6fm_56 {
1135
766
  padding: var(--teddy-spacing-150);
1136
767
  }
1137
- ._teddy-button--md_1k5uy_59 {
768
+ ._teddy-button--md_mi6fm_59 {
1138
769
  padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
1139
770
  }
1140
- ._teddy-button--md_1k5uy_59._teddy-button--icon-only_1k5uy_56 {
771
+ ._teddy-button--md_mi6fm_59._teddy-button--icon-only_mi6fm_56 {
1141
772
  padding: var(--teddy-spacing-200);
1142
773
  }
1143
- ._teddy-button--lg_1k5uy_65 {
774
+ ._teddy-button--lg_mi6fm_65 {
1144
775
  padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
1145
776
  }
1146
- ._teddy-button--lg_1k5uy_65._teddy-button--icon-only_1k5uy_56 {
777
+ ._teddy-button--lg_mi6fm_65._teddy-button--icon-only_mi6fm_56 {
1147
778
  padding: var(--teddy-spacing-250);
1148
779
  }
1149
- ._teddy-button--full-width_1k5uy_71 {
780
+ ._teddy-button--full-width_mi6fm_71 {
1150
781
  width: 100%;
1151
782
  }
1152
- ._teddy-button--primary_1k5uy_74 {
783
+ ._teddy-button--primary_mi6fm_74 {
1153
784
  background-color: var(--teddy-color-background-interactive-primary);
1154
785
  color: var(--teddy-color-text-interactive-on-primary);
1155
786
  }
1156
- ._teddy-button--primary_1k5uy_74:hover:not(._teddy-button--disabled_1k5uy_78) {
787
+ ._teddy-button--primary_mi6fm_74:hover:not(._teddy-button--disabled_mi6fm_78) {
1157
788
  background-color: var(--teddy-color-background-interactive-primary-hover);
1158
789
  }
1159
- ._teddy-button--primary_1k5uy_74:active:not(._teddy-button--disabled_1k5uy_78) {
790
+ ._teddy-button--primary_mi6fm_74:active:not(._teddy-button--disabled_mi6fm_78) {
1160
791
  background-color: var(--teddy-color-background-interactive-primary-active);
1161
792
  }
1162
- ._teddy-button--primary-negative_1k5uy_84 {
793
+ ._teddy-button--primary-negative_mi6fm_84 {
1163
794
  background-color: var(--teddy-color-background-interactive-primary-negative);
1164
795
  color: var(--teddy-color-text-interactive-on-primary-negative);
1165
796
  }
1166
- ._teddy-button--primary-negative_1k5uy_84:hover:not(._teddy-button--disabled_1k5uy_78) {
797
+ ._teddy-button--primary-negative_mi6fm_84:hover:not(._teddy-button--disabled_mi6fm_78) {
1167
798
  background-color: var(--teddy-color-background-interactive-primary-negative-hover);
1168
799
  border-color: var(--teddy-color-background-interactive-primary-negative-hover);
1169
800
  }
1170
- ._teddy-button--primary-negative_1k5uy_84:active:not(._teddy-button--disabled_1k5uy_78) {
801
+ ._teddy-button--primary-negative_mi6fm_84:active:not(._teddy-button--disabled_mi6fm_78) {
1171
802
  background-color: var(--teddy-color-background-interactive-primary-negative-active);
1172
803
  border-color: var(--teddy-color-background-interactive-primary-negative-active);
1173
804
  }
1174
- ._teddy-button--secondary_1k5uy_96 {
805
+ ._teddy-button--secondary_mi6fm_96 {
1175
806
  background-color: var(--teddy-color-background-interactive-transparent);
1176
807
  box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
1177
808
  color: var(--teddy-color-text-interactive-primary);
1178
809
  }
1179
- ._teddy-button--secondary_1k5uy_96:hover:not(._teddy-button--disabled_1k5uy_78) {
810
+ ._teddy-button--secondary_mi6fm_96:hover:not(._teddy-button--disabled_mi6fm_78) {
1180
811
  background-color: var(--teddy-color-background-interactive-transparent-hover);
1181
812
  }
1182
- ._teddy-button--secondary_1k5uy_96:active:not(._teddy-button--disabled_1k5uy_78) {
813
+ ._teddy-button--secondary_mi6fm_96:active:not(._teddy-button--disabled_mi6fm_78) {
1183
814
  background-color: var(--teddy-color-background-interactive-transparent-active);
1184
815
  }
1185
- ._teddy-button--secondary-negative_1k5uy_107 {
816
+ ._teddy-button--secondary-negative_mi6fm_107 {
1186
817
  background-color: var(--teddy-color-background-interactive-transparent);
1187
818
  box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
1188
819
  color: var(--teddy-color-text-interactive-primary-negative);
1189
820
  }
1190
- ._teddy-button--secondary-negative_1k5uy_107:hover:not(._teddy-button--disabled_1k5uy_78) {
821
+ ._teddy-button--secondary-negative_mi6fm_107:hover:not(._teddy-button--disabled_mi6fm_78) {
1191
822
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
1192
823
  }
1193
- ._teddy-button--secondary-negative_1k5uy_107:active:not(._teddy-button--disabled_1k5uy_78) {
824
+ ._teddy-button--secondary-negative_mi6fm_107:active:not(._teddy-button--disabled_mi6fm_78) {
1194
825
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
1195
826
  }
1196
- ._teddy-button--expressive_1k5uy_118 {
827
+ ._teddy-button--expressive_mi6fm_118 {
1197
828
  background-color: var(--teddy-color-background-interactive-expressive);
1198
829
  color: var(--teddy-color-text-interactive-on-expressive);
1199
830
  }
1200
- ._teddy-button--expressive_1k5uy_118:hover:not(._teddy-button--disabled_1k5uy_78) {
831
+ ._teddy-button--expressive_mi6fm_118:hover:not(._teddy-button--disabled_mi6fm_78) {
1201
832
  background-color: var(--teddy-color-background-interactive-expressive-hover);
1202
833
  }
1203
- ._teddy-button--expressive_1k5uy_118:active:not(._teddy-button--disabled_1k5uy_78) {
834
+ ._teddy-button--expressive_mi6fm_118:active:not(._teddy-button--disabled_mi6fm_78) {
1204
835
  background-color: var(--teddy-color-background-interactive-expressive-active);
1205
836
  }
1206
- ._teddy-button--expressive-negative_1k5uy_128 {
837
+ ._teddy-button--expressive-negative_mi6fm_128 {
1207
838
  background-color: var(--teddy-color-background-interactive-expressive-negative);
1208
839
  color: var(--teddy-color-text-interactive-on-expressive-negative);
1209
840
  }
1210
- ._teddy-button--expressive-negative_1k5uy_128:hover:not(._teddy-button--disabled_1k5uy_78) {
841
+ ._teddy-button--expressive-negative_mi6fm_128:hover:not(._teddy-button--disabled_mi6fm_78) {
1211
842
  background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
1212
843
  color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
1213
844
  }
1214
- ._teddy-button--expressive-negative_1k5uy_128:active:not(._teddy-button--disabled_1k5uy_78) {
845
+ ._teddy-button--expressive-negative_mi6fm_128:active:not(._teddy-button--disabled_mi6fm_78) {
1215
846
  background-color: var(--teddy-color-background-interactive-expressive-negative-active);
1216
847
  color: var(--teddy-color-text-interactive-on-expressive-negative-active);
1217
848
  }
1218
- ._teddy-button--negative_1k5uy_140._teddy-button--disabled_1k5uy_78 {
849
+ ._teddy-button--negative_mi6fm_140._teddy-button--disabled_mi6fm_78 {
1219
850
  background-color: var(--teddy-color-background-interactive-disabled-negative);
1220
851
  color: var(--teddy-color-text-weak-negative);
1221
852
  }
1222
- ._teddy-button--secondary_1k5uy_96._teddy-button--disabled_1k5uy_78, ._teddy-button--secondary-negative_1k5uy_107._teddy-button--disabled_1k5uy_78 {
853
+ ._teddy-button--secondary_mi6fm_96._teddy-button--disabled_mi6fm_78, ._teddy-button--secondary-negative_mi6fm_107._teddy-button--disabled_mi6fm_78 {
1223
854
  box-shadow: none;
1224
855
  }
1225
- ._teddy-button--destructive_1k5uy_147 {
856
+ ._teddy-button--destructive_mi6fm_147 {
1226
857
  background-color: var(--teddy-color-background-interactive-destructive);
1227
858
  color: var(--teddy-color-text-interactive-on-destructive);
1228
859
  }
1229
- ._teddy-button--destructive_1k5uy_147:hover:not(._teddy-button--disabled_1k5uy_78) {
860
+ ._teddy-button--destructive_mi6fm_147:hover:not(._teddy-button--disabled_mi6fm_78) {
1230
861
  background-color: var(--teddy-color-background-interactive-destructive-hover);
1231
862
  }
1232
- ._teddy-button--destructive_1k5uy_147:active:not(._teddy-button--disabled_1k5uy_78) {
863
+ ._teddy-button--destructive_mi6fm_147:active:not(._teddy-button--disabled_mi6fm_78) {
1233
864
  background-color: var(--teddy-color-background-interactive-destructive-active);
1234
865
  }
1235
- ._teddy-button--destructive-negative_1k5uy_157 {
866
+ ._teddy-button--destructive-negative_mi6fm_157 {
1236
867
  background-color: var(--teddy-color-background-interactive-destructive);
1237
868
  color: var(--teddy-color-text-interactive-on-destructive);
1238
869
  }
1239
- ._teddy-button--destructive-negative_1k5uy_157:hover:not(._teddy-button--disabled_1k5uy_78) {
870
+ ._teddy-button--destructive-negative_mi6fm_157:hover:not(._teddy-button--disabled_mi6fm_78) {
1240
871
  background-color: var(--teddy-color-background-interactive-destructive-hover);
1241
872
  }
1242
- ._teddy-button--destructive-negative_1k5uy_157:active:not(._teddy-button--disabled_1k5uy_78) {
873
+ ._teddy-button--destructive-negative_mi6fm_157:active:not(._teddy-button--disabled_mi6fm_78) {
1243
874
  background-color: var(--teddy-color-background-interactive-destructive-active);
1244
875
  }
1245
- ._teddy-button--tertiary-purple_1k5uy_167 {
876
+ ._teddy-button--tertiary-purple_mi6fm_167 {
1246
877
  background-color: var(--teddy-color-background-interactive-transparent);
1247
878
  color: var(--teddy-color-text-interactive-primary);
1248
879
  }
1249
- ._teddy-button--tertiary-purple_1k5uy_167._teddy-button--disabled_1k5uy_78 {
880
+ ._teddy-button--tertiary-purple_mi6fm_167._teddy-button--disabled_mi6fm_78 {
1250
881
  background-color: var(--teddy-color-background-interactive-transparent);
1251
882
  }
1252
- ._teddy-button--tertiary-purple_1k5uy_167:hover:not(._teddy-button--disabled_1k5uy_78) {
883
+ ._teddy-button--tertiary-purple_mi6fm_167:hover:not(._teddy-button--disabled_mi6fm_78) {
1253
884
  background-color: var(--teddy-color-background-interactive-transparent-hover);
1254
885
  }
1255
- ._teddy-button--tertiary-purple_1k5uy_167:active:not(._teddy-button--disabled_1k5uy_78) {
886
+ ._teddy-button--tertiary-purple_mi6fm_167:active:not(._teddy-button--disabled_mi6fm_78) {
1256
887
  background-color: var(--teddy-color-background-interactive-transparent-active);
1257
888
  }
1258
- ._teddy-button--tertiary-purple-negative_1k5uy_180 {
889
+ ._teddy-button--tertiary-purple-negative_mi6fm_180 {
1259
890
  background-color: var(--teddy-color-background-interactive-transparent);
1260
891
  color: var(--teddy-color-text-interactive-primary-negative);
1261
892
  }
1262
- ._teddy-button--tertiary-purple-negative_1k5uy_180._teddy-button--disabled_1k5uy_78 {
893
+ ._teddy-button--tertiary-purple-negative_mi6fm_180._teddy-button--disabled_mi6fm_78 {
1263
894
  background-color: var(--teddy-color-background-interactive-transparent);
1264
895
  }
1265
- ._teddy-button--tertiary-purple-negative_1k5uy_180:hover:not(._teddy-button--disabled_1k5uy_78) {
896
+ ._teddy-button--tertiary-purple-negative_mi6fm_180:hover:not(._teddy-button--disabled_mi6fm_78) {
1266
897
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
1267
898
  color: var(--teddy-color-text-interactive-primary-negative-hover);
1268
899
  }
1269
- ._teddy-button--tertiary-purple-negative_1k5uy_180:active:not(._teddy-button--disabled_1k5uy_78) {
900
+ ._teddy-button--tertiary-purple-negative_mi6fm_180:active:not(._teddy-button--disabled_mi6fm_78) {
1270
901
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
1271
902
  color: var(--teddy-color-text-interactive-primary-negative-active);
1272
903
  }
1273
- ._teddy-button--list-item_1k5uy_195 {
904
+ ._teddy-button--list-item_mi6fm_195 {
1274
905
  border-radius: var(--teddy-border-radius-md);
1275
906
  padding: var(--teddy-spacing-250) var(--teddy-spacing-150);
1276
907
  background-color: var(--teddy-color-background-interactive-transparent);
@@ -1279,84 +910,521 @@
1279
910
  line-height: var(--teddy-typography-line-height-tight);
1280
911
  justify-content: flex-start;
1281
912
  }
1282
- ._teddy-button--list-item_1k5uy_195._teddy-button--disabled_1k5uy_78 {
913
+ ._teddy-button--list-item_mi6fm_195._teddy-button--disabled_mi6fm_78 {
1283
914
  background-color: var(--teddy-color-background-interactive-transparent);
1284
915
  color: var(--teddy-color-text-weak);
1285
916
  }
1286
- ._teddy-button--list-item_1k5uy_195:hover:not(._teddy-button--disabled_1k5uy_78) {
917
+ ._teddy-button--list-item_mi6fm_195:hover:not(._teddy-button--disabled_mi6fm_78) {
1287
918
  background-color: var(--teddy-color-background-secondary);
1288
919
  }
1289
- ._teddy-button--list-item_1k5uy_195:active:not(._teddy-button--disabled_1k5uy_78) {
920
+ ._teddy-button--list-item_mi6fm_195:active:not(._teddy-button--disabled_mi6fm_78) {
1290
921
  background-color: var(--teddy-color-background-interactive-transparent-active);
1291
922
  }
1292
- ._teddy-button--text-negative_1k5uy_214 {
923
+ ._teddy-button--text-negative_mi6fm_214 {
1293
924
  border-radius: 0;
1294
925
  padding-left: 0;
1295
926
  padding-right: 0;
1296
927
  background-color: var(--teddy-color-background-interactive-transparent);
1297
928
  color: var(--teddy-color-text-interactive-primary-negative);
1298
929
  }
1299
- ._teddy-button--text-negative_1k5uy_214:focus-visible::before {
930
+ ._teddy-button--text-negative_mi6fm_214:focus-visible::before {
1300
931
  border-radius: 0;
1301
932
  }
1302
- ._teddy-button--text-negative_1k5uy_214._teddy-button--disabled_1k5uy_78 {
933
+ ._teddy-button--text-negative_mi6fm_214._teddy-button--disabled_mi6fm_78 {
1303
934
  background-color: var(--teddy-color-background-interactive-transparent);
1304
935
  }
1305
- ._teddy-button--text-negative_1k5uy_214:hover:not(._teddy-button--disabled_1k5uy_78) {
936
+ ._teddy-button--text-negative_mi6fm_214:hover:not(._teddy-button--disabled_mi6fm_78) {
1306
937
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
1307
938
  color: var(--teddy-color-text-interactive-primary-negative-hover);
1308
939
  }
1309
- ._teddy-button--text-negative_1k5uy_214:active:not(._teddy-button--disabled_1k5uy_78) {
940
+ ._teddy-button--text-negative_mi6fm_214:active:not(._teddy-button--disabled_mi6fm_78) {
1310
941
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
1311
942
  color: var(--teddy-color-text-interactive-primary-negative-active);
1312
943
  }
1313
- ._teddy-button--text_1k5uy_214 {
944
+ ._teddy-button--text_mi6fm_214 {
1314
945
  border-radius: 0;
1315
946
  padding-left: 0;
1316
947
  padding-right: 0;
1317
948
  background-color: var(--teddy-color-background-interactive-transparent);
1318
949
  color: var(--teddy-color-text-interactive-primary);
1319
950
  }
1320
- ._teddy-button--text_1k5uy_214:focus-visible::before {
951
+ ._teddy-button--text_mi6fm_214:focus-visible::before {
1321
952
  border-radius: 0;
1322
953
  }
1323
- ._teddy-button--text_1k5uy_214._teddy-button--disabled_1k5uy_78 {
954
+ ._teddy-button--text_mi6fm_214._teddy-button--disabled_mi6fm_78 {
1324
955
  background-color: var(--teddy-color-background-interactive-transparent);
1325
956
  color: var(--teddy-color-text-weak);
1326
957
  }
1327
- ._teddy-button--text_1k5uy_214:hover:not(._teddy-button--disabled_1k5uy_78) {
958
+ ._teddy-button--text_mi6fm_214:hover:not(._teddy-button--disabled_mi6fm_78) {
1328
959
  background-color: var(--teddy-color-background-interactive-transparent-hover);
1329
960
  }
1330
- ._teddy-button--text_1k5uy_214:active:not(._teddy-button--disabled_1k5uy_78) {
961
+ ._teddy-button--text_mi6fm_214:active:not(._teddy-button--disabled_mi6fm_78) {
1331
962
  background-color: var(--teddy-color-background-interactive-transparent-active);
1332
963
  }
1333
- ._teddy-button--disabled_1k5uy_78 {
964
+ ._teddy-button--disabled_mi6fm_78 {
1334
965
  background-color: var(--teddy-color-background-interactive-disabled);
1335
966
  color: var(--teddy-color-text-weak);
1336
967
  cursor: not-allowed;
1337
968
  transition-duration: var(--teddy-motion-duration-400);
1338
969
  }
1339
- ._teddy-button--dashed-border_1k5uy_261 {
970
+ ._teddy-button--dashed-border_mi6fm_261 {
1340
971
  border: 1px dashed;
1341
972
  box-shadow: none;
1342
973
  }
1343
- ._teddy-button__loading_1k5uy_265 {
974
+ ._teddy-button__loading_mi6fm_265 {
1344
975
  position: absolute;
1345
976
  inset: 0;
1346
977
  display: grid;
1347
978
  place-items: center;
1348
979
  border-radius: inherit;
1349
980
  background-color: var(--teddy-color-transparent-white-500);
1350
- animation: _fadeInAnimation_1k5uy_1 ease var(--teddy-motion-duration-500);
981
+ animation: _fadeInAnimation_mi6fm_1 ease var(--teddy-motion-duration-500);
1351
982
  animation-iteration-count: 1;
1352
983
  animation-fill-mode: forwards;
1353
984
  }
1354
- ._teddy-button__loading_1k5uy_265 ._teddy-button__spinner_1k5uy_276 circle {
985
+ ._teddy-button__loading_mi6fm_265 ._teddy-button__spinner_mi6fm_276 circle {
1355
986
  stroke: var(--teddy-color-transparent-black-700);
1356
987
  }
1357
- ._teddy-button--icon-only_1k5uy_56 ._teddy-button__loading_1k5uy_265 {
988
+ ._teddy-button--icon-only_mi6fm_56 ._teddy-button__loading_mi6fm_265 {
1358
989
  background-color: var(--teddy-color-gray-100);
1359
990
  }
991
+ }
992
+ ._teddy-toast_mi6fm_283 {
993
+ background-color: var(--teddy-color-background-primary);
994
+ color: var(--teddy-color-text-primary);
995
+ border-color: var(--teddy-color-border-weak);
996
+ box-shadow: var(--teddy-shadow-lg);
997
+ display: grid;
998
+ grid-template-columns: auto 1fr;
999
+ grid-template-rows: auto auto;
1000
+ grid-template-areas: "icon title" "unused description" "unused action";
1001
+ gap: 0;
1002
+ padding: var(--teddy-spacing-200);
1003
+ }
1004
+ ._teddy-toast_mi6fm_283 ._teddy-toast__title_mi6fm_295 {
1005
+ font-size: var(--teddy-typography-scale-100);
1006
+ grid-area: title;
1007
+ }
1008
+ ._teddy-toast_mi6fm_283 ._teddy-toast__description_mi6fm_299 {
1009
+ color: var(--teddy-color-text-default);
1010
+ font-size: var(--teddy-typography-scale-75);
1011
+ grid-area: description;
1012
+ }
1013
+ ._teddy-toast_mi6fm_283 ._teddy-toast__icon_mi6fm_304 {
1014
+ grid-area: icon;
1015
+ display: grid;
1016
+ place-items: center;
1017
+ min-width: var(--teddy-spacing-250);
1018
+ width: unset;
1019
+ height: unset;
1020
+ margin: 0 var(--teddy-spacing-100) 0 0;
1021
+ }
1022
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button_mi6fm_313 {
1023
+ align-items: center;
1024
+ border-radius: var(--teddy-border-radius-full);
1025
+ border-width: 0;
1026
+ cursor: pointer;
1027
+ display: inline-flex;
1028
+ font-size: var(--teddy-typography-scale-100);
1029
+ font-family: var(--teddy-typography-family-default);
1030
+ font-weight: var(--teddy-typography-weight-medium);
1031
+ gap: var(--teddy-spacing-100);
1032
+ justify-content: center;
1033
+ line-height: var(--teddy-spacing-200);
1034
+ outline: 0;
1035
+ position: relative;
1036
+ text-decoration: none;
1037
+ transition-duration: var(--teddy-motion-duration-100);
1038
+ transition-timing-function: var(--teddy-motion-easing-ease-in-out);
1039
+ transition-property: background-color, color;
1040
+ width: auto;
1041
+ background-color: var(--teddy-color-background-interactive-transparent);
1042
+ color: var(--teddy-color-text-interactive-primary);
1043
+ inset: 0 0 auto auto;
1044
+ background-color: inherit;
1045
+ border: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
1046
+ position: absolute;
1047
+ height: var(--teddy-spacing-400);
1048
+ width: var(--teddy-spacing-400);
1049
+ display: grid;
1050
+ place-items: center;
1051
+ box-shadow: none;
1052
+ transform: translate(25%, -25%);
1053
+ }
1054
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button_mi6fm_313:focus::before {
1055
+ border-radius: inherit;
1056
+ box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
1057
+ content: "";
1058
+ opacity: 1;
1059
+ display: block;
1060
+ inset: calc(var(--teddy-spacing-25) * -1);
1061
+ position: absolute;
1062
+ }
1063
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button_mi6fm_313:focus:not(:focus-visible)::before {
1064
+ opacity: 0;
1065
+ }
1066
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button_mi6fm_313 svg {
1067
+ display: block;
1068
+ }
1069
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--sm_mi6fm_360 {
1070
+ padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
1071
+ }
1072
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--sm_mi6fm_360._teddy-toast_mi6fm_283 ._teddy-toast__close-button--icon-only_mi6fm_363 {
1073
+ padding: var(--teddy-spacing-150);
1074
+ }
1075
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--md_mi6fm_366 {
1076
+ padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
1077
+ }
1078
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--md_mi6fm_366._teddy-toast_mi6fm_283 ._teddy-toast__close-button--icon-only_mi6fm_363 {
1079
+ padding: var(--teddy-spacing-200);
1080
+ }
1081
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--lg_mi6fm_372 {
1082
+ padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
1083
+ }
1084
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--lg_mi6fm_372._teddy-toast_mi6fm_283 ._teddy-toast__close-button--icon-only_mi6fm_363 {
1085
+ padding: var(--teddy-spacing-250);
1086
+ }
1087
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--full-width_mi6fm_378 {
1088
+ width: 100%;
1089
+ }
1090
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--primary_mi6fm_381 {
1091
+ background-color: var(--teddy-color-background-interactive-primary);
1092
+ color: var(--teddy-color-text-interactive-on-primary);
1093
+ }
1094
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--primary_mi6fm_381:hover:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
1095
+ background-color: var(--teddy-color-background-interactive-primary-hover);
1096
+ }
1097
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--primary_mi6fm_381:active:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
1098
+ background-color: var(--teddy-color-background-interactive-primary-active);
1099
+ }
1100
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--primary-negative_mi6fm_391 {
1101
+ background-color: var(--teddy-color-background-interactive-primary-negative);
1102
+ color: var(--teddy-color-text-interactive-on-primary-negative);
1103
+ }
1104
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--primary-negative_mi6fm_391:hover:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
1105
+ background-color: var(--teddy-color-background-interactive-primary-negative-hover);
1106
+ border-color: var(--teddy-color-background-interactive-primary-negative-hover);
1107
+ }
1108
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--primary-negative_mi6fm_391:active:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
1109
+ background-color: var(--teddy-color-background-interactive-primary-negative-active);
1110
+ border-color: var(--teddy-color-background-interactive-primary-negative-active);
1111
+ }
1112
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--secondary_mi6fm_403 {
1113
+ background-color: var(--teddy-color-background-interactive-transparent);
1114
+ box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
1115
+ color: var(--teddy-color-text-interactive-primary);
1116
+ }
1117
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--secondary_mi6fm_403:hover:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
1118
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
1119
+ }
1120
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--secondary_mi6fm_403:active:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
1121
+ background-color: var(--teddy-color-background-interactive-transparent-active);
1122
+ }
1123
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--secondary-negative_mi6fm_414 {
1124
+ background-color: var(--teddy-color-background-interactive-transparent);
1125
+ box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
1126
+ color: var(--teddy-color-text-interactive-primary-negative);
1127
+ }
1128
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--secondary-negative_mi6fm_414:hover:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
1129
+ background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
1130
+ }
1131
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--secondary-negative_mi6fm_414:active:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
1132
+ background-color: var(--teddy-color-background-interactive-transparent-negative-active);
1133
+ }
1134
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--expressive_mi6fm_425 {
1135
+ background-color: var(--teddy-color-background-interactive-expressive);
1136
+ color: var(--teddy-color-text-interactive-on-expressive);
1137
+ }
1138
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--expressive_mi6fm_425:hover:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
1139
+ background-color: var(--teddy-color-background-interactive-expressive-hover);
1140
+ }
1141
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--expressive_mi6fm_425:active:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
1142
+ background-color: var(--teddy-color-background-interactive-expressive-active);
1143
+ }
1144
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--expressive-negative_mi6fm_435 {
1145
+ background-color: var(--teddy-color-background-interactive-expressive-negative);
1146
+ color: var(--teddy-color-text-interactive-on-expressive-negative);
1147
+ }
1148
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--expressive-negative_mi6fm_435:hover:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
1149
+ background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
1150
+ color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
1151
+ }
1152
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button--expressive-negative_mi6fm_435:active:not(._teddy-toast_mi6fm_283 ._teddy-toast__close-button--disabled_mi6fm_385) {
1153
+ background-color: var(--teddy-color-background-interactive-expressive-negative-active);
1154
+ color: var(--teddy-color-text-interactive-on-expressive-negative-active);
1155
+ }
1156
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button_mi6fm_313._teddy-toast--disabled_mi6fm_447 {
1157
+ background-color: var(--teddy-color-background-interactive-transparent);
1158
+ }
1159
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button_mi6fm_313:hover:not(._teddy-toast--disabled_mi6fm_447) {
1160
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
1161
+ }
1162
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button_mi6fm_313:active:not(._teddy-toast--disabled_mi6fm_447) {
1163
+ background-color: var(--teddy-color-background-interactive-transparent-active);
1164
+ }
1165
+ ._teddy-toast_mi6fm_283 ._teddy-toast__close-button_mi6fm_313 svg {
1166
+ height: var(--teddy-spacing-200);
1167
+ width: var(--teddy-spacing-200);
1168
+ }
1169
+ ._teddy-toast_mi6fm_283 ._teddy-toast__content_mi6fm_460 {
1170
+ display: contents;
1171
+ }
1172
+ ._teddy-toast_mi6fm_283 ._teddy-toast__loading_mi6fm_463 {
1173
+ grid-area: icon;
1174
+ position: relative;
1175
+ }
1176
+ ._teddy-toast--success_mi6fm_467 {
1177
+ background-color: var(--teddy-color-background-status-success);
1178
+ color: var(--teddy-color-text-status-success-strong);
1179
+ border-color: var(--teddy-color-border-status-success);
1180
+ }
1181
+ ._teddy-toast--success_mi6fm_467 ._teddy-toast__icon_mi6fm_304 {
1182
+ color: var(--teddy-color-text-status-success-medium);
1183
+ }
1184
+ ._teddy-toast--success_mi6fm_467 ._teddy-toast__close-button_mi6fm_313 {
1185
+ border-color: var(--teddy-color-border-status-success);
1186
+ color: var(--teddy-color-text-status-success-strong);
1187
+ }
1188
+ ._teddy-toast--info_mi6fm_479 {
1189
+ background-color: var(--teddy-color-background-status-info);
1190
+ color: var(--teddy-color-text-status-info-strong);
1191
+ border-color: var(--teddy-color-border-status-info);
1192
+ }
1193
+ ._teddy-toast--info_mi6fm_479 ._teddy-toast__icon_mi6fm_304 {
1194
+ color: var(--teddy-color-text-status-info-medium);
1195
+ }
1196
+ ._teddy-toast--info_mi6fm_479 ._teddy-toast__close-button_mi6fm_313 {
1197
+ border-color: var(--teddy-color-border-status-info);
1198
+ color: var(--teddy-color-text-status-info-strong);
1199
+ }
1200
+ ._teddy-toast--warning_mi6fm_491 {
1201
+ background-color: var(--teddy-color-background-status-warning);
1202
+ color: var(--teddy-color-text-status-warning-strong);
1203
+ border-color: var(--teddy-color-border-status-warning);
1204
+ }
1205
+ ._teddy-toast--warning_mi6fm_491 ._teddy-toast__icon_mi6fm_304 {
1206
+ color: var(--teddy-color-text-status-warning-medium);
1207
+ }
1208
+ ._teddy-toast--warning_mi6fm_491 ._teddy-toast__close-button_mi6fm_313 {
1209
+ border-color: var(--teddy-color-border-status-warning);
1210
+ color: var(--teddy-color-text-status-warning-strong);
1211
+ }
1212
+ ._teddy-toast--error_mi6fm_503 {
1213
+ background-color: var(--teddy-color-background-status-error);
1214
+ color: var(--teddy-color-text-status-error-strong);
1215
+ border-color: var(--teddy-color-border-status-error);
1216
+ }
1217
+ ._teddy-toast--error_mi6fm_503 ._teddy-toast__icon_mi6fm_304 {
1218
+ color: var(--teddy-color-text-status-error-medium);
1219
+ }
1220
+ ._teddy-toast--error_mi6fm_503 ._teddy-toast__close-button_mi6fm_313 {
1221
+ border-color: var(--teddy-color-border-status-error);
1222
+ color: var(--teddy-color-text-status-error-strong);
1223
+ }
1224
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515,
1225
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button_mi6fm_516 {
1226
+ align-items: center;
1227
+ border-radius: var(--teddy-border-radius-full);
1228
+ border-width: 0;
1229
+ cursor: pointer;
1230
+ display: inline-flex;
1231
+ font-size: var(--teddy-typography-scale-100);
1232
+ font-family: var(--teddy-typography-family-default);
1233
+ font-weight: var(--teddy-typography-weight-medium);
1234
+ gap: var(--teddy-spacing-100);
1235
+ justify-content: center;
1236
+ line-height: var(--teddy-spacing-200);
1237
+ outline: 0;
1238
+ position: relative;
1239
+ text-decoration: none;
1240
+ transition-duration: var(--teddy-motion-duration-100);
1241
+ transition-timing-function: var(--teddy-motion-easing-ease-in-out);
1242
+ transition-property: background-color, color;
1243
+ width: auto;
1244
+ grid-area: action;
1245
+ border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
1246
+ background-color: var(--teddy-color-background-interactive-secondary);
1247
+ color: var(--teddy-color-text-interactive-primary);
1248
+ font-family: var(--teddy-typography-family-default);
1249
+ font-weight: var(--teddy-typography-weight-medium);
1250
+ font-size: var(--teddy-typography-scale-75);
1251
+ margin-top: auto;
1252
+ box-shadow: none;
1253
+ }
1254
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515:focus::before,
1255
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button_mi6fm_516:focus::before {
1256
+ border-radius: inherit;
1257
+ box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
1258
+ content: "";
1259
+ opacity: 1;
1260
+ display: block;
1261
+ inset: calc(var(--teddy-spacing-25) * -1);
1262
+ position: absolute;
1263
+ }
1264
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515:focus:not(:focus-visible)::before,
1265
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button_mi6fm_516:focus:not(:focus-visible)::before {
1266
+ opacity: 0;
1267
+ }
1268
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515 svg,
1269
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button_mi6fm_516 svg {
1270
+ display: block;
1271
+ }
1272
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--sm_mi6fm_563,
1273
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--sm_mi6fm_564 {
1274
+ padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
1275
+ }
1276
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--sm_mi6fm_563._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--sm_mi6fm_563 ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--icon-only_mi6fm_567,
1277
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--sm_mi6fm_564._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515,
1278
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--sm_mi6fm_564 ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--icon-only_mi6fm_567 {
1279
+ padding: var(--teddy-spacing-150);
1280
+ }
1281
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--md_mi6fm_572,
1282
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--md_mi6fm_573 {
1283
+ padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
1284
+ }
1285
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--md_mi6fm_572._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--md_mi6fm_572 ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--icon-only_mi6fm_567,
1286
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--md_mi6fm_573._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515,
1287
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--md_mi6fm_573 ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--icon-only_mi6fm_567 {
1288
+ padding: var(--teddy-spacing-200);
1289
+ }
1290
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--lg_mi6fm_581,
1291
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--lg_mi6fm_582 {
1292
+ padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
1293
+ }
1294
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--lg_mi6fm_581._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--lg_mi6fm_581 ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--icon-only_mi6fm_567,
1295
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--lg_mi6fm_582._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515,
1296
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--lg_mi6fm_582 ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--icon-only_mi6fm_567 {
1297
+ padding: var(--teddy-spacing-250);
1298
+ }
1299
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--full-width_mi6fm_590,
1300
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--full-width_mi6fm_591 {
1301
+ width: 100%;
1302
+ }
1303
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--primary_mi6fm_594,
1304
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--primary_mi6fm_595 {
1305
+ background-color: var(--teddy-color-background-interactive-primary);
1306
+ color: var(--teddy-color-text-interactive-on-primary);
1307
+ }
1308
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--primary_mi6fm_594:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1309
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--primary_mi6fm_595:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1310
+ background-color: var(--teddy-color-background-interactive-primary-hover);
1311
+ }
1312
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--primary_mi6fm_594:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1313
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--primary_mi6fm_595:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1314
+ background-color: var(--teddy-color-background-interactive-primary-active);
1315
+ }
1316
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--primary-negative_mi6fm_607,
1317
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--primary-negative_mi6fm_608 {
1318
+ background-color: var(--teddy-color-background-interactive-primary-negative);
1319
+ color: var(--teddy-color-text-interactive-on-primary-negative);
1320
+ }
1321
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--primary-negative_mi6fm_607:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1322
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--primary-negative_mi6fm_608:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1323
+ background-color: var(--teddy-color-background-interactive-primary-negative-hover);
1324
+ border-color: var(--teddy-color-background-interactive-primary-negative-hover);
1325
+ }
1326
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--primary-negative_mi6fm_607:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1327
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--primary-negative_mi6fm_608:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1328
+ background-color: var(--teddy-color-background-interactive-primary-negative-active);
1329
+ border-color: var(--teddy-color-background-interactive-primary-negative-active);
1330
+ }
1331
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--secondary_mi6fm_622,
1332
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--secondary_mi6fm_623 {
1333
+ background-color: var(--teddy-color-background-interactive-transparent);
1334
+ box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
1335
+ color: var(--teddy-color-text-interactive-primary);
1336
+ }
1337
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--secondary_mi6fm_622:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1338
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--secondary_mi6fm_623:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1339
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
1340
+ }
1341
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--secondary_mi6fm_622:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1342
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--secondary_mi6fm_623:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1343
+ background-color: var(--teddy-color-background-interactive-transparent-active);
1344
+ }
1345
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--secondary-negative_mi6fm_636,
1346
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--secondary-negative_mi6fm_637 {
1347
+ background-color: var(--teddy-color-background-interactive-transparent);
1348
+ box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
1349
+ color: var(--teddy-color-text-interactive-primary-negative);
1350
+ }
1351
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--secondary-negative_mi6fm_636:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1352
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--secondary-negative_mi6fm_637:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1353
+ background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
1354
+ }
1355
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--secondary-negative_mi6fm_636:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1356
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--secondary-negative_mi6fm_637:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1357
+ background-color: var(--teddy-color-background-interactive-transparent-negative-active);
1358
+ }
1359
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--expressive_mi6fm_650,
1360
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--expressive_mi6fm_651 {
1361
+ background-color: var(--teddy-color-background-interactive-expressive);
1362
+ color: var(--teddy-color-text-interactive-on-expressive);
1363
+ }
1364
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--expressive_mi6fm_650:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1365
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--expressive_mi6fm_651:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1366
+ background-color: var(--teddy-color-background-interactive-expressive-hover);
1367
+ }
1368
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--expressive_mi6fm_650:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1369
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--expressive_mi6fm_651:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1370
+ background-color: var(--teddy-color-background-interactive-expressive-active);
1371
+ }
1372
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--expressive-negative_mi6fm_663,
1373
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--expressive-negative_mi6fm_664 {
1374
+ background-color: var(--teddy-color-background-interactive-expressive-negative);
1375
+ color: var(--teddy-color-text-interactive-on-expressive-negative);
1376
+ }
1377
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--expressive-negative_mi6fm_663:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1378
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--expressive-negative_mi6fm_664:hover:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1379
+ background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
1380
+ color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
1381
+ }
1382
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button--expressive-negative_mi6fm_663:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599),
1383
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--expressive-negative_mi6fm_664:active:not(._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515, ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button--disabled_mi6fm_599) {
1384
+ background-color: var(--teddy-color-background-interactive-expressive-negative-active);
1385
+ color: var(--teddy-color-text-interactive-on-expressive-negative-active);
1386
+ }
1387
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515:hover,
1388
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button_mi6fm_516:hover {
1389
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
1390
+ }
1391
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__action-button_mi6fm_515[data-button]._teddy-toast__action-button_mi6fm_515:active,
1392
+ ._teddy-toast_mi6fm_283 [data-button]._teddy-toast__cancel-button_mi6fm_516[data-button]._teddy-toast__cancel-button_mi6fm_516:active {
1393
+ background-color: var(--teddy-color-background-interactive-transparent-active);
1394
+ }._teddy-toggletip__content_1ob5f_1 {
1395
+ border-radius: var(--teddy-border-radius-md);
1396
+ padding: var(--teddy-spacing-200);
1397
+ width: 25rem;
1398
+ background-color: white;
1399
+ box-shadow: var(--teddy-shadow-lg);
1400
+ animation-duration: 400ms;
1401
+ animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1402
+ will-change: transform, opacity;
1403
+ background-color: var(--teddy-color-background-tone-on-tone-primary);
1404
+ display: flex;
1405
+ flex-direction: column;
1406
+ gap: var(--teddy-spacing-150);
1407
+ color: var(--teddy-color-text-tone-on-tone-primary);
1408
+ position: relative;
1409
+ }
1410
+ ._teddy-toggletip__content--negative_1ob5f_17 {
1411
+ background-color: var(--teddy-color-background-tone-on-tone-secondary);
1412
+ color: var(--teddy-color-text-tone-on-tone-secondary);
1413
+ }
1414
+ ._teddy-toggletip__arrow_1ob5f_21 {
1415
+ fill: var(--teddy-color-background-tone-on-tone-primary);
1416
+ }
1417
+ ._teddy-toggletip__arrow--negative_1ob5f_24 {
1418
+ fill: var(--teddy-color-background-tone-on-tone-secondary);
1419
+ }
1420
+ ._teddy-toggletip__close--floating_1ob5f_27 {
1421
+ position: absolute;
1422
+ top: var(--teddy-spacing-50);
1423
+ right: var(--teddy-spacing-50);
1424
+ }
1425
+ ._teddy-toggletip__heading_1ob5f_32 {
1426
+ grid-area: heading;
1427
+ color: inherit;
1360
1428
  }@layer heading {
1361
1429
  ._teddy-heading_r8os0_2 {
1362
1430
  color: var(--teddy-color-text-default);
@@ -1504,81 +1572,81 @@
1504
1572
  display: inline-grid;
1505
1573
  }
1506
1574
  }@layer link {
1507
- ._teddy-link_azi31_2 {
1575
+ ._teddy-link_1vpvx_2 {
1508
1576
  align-items: center;
1509
1577
  cursor: pointer;
1510
1578
  display: inline-flex;
1511
1579
  gap: var(--teddy-spacing-50);
1512
1580
  text-decoration: underline;
1581
+ font-weight: var(--teddy-typography-weight-medium);
1513
1582
  }
1514
- ._teddy-link_azi31_2:focus, ._teddy-link_azi31_2:active {
1583
+ ._teddy-link_1vpvx_2:focus, ._teddy-link_1vpvx_2:active {
1515
1584
  outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
1516
1585
  outline-offset: var(--teddy-spacing-25);
1517
1586
  }
1518
- ._teddy-link_azi31_2:focus:not(:focus-visible) {
1587
+ ._teddy-link_1vpvx_2:focus:not(:focus-visible) {
1519
1588
  outline: 0;
1520
1589
  }
1521
- ._teddy-link--text_azi31_16, ._teddy-link--standalone_azi31_16, ._teddy-link--navigation_azi31_16 {
1590
+ ._teddy-link--text_1vpvx_17, ._teddy-link--standalone_1vpvx_17, ._teddy-link--navigation_1vpvx_17 {
1522
1591
  color: var(--teddy-color-text-interactive-primary);
1523
1592
  }
1524
- ._teddy-link--text_azi31_16:hover, ._teddy-link--standalone_azi31_16:hover, ._teddy-link--navigation_azi31_16:hover {
1593
+ ._teddy-link--text_1vpvx_17:hover, ._teddy-link--standalone_1vpvx_17:hover, ._teddy-link--navigation_1vpvx_17:hover {
1525
1594
  color: var(--teddy-color-text-interactive-primary-active);
1526
1595
  background-color: var(--teddy-color-background-interactive-transparent-hover);
1527
1596
  }
1528
- ._teddy-link--text_azi31_16:active, ._teddy-link--standalone_azi31_16:active, ._teddy-link--navigation_azi31_16:active {
1597
+ ._teddy-link--text_1vpvx_17:active, ._teddy-link--standalone_1vpvx_17:active, ._teddy-link--navigation_1vpvx_17:active {
1529
1598
  background-color: var(--teddy-color-background-interactive-transparent-active);
1530
1599
  }
1531
- ._teddy-link--text_azi31_16:visited:not(._teddy-link--disable-visited_azi31_26), ._teddy-link--standalone_azi31_16:visited:not(._teddy-link--disable-visited_azi31_26), ._teddy-link--navigation_azi31_16:visited:not(._teddy-link--disable-visited_azi31_26) {
1600
+ ._teddy-link--text_1vpvx_17:visited:not(._teddy-link--disable-visited_1vpvx_27), ._teddy-link--standalone_1vpvx_17:visited:not(._teddy-link--disable-visited_1vpvx_27), ._teddy-link--navigation_1vpvx_17:visited:not(._teddy-link--disable-visited_1vpvx_27) {
1532
1601
  color: var(--teddy-color-text-interactive-primary-active);
1533
1602
  }
1534
- ._teddy-link--text-negative_azi31_29, ._teddy-link--standalone-negative_azi31_29, ._teddy-link--navigation-negative_azi31_29 {
1603
+ ._teddy-link--text-negative_1vpvx_30, ._teddy-link--standalone-negative_1vpvx_30, ._teddy-link--navigation-negative_1vpvx_30 {
1535
1604
  color: var(--teddy-color-text-interactive-primary-negative);
1536
1605
  }
1537
- ._teddy-link--text-negative_azi31_29:hover, ._teddy-link--standalone-negative_azi31_29:hover, ._teddy-link--navigation-negative_azi31_29:hover {
1606
+ ._teddy-link--text-negative_1vpvx_30:hover, ._teddy-link--standalone-negative_1vpvx_30:hover, ._teddy-link--navigation-negative_1vpvx_30:hover {
1538
1607
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
1539
1608
  color: var(--teddy-color-text-interactive-primary-negative);
1540
1609
  }
1541
- ._teddy-link--text-negative_azi31_29:active, ._teddy-link--standalone-negative_azi31_29:active, ._teddy-link--navigation-negative_azi31_29:active {
1610
+ ._teddy-link--text-negative_1vpvx_30:active, ._teddy-link--standalone-negative_1vpvx_30:active, ._teddy-link--navigation-negative_1vpvx_30:active {
1542
1611
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
1543
1612
  color: var(--teddy-color-text-interactive-primary-negative-active);
1544
1613
  }
1545
- ._teddy-link--text-negative_azi31_29:visited:not(._teddy-link--disable-visited_azi31_26), ._teddy-link--standalone-negative_azi31_29:visited:not(._teddy-link--disable-visited_azi31_26), ._teddy-link--navigation-negative_azi31_29:visited:not(._teddy-link--disable-visited_azi31_26) {
1614
+ ._teddy-link--text-negative_1vpvx_30:visited:not(._teddy-link--disable-visited_1vpvx_27), ._teddy-link--standalone-negative_1vpvx_30:visited:not(._teddy-link--disable-visited_1vpvx_27), ._teddy-link--navigation-negative_1vpvx_30:visited:not(._teddy-link--disable-visited_1vpvx_27) {
1546
1615
  color: var(--teddy-color-text-interactive-primary-negative-active);
1547
1616
  }
1548
- ._teddy-link--standalone_azi31_16, ._teddy-link--standalone-negative_azi31_29 {
1617
+ ._teddy-link--standalone_1vpvx_17, ._teddy-link--standalone-negative_1vpvx_30 {
1549
1618
  padding: var(--teddy-spacing-150) 0;
1550
1619
  }
1551
- ._teddy-link--navigation_azi31_16, ._teddy-link--navigation-negative_azi31_29 {
1620
+ ._teddy-link--navigation_1vpvx_17, ._teddy-link--navigation-negative_1vpvx_30 {
1552
1621
  align-items: center;
1553
1622
  background-color: var(--teddy-color-functional-transparent);
1554
1623
  display: flex;
1555
- font-weight: var(--teddy-typography-weight-medium);
1556
1624
  text-decoration: none;
1557
1625
  }
1558
- ._teddy-link--navigation_azi31_16:active, ._teddy-link--navigation_azi31_16:hover, ._teddy-link--navigation-negative_azi31_29:active, ._teddy-link--navigation-negative_azi31_29:hover {
1626
+ ._teddy-link--navigation_1vpvx_17:active, ._teddy-link--navigation_1vpvx_17:hover, ._teddy-link--navigation-negative_1vpvx_30:active, ._teddy-link--navigation-negative_1vpvx_30:hover {
1559
1627
  background-color: var(--teddy-color-functional-transparent);
1560
1628
  text-decoration: underline;
1561
1629
  }
1562
- ._teddy-link--ensure-target-area_azi31_57 {
1630
+ ._teddy-link--ensure-target-area_1vpvx_57 {
1563
1631
  display: flex;
1564
1632
  align-items: center;
1565
1633
  min-height: var(--teddy-spacing-600);
1566
1634
  min-width: var(--teddy-spacing-600);
1567
1635
  }
1568
- ._teddy-link--silent_azi31_63 {
1636
+ ._teddy-link--silent_1vpvx_63 {
1569
1637
  background-color: inherit;
1570
1638
  color: inherit;
1571
1639
  height: 100%;
1572
1640
  text-decoration: none;
1573
1641
  }
1574
- ._teddy-link--silent_azi31_63:hover, ._teddy-link--silent_azi31_63:focus, ._teddy-link--silent_azi31_63:active {
1642
+ ._teddy-link--silent_1vpvx_63:hover, ._teddy-link--silent_1vpvx_63:focus, ._teddy-link--silent_1vpvx_63:active {
1575
1643
  background-color: inherit;
1576
1644
  color: inherit;
1577
1645
  }
1578
- ._teddy-link--silent_azi31_63 a:focus {
1646
+ ._teddy-link--silent_1vpvx_63 a:focus {
1579
1647
  outline: 0;
1580
1648
  }
1581
- ._teddy-link--silent_azi31_63:is(._teddy-link--disable-visited_azi31_26):visited {
1649
+ ._teddy-link--silent_1vpvx_63:is(._teddy-link--disable-visited_1vpvx_27):visited {
1582
1650
  color: inherit;
1583
1651
  }
1584
1652
  }._teddy-visually-hidden_15nus_1 {
@@ -2460,15 +2528,6 @@
2460
2528
  to {
2461
2529
  transform: translateX(100%);
2462
2530
  }
2463
- }@layer Image {
2464
- ._teddy-image_jxcdf_2 {
2465
- width: 100%;
2466
- max-width: 100%;
2467
- height: 100%;
2468
- display: block;
2469
- font-style: italic;
2470
- background-repeat: no-repeat;
2471
- }
2472
2531
  }._teddy-chip__item_69tae_1 {
2473
2532
  font: inherit;
2474
2533
  cursor: pointer;
@@ -3770,46 +3829,74 @@
3770
3829
  }
3771
3830
  }@layer heading, button, card, notification;
3772
3831
  @layer notification {
3773
- ._teddy-notification_1ref8_3 {
3774
- --status-border: var(--teddy-color-border-status-success);
3832
+ ._teddy-notification_18bjx_3 {
3833
+ --status-background: var(--teddy-color-background-status-success);
3775
3834
  --status-color: var(--teddy-color-text-status-success-strong);
3776
- --status-icon-color: var(--teddy-color-text-status-success-medium);
3835
+ --status-icon-color: var(--teddy-color-text-status-success-strong);
3777
3836
  padding: var(--teddy-spacing-200) var(--teddy-spacing-200) var(--teddy-spacing-200) var(--teddy-spacing-150);
3778
- gap: var(--teddy-spacing-100);
3779
- border-width: var(--teddy-border-width-sm) var(--teddy-border-width-sm) var(--teddy-border-width-sm) var(--teddy-border-width-lg);
3780
- border-color: var(--status-border);
3781
- }
3782
- ._teddy-notification__dismiss_1ref8_12 {
3783
- position: absolute;
3784
- inset: var(--teddy-spacing-50) var(--teddy-spacing-50) auto auto;
3837
+ background-color: var(--status-background);
3838
+ gap: var(--teddy-spacing-50);
3785
3839
  }
3786
- ._teddy-notification--success_1ref8_16 {
3787
- --status-border: var(--teddy-color-border-status-success);
3840
+ ._teddy-notification--success_18bjx_11 {
3841
+ --status-background: var(--teddy-color-background-status-success);
3788
3842
  --status-color: var(--teddy-color-text-status-success-strong);
3789
- --status-icon-color: var(--teddy-color-text-status-success-medium);
3843
+ --status-icon-color: var(--teddy-color-text-status-success-strong);
3790
3844
  }
3791
- ._teddy-notification--warning_1ref8_21 {
3792
- --status-border: var(--teddy-color-border-status-warning);
3845
+ ._teddy-notification--warning_18bjx_16 {
3846
+ --status-background: var(--teddy-color-background-status-warning);
3793
3847
  --status-color: var(--teddy-color-text-status-warning-strong);
3794
- --status-icon-color: var(--teddy-color-text-status-warning-medium);
3848
+ --status-icon-color: var(--teddy-color-text-status-warning-strong);
3795
3849
  }
3796
- ._teddy-notification--error_1ref8_26 {
3797
- --status-border: var(--teddy-color-border-status-error);
3850
+ ._teddy-notification--error_18bjx_21 {
3851
+ --status-background: var(--teddy-color-background-status-error);
3798
3852
  --status-color: var(--teddy-color-text-status-error-strong);
3799
- --status-icon-color: var(--teddy-color-text-status-error-medium);
3853
+ --status-icon-color: var(--teddy-color-text-status-error-strong);
3800
3854
  }
3801
- ._teddy-notification--information_1ref8_31 {
3802
- --status-border: var(--teddy-color-border-status-info);
3855
+ ._teddy-notification--information_18bjx_26 {
3856
+ --status-background: var(--teddy-color-background-status-info);
3803
3857
  --status-color: var(--teddy-color-text-status-info-strong);
3804
- --status-icon-color: var(--teddy-color-text-status-info-medium);
3858
+ --status-icon-color: var(--teddy-color-text-status-info-strong);
3859
+ }
3860
+ ._teddy-notification--beige_18bjx_31 {
3861
+ --status-background: var(--teddy-color-beige-50);
3862
+ --status-color: var(--teddy-color-beige-700);
3863
+ --status-icon-color: var(--teddy-color-beige-700e);
3864
+ }
3865
+ ._teddy-notification--teal_18bjx_36 {
3866
+ --status-background: var(--teddy-color-teal-50);
3867
+ --status-color: var(--teddy-color-teal-700);
3868
+ --status-icon-color: var(--teddy-color-teal-700);
3869
+ }
3870
+ ._teddy-notification--gray_18bjx_41 {
3871
+ --status-background: var(--teddy-color-gray-50);
3872
+ --status-color: var(--teddy-color-gray-700);
3873
+ --status-icon-color: var(--teddy-color-gray-700);
3805
3874
  }
3806
- ._teddy-notification__heading_1ref8_36 {
3875
+ ._teddy-notification--tile_18bjx_46 {
3876
+ display: flex !important;
3877
+ }
3878
+ ._teddy-notification--tile_18bjx_46 ._teddy-notification__text_18bjx_49 {
3879
+ margin: 0 var(--teddy-spacing-400) 0 var(--teddy-spacing-100) !important;
3880
+ }
3881
+ ._teddy-notification__dismiss_18bjx_52 {
3882
+ position: absolute;
3883
+ inset: var(--teddy-spacing-50) var(--teddy-spacing-50) auto auto;
3884
+ }
3885
+ ._teddy-notification__heading_18bjx_56 {
3807
3886
  color: var(--status-color);
3808
3887
  display: flex;
3809
3888
  align-items: center;
3810
3889
  }
3811
- ._teddy-notification__icon_1ref8_41 {
3890
+ ._teddy-notification__text_18bjx_49 {
3891
+ color: var(--status-color) !important;
3892
+ margin: 0 var(--teddy-spacing-400) 0 calc(var(--teddy-spacing-400) + var(--teddy-spacing-100)) !important;
3893
+ }
3894
+ ._teddy-notification__footer_18bjx_65 {
3895
+ margin-left: calc(var(--teddy-spacing-400) + var(--teddy-spacing-100));
3896
+ }
3897
+ ._teddy-notification__icon_18bjx_68 {
3812
3898
  color: var(--status-icon-color);
3899
+ margin-right: var(--teddy-spacing-100);
3813
3900
  }
3814
3901
  }._teddy-radio-group_1flae_1 {
3815
3902
  display: flex;