@telia/teddy 0.0.71 → 0.0.73

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 (60) hide show
  1. package/dist/components/breadcrumbs/breadcrumbs-link.d.ts +1 -1
  2. package/dist/components/breadcrumbs/index.d.ts +1 -1
  3. package/dist/components/card/card-button.cjs +2 -2
  4. package/dist/components/card/card-button.js +2 -2
  5. package/dist/components/card/card-link.d.ts +1 -1
  6. package/dist/components/card/card-price.cjs +20 -28
  7. package/dist/components/card/card-price.d.ts +4 -1
  8. package/dist/components/card/card-price.js +21 -29
  9. package/dist/components/card/card.cjs +50 -49
  10. package/dist/components/card/card.d.ts +1 -1
  11. package/dist/components/card/card.js +50 -49
  12. package/dist/components/card/index.d.ts +1 -1
  13. package/dist/components/chip/chip-indicator.d.ts +2 -2
  14. package/dist/components/chip/index.d.ts +2 -2
  15. package/dist/components/expandable-card/expandable-card-button.d.ts +2 -2
  16. package/dist/components/expandable-card/index.d.ts +3 -3
  17. package/dist/components/index.cjs +2 -0
  18. package/dist/components/index.d.ts +1 -0
  19. package/dist/components/index.js +2 -0
  20. package/dist/components/modal/modal.cjs +1 -0
  21. package/dist/components/modal/modal.js +1 -0
  22. package/dist/components/navigation-card/index.cjs +10 -0
  23. package/dist/components/navigation-card/index.d.ts +15 -0
  24. package/dist/components/navigation-card/index.js +10 -0
  25. package/dist/components/navigation-card/navigation-card-content.cjs +49 -0
  26. package/dist/components/navigation-card/navigation-card-content.d.ts +10 -0
  27. package/dist/components/navigation-card/navigation-card-content.js +49 -0
  28. package/dist/components/navigation-card/navigation-card-root.cjs +32 -0
  29. package/dist/components/navigation-card/navigation-card-root.d.ts +6 -0
  30. package/dist/components/navigation-card/navigation-card-root.js +32 -0
  31. package/dist/components/navigation-menu/navigation-menu.cjs +1 -0
  32. package/dist/components/navigation-menu/navigation-menu.js +1 -0
  33. package/dist/components/notabene/notabene-icon.d.ts +2 -2
  34. package/dist/components/notification/notification.d.ts +2 -2
  35. package/dist/components/radio-card-group/radio-card-group-content.cjs +1 -0
  36. package/dist/components/radio-card-group/radio-card-group-content.js +1 -0
  37. package/dist/components/radio-card-group/radio-card-group-item-body.cjs +1 -0
  38. package/dist/components/radio-card-group/radio-card-group-item-body.js +1 -0
  39. package/dist/components/radio-card-group/radio-card-group-item-title.cjs +1 -0
  40. package/dist/components/radio-card-group/radio-card-group-item-title.js +1 -0
  41. package/dist/components/radio-card-group/radio-card-group-item.cjs +1 -0
  42. package/dist/components/radio-card-group/radio-card-group-item.js +1 -0
  43. package/dist/components/scroll-area/index.d.ts +2 -2
  44. package/dist/components/scroll-area/scroll-area-bar.cjs +71 -29
  45. package/dist/components/scroll-area/scroll-area-bar.js +71 -29
  46. package/dist/components/scroll-area/scroll-area-button.d.ts +4 -4
  47. package/dist/components/scroll-area/scroll-area-item.cjs +13 -2
  48. package/dist/components/scroll-area/scroll-area-item.js +13 -2
  49. package/dist/components/tabs/index.d.ts +2 -2
  50. package/dist/components/tabs/tabs-scroll-button.d.ts +2 -2
  51. package/dist/components/text-field/index.d.ts +2 -2
  52. package/dist/components/text-field/text-field-button.d.ts +2 -2
  53. package/dist/components/toggle/toggle.d.ts +2 -2
  54. package/dist/main.cjs +2 -0
  55. package/dist/main.js +2 -0
  56. package/dist/style.css +1133 -1087
  57. package/dist/utils/generate-styling/grid.d.ts +24 -24
  58. package/dist/utils/generate-styling/index.d.ts +16 -16
  59. package/dist/utils/generate-styling/util.d.ts +2 -2
  60. package/package.json +2 -1
package/dist/style.css CHANGED
@@ -1,314 +1,188 @@
1
- @charset 'UTF-8';._teddy-checkbox_1tihh_1 {
2
- display: inline-flex;
3
- align-items: center;
4
- gap: var(--teddy-spacing-100);
5
- border-radius: var(--teddy-border-radius-xs);
6
- padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25)) 0;
1
+ @charset 'UTF-8';@layer link {
2
+ ._teddy-link_azi31_2 {
3
+ align-items: center;
4
+ cursor: pointer;
5
+ display: inline-flex;
6
+ gap: var(--teddy-spacing-50);
7
+ text-decoration: underline;
8
+ }
9
+ ._teddy-link_azi31_2:focus, ._teddy-link_azi31_2:active {
10
+ outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
11
+ outline-offset: var(--teddy-spacing-25);
12
+ }
13
+ ._teddy-link_azi31_2:focus:not(:focus-visible) {
14
+ outline: 0;
15
+ }
16
+ ._teddy-link--text_azi31_16, ._teddy-link--standalone_azi31_16, ._teddy-link--navigation_azi31_16 {
17
+ color: var(--teddy-color-text-interactive-primary);
18
+ }
19
+ ._teddy-link--text_azi31_16:hover, ._teddy-link--standalone_azi31_16:hover, ._teddy-link--navigation_azi31_16:hover {
20
+ color: var(--teddy-color-text-interactive-primary-active);
21
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
22
+ }
23
+ ._teddy-link--text_azi31_16:active, ._teddy-link--standalone_azi31_16:active, ._teddy-link--navigation_azi31_16:active {
24
+ background-color: var(--teddy-color-background-interactive-transparent-active);
25
+ }
26
+ ._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) {
27
+ color: var(--teddy-color-text-interactive-primary-active);
28
+ }
29
+ ._teddy-link--text-negative_azi31_29, ._teddy-link--standalone-negative_azi31_29, ._teddy-link--navigation-negative_azi31_29 {
30
+ color: var(--teddy-color-text-interactive-primary-negative);
31
+ }
32
+ ._teddy-link--text-negative_azi31_29:hover, ._teddy-link--standalone-negative_azi31_29:hover, ._teddy-link--navigation-negative_azi31_29:hover {
33
+ background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
34
+ color: var(--teddy-color-text-interactive-primary-negative);
35
+ }
36
+ ._teddy-link--text-negative_azi31_29:active, ._teddy-link--standalone-negative_azi31_29:active, ._teddy-link--navigation-negative_azi31_29:active {
37
+ background-color: var(--teddy-color-background-interactive-transparent-negative-active);
38
+ color: var(--teddy-color-text-interactive-primary-negative-active);
39
+ }
40
+ ._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) {
41
+ color: var(--teddy-color-text-interactive-primary-negative-active);
42
+ }
43
+ ._teddy-link--standalone_azi31_16, ._teddy-link--standalone-negative_azi31_29 {
44
+ padding: var(--teddy-spacing-150) 0;
45
+ }
46
+ ._teddy-link--navigation_azi31_16, ._teddy-link--navigation-negative_azi31_29 {
47
+ align-items: center;
48
+ background-color: var(--teddy-color-functional-transparent);
49
+ display: flex;
50
+ font-weight: var(--teddy-typography-weight-medium);
51
+ text-decoration: none;
52
+ }
53
+ ._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 {
54
+ background-color: var(--teddy-color-functional-transparent);
55
+ text-decoration: underline;
56
+ }
57
+ ._teddy-link--ensure-target-area_azi31_57 {
58
+ display: flex;
59
+ align-items: center;
60
+ min-height: var(--teddy-spacing-600);
61
+ min-width: var(--teddy-spacing-600);
62
+ }
63
+ ._teddy-link--silent_azi31_63 {
64
+ background-color: inherit;
65
+ color: inherit;
66
+ height: 100%;
67
+ text-decoration: none;
68
+ }
69
+ ._teddy-link--silent_azi31_63:hover, ._teddy-link--silent_azi31_63:focus, ._teddy-link--silent_azi31_63:active {
70
+ background-color: inherit;
71
+ color: inherit;
72
+ }
73
+ ._teddy-link--silent_azi31_63 a:focus {
74
+ outline: 0;
75
+ }
76
+ ._teddy-link--silent_azi31_63:is(._teddy-link--disable-visited_azi31_26):visited {
77
+ color: inherit;
78
+ }
79
+ }._teddy-navigation-card_w5y75_1 {
80
+ border: 1px solid #A0A0A0;
81
+ padding: 2rem;
82
+ max-width: 30rem;
83
+ min-width: 15rem;
84
+ max-height: 6.5rem;
85
+ margin: 0.7rem;
86
+ border-radius: 0.5rem;
7
87
  }
8
- ._teddy-checkbox__label_1tihh_8 {
9
- font-weight: var(--teddy-typography-weight-medium);
10
- margin-bottom: var(--teddy-spacing-100);
88
+ ._teddy-navigation-card__wrapper_w5y75_10 {
89
+ display: flex;
90
+ align-items: center;
91
+ width: 100%;
92
+ justify-content: space-between;
11
93
  }
12
- ._teddy-checkbox_1tihh_1:has(._teddy-checkbox__trigger_1tihh_12:focus-visible) {
13
- outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
14
- outline-offset: var(--teddy-spacing-50);
94
+ ._teddy-navigation-card__heading_w5y75_16 {
95
+ display: flex;
96
+ align-items: center;
97
+ font-size: 1.125rem;
15
98
  }
16
- ._teddy-checkbox_1tihh_1:has(._teddy-checkbox__trigger_1tihh_12:not(:focus-visible)) {
17
- outline: none;
99
+ ._teddy-navigation-card__imageContainer_w5y75_21 {
100
+ width: 5rem;
101
+ height: 5rem;
102
+ margin-right: 1rem;
103
+ object-fit: contain;
18
104
  }
19
- ._teddy-checkbox__trigger_1tihh_12 {
20
- all: unset;
21
- position: relative;
22
- display: inline-flex;
23
- align-items: center;
24
- justify-content: center;
25
- vertical-align: top;
26
- flex-shrink: 0;
27
- cursor: default;
28
- border-radius: var(--teddy-border-radius-xs);
105
+ ._teddy-navigation-card__imageContainer_w5y75_21 img {
106
+ height: 100%;
107
+ width: 100%;
108
+ }._teddy-spinner--xxs_ywden_1 {
109
+ height: var(--teddy-spacing-250);
110
+ width: var(--teddy-spacing-250);
29
111
  }
30
- ._teddy-checkbox__trigger_1tihh_12::before {
31
- content: "";
32
- display: block;
112
+ ._teddy-spinner--xs_ywden_5 {
33
113
  height: var(--teddy-spacing-300);
34
114
  width: var(--teddy-spacing-300);
35
- border-radius: var(--teddy-border-radius-xs);
36
- transition: background-color var(--teddy-motion-duration-200) ease, box-shadow var(--teddy-motion-duration-200) ease;
37
- }
38
- ._teddy-checkbox__trigger_1tihh_12:where([data-state=unchecked])::before {
39
- background-color: var(--teddy-color-functional-transparent);
40
- box-shadow: inset 0 0 0 1px var(--teddy-color-text-default);
41
- }
42
- ._teddy-checkbox__trigger_1tihh_12:where([data-state=checked])::before {
43
- background-color: var(--teddy-color-background-interactive-primary);
44
- }
45
- ._teddy-checkbox__trigger_1tihh_12:where(:disabled)::before {
46
- box-shadow: inset 0 0 0 1px var(--teddy-color-text-weak);
47
- background-color: var(--teddy-color-background-interactive-disabled);
48
- }
49
- ._teddy-checkbox__trigger_1tihh_12:where(:disabled):where([data-state=checked]) ._teddy-checkbox__indicator_1tihh_49 {
50
- color: var(--teddy-color-text-weak);
51
- }
52
- ._teddy-checkbox__trigger_1tihh_12:hover:not(:disabled)::before {
53
- box-shadow: inset 0 0 0 2px var(--teddy-color-border-interactive-subtle-hover);
54
- }
55
- ._teddy-checkbox__trigger_1tihh_12:hover:not(:disabled):where([data-state=checked])::before {
56
- box-shadow: inset 0 0 0 1px var(--teddy-color-border-interactive-primary-hover);
57
- background-color: var(--teddy-color-background-interactive-primary-hover);
58
- }
59
- ._teddy-checkbox__trigger_1tihh_12:active:not(:disabled)::before {
60
- box-shadow: inset 0 0 0 1px var(--teddy-color-border-interactive-subtle-hover);
61
- }
62
- ._teddy-checkbox__trigger_1tihh_12:active:not(:disabled):where([data-state=checked])::before {
63
- background-color: var(--teddy-color-background-interactive-primary-active);
64
115
  }
65
- ._teddy-checkbox__trigger_1tihh_12:where([data-state=indeterminate])::before {
66
- background-color: var(--teddy-color-background-interactive-primary);
116
+ ._teddy-spinner--sm_ywden_9 {
117
+ height: var(--teddy-spacing-400);
118
+ width: var(--teddy-spacing-400);
67
119
  }
68
- ._teddy-checkbox__trigger_1tihh_12:where([data-state=indeterminate]) ._teddy-checkbox__indicator_1tihh_49 {
69
- color: var(--teddy-color-text-interactive-on-primary);
120
+ ._teddy-spinner--md_ywden_13 {
121
+ height: var(--teddy-spacing-600);
122
+ width: var(--teddy-spacing-600);
123
+ stroke-width: 3.5;
70
124
  }
71
- ._teddy-checkbox__trigger_1tihh_12:where([data-state=indeterminate]) ._teddy-checkbox__indicator-icon-checked_1tihh_71 {
72
- display: none;
125
+ ._teddy-spinner--lg_ywden_18 {
126
+ height: var(--teddy-spacing-800);
127
+ width: var(--teddy-spacing-800);
128
+ stroke-width: 3;
73
129
  }
74
- ._teddy-checkbox__trigger_1tihh_12:where([data-state=indeterminate]) ._teddy-checkbox__indicator-icon-indeterminate_1tihh_74 {
75
- display: block;
130
+ ._teddy-spinner__circle_ywden_23 {
131
+ --stroke-color: var(--teddy-color-border-interactive-primary);
132
+ stroke-dasharray: 150;
133
+ animation: _dash_ywden_1 2s ease-in-out infinite, _rotate_ywden_1 1s linear infinite;
134
+ transform-origin: center;
135
+ stroke-width: 4;
136
+ stroke-linecap: round;
137
+ fill: transparent;
138
+ stroke: var(--stroke-color);
76
139
  }
77
- ._teddy-checkbox__indicator_1tihh_49 {
78
- position: absolute;
79
- width: var(--teddy-spacing-200);
80
- height: var(--teddy-spacing-200);
81
- transform: translate(-50%, -50%);
82
- top: 50%;
83
- left: 50%;
84
- color: var(--teddy-color-text-interactive-on-primary);
140
+ ._teddy-spinner__circle--disabled_ywden_33 {
141
+ --stroke-color: var(--teddy-color-border-weak);
85
142
  }
86
- ._teddy-checkbox__indicator-icon-indeterminate_1tihh_74 {
87
- display: none;
143
+ ._teddy-spinner__circle--negative_ywden_36 {
144
+ --stroke-color: var(--teddy-color-border-interactive-primary-negative);
88
145
  }
89
- ._teddy-checkbox--error_1tihh_89 {
90
- color: var(--teddy-color-text-status-error-strong);
146
+ ._teddy-spinner__circle--negative-disabled_ywden_39 {
147
+ --stroke-color: var(--teddy-color-border-weak-negative);
91
148
  }
92
- ._teddy-checkbox--error_1tihh_89 ._teddy-checkbox__trigger_1tihh_12::before {
93
- box-shadow: inset 0 0 0 1px var(--teddy-color-border-status-error);
94
- }@layer icon {
95
- ._teddy-icon_1ur3a_2 {
96
- display: inline;
97
- align-self: center;
98
- fill: currentColor;
99
- flex-shrink: 0;
149
+
150
+ @keyframes _rotate_ywden_1 {
151
+ from {
152
+ transform: rotate(0deg);
100
153
  }
101
- ._teddy-icon--font_1ur3a_8 {
102
- width: 1em;
103
- height: 1em;
154
+ to {
155
+ transform: rotate(360deg);
104
156
  }
105
- ._teddy-icon--xxs_1ur3a_12 {
106
- width: var(--teddy-spacing-150);
107
- height: var(--teddy-spacing-150);
157
+ }
158
+ @keyframes _dash_ywden_1 {
159
+ 0% {
160
+ stroke-dashoffset: 125;
108
161
  }
109
- ._teddy-icon--xs_1ur3a_16 {
110
- width: var(--teddy-spacing-200);
111
- height: var(--teddy-spacing-200);
162
+ 50% {
163
+ stroke-dashoffset: 62.5;
112
164
  }
113
- ._teddy-icon--sm_1ur3a_20 {
114
- width: var(--teddy-spacing-250);
115
- height: var(--teddy-spacing-250);
165
+ 100% {
166
+ stroke-dashoffset: 125;
116
167
  }
117
- ._teddy-icon--md_1ur3a_24 {
118
- width: var(--teddy-spacing-300);
119
- height: var(--teddy-spacing-300);
168
+ }@keyframes _fadeInAnimation_aswkh_1 {
169
+ 0% {
170
+ opacity: 0;
120
171
  }
121
- ._teddy-icon--lg_1ur3a_28 {
122
- width: var(--teddy-spacing-400);
123
- height: var(--teddy-spacing-400);
172
+ 100% {
173
+ opacity: 1;
124
174
  }
125
- ._teddy-icon--xl_1ur3a_32 {
126
- width: var(--teddy-spacing-600);
127
- height: var(--teddy-spacing-600);
175
+ }
176
+ @keyframes _scaleInAnimation_aswkh_1 {
177
+ 0% {
178
+ scale: 0;
128
179
  }
129
- ._teddy-icon-with-children_1ur3a_36 {
130
- display: inline-flex;
131
- align-items: center;
132
- font-family: var(--teddy-typography-family-default);
133
- gap: var(--teddy-spacing-100);
134
- }
135
- }._teddy-flex_1ncy4_1 {
136
- box-sizing: border-box;
137
- }
138
-
139
- @layer flex {
140
- ._teddy-flex_1ncy4_1 {
141
- display: flex;
142
- }
143
- }._teddy-label_1hc8e_1 {
144
- color: var(--teddy-color-text-default);
145
- font-family: var(--teddy-typography-family-default);
146
- font-weight: var(--teddy-typography-weight-medium);
147
- font-size: var(--teddy-typography-scale-100);
148
- line-height: var(--teddy-typography-line-height-default);
149
- }
150
- ._teddy-label--disabled_1hc8e_8 {
151
- color: var(--teddy-color-text-weak);
152
- cursor: default;
153
- }
154
- ._teddy-label--required_1hc8e_12::before {
155
- content: "* ";
156
- }@layer text {
157
- ._teddy-text_15w9u_2 {
158
- color: inherit;
159
- display: block;
160
- margin: 0;
161
- hyphens: none;
162
- }
163
- ._teddy-text--disabled_15w9u_8 {
164
- color: var(--teddy-color-text-weak);
165
- }
166
- ._teddy-text--hyphens_15w9u_11 {
167
- hyphens: auto;
168
- }
169
- ._teddy-text--paragraph-100_15w9u_14 {
170
- font-family: var(--teddy-typography-family-default);
171
- font-weight: var(--teddy-typography-weight-normal);
172
- font-size: var(--teddy-typography-scale-100);
173
- line-height: var(--teddy-typography-line-height-loose);
174
- }
175
- ._teddy-text--paragraph-100-medium_15w9u_20 {
176
- font-family: var(--teddy-typography-family-default);
177
- font-weight: var(--teddy-typography-weight-normal);
178
- font-size: var(--teddy-typography-scale-100);
179
- line-height: var(--teddy-typography-line-height-loose);
180
- font-weight: var(--teddy-typography-weight-medium);
181
- }
182
- ._teddy-text--paragraph-100-bold_15w9u_27 {
183
- font-family: var(--teddy-typography-family-default);
184
- font-weight: var(--teddy-typography-weight-normal);
185
- font-size: var(--teddy-typography-scale-100);
186
- line-height: var(--teddy-typography-line-height-loose);
187
- font-weight: var(--teddy-typography-weight-bold);
188
- }
189
- ._teddy-text--paragraph-200_15w9u_34 {
190
- font-family: var(--teddy-typography-family-default);
191
- font-weight: var(--teddy-typography-weight-normal);
192
- font-size: var(--teddy-typography-scale-100);
193
- line-height: var(--teddy-typography-line-height-looser);
194
- }
195
- ._teddy-text--preamble-100_15w9u_40 {
196
- font-family: var(--teddy-typography-family-default);
197
- font-weight: var(--teddy-typography-weight-normal);
198
- font-size: var(--teddy-typography-scale-200);
199
- line-height: var(--teddy-typography-line-height-loose);
200
- }
201
- ._teddy-text--preamble-200_15w9u_46 {
202
- font-family: var(--teddy-typography-family-default);
203
- font-weight: var(--teddy-typography-weight-normal);
204
- font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
205
- line-height: var(--teddy-typography-line-height-loose);
206
- }
207
- ._teddy-text--additional-100_15w9u_52 {
208
- font-family: var(--teddy-typography-family-default);
209
- font-weight: var(--teddy-typography-weight-normal);
210
- font-size: var(--teddy-typography-scale-75);
211
- line-height: var(--teddy-typography-line-height-loose);
212
- }
213
- ._teddy-text--additional-100-medium_15w9u_58 {
214
- font-family: var(--teddy-typography-family-default);
215
- font-weight: var(--teddy-typography-weight-normal);
216
- font-size: var(--teddy-typography-scale-75);
217
- line-height: var(--teddy-typography-line-height-loose);
218
- font-weight: var(--teddy-typography-weight-medium);
219
- }
220
- ._teddy-text--overline-100_15w9u_65 {
221
- font-family: var(--teddy-typography-family-default);
222
- font-size: var(--teddy-typography-scale-75);
223
- letter-spacing: var(--teddy-spacing-10);
224
- line-height: var(--teddy-typography-line-height-tight);
225
- text-transform: uppercase;
226
- }
227
- ._teddy-text--overline-200_15w9u_72 {
228
- font-family: var(--teddy-typography-family-default);
229
- font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
230
- letter-spacing: var(--teddy-spacing-10);
231
- line-height: var(--teddy-typography-line-height-tight);
232
- text-transform: uppercase;
233
- }
234
- }._teddy-spinner--xxs_ywden_1 {
235
- height: var(--teddy-spacing-250);
236
- width: var(--teddy-spacing-250);
237
- }
238
- ._teddy-spinner--xs_ywden_5 {
239
- height: var(--teddy-spacing-300);
240
- width: var(--teddy-spacing-300);
241
- }
242
- ._teddy-spinner--sm_ywden_9 {
243
- height: var(--teddy-spacing-400);
244
- width: var(--teddy-spacing-400);
245
- }
246
- ._teddy-spinner--md_ywden_13 {
247
- height: var(--teddy-spacing-600);
248
- width: var(--teddy-spacing-600);
249
- stroke-width: 3.5;
250
- }
251
- ._teddy-spinner--lg_ywden_18 {
252
- height: var(--teddy-spacing-800);
253
- width: var(--teddy-spacing-800);
254
- stroke-width: 3;
255
- }
256
- ._teddy-spinner__circle_ywden_23 {
257
- --stroke-color: var(--teddy-color-border-interactive-primary);
258
- stroke-dasharray: 150;
259
- animation: _dash_ywden_1 2s ease-in-out infinite, _rotate_ywden_1 1s linear infinite;
260
- transform-origin: center;
261
- stroke-width: 4;
262
- stroke-linecap: round;
263
- fill: transparent;
264
- stroke: var(--stroke-color);
265
- }
266
- ._teddy-spinner__circle--disabled_ywden_33 {
267
- --stroke-color: var(--teddy-color-border-weak);
268
- }
269
- ._teddy-spinner__circle--negative_ywden_36 {
270
- --stroke-color: var(--teddy-color-border-interactive-primary-negative);
271
- }
272
- ._teddy-spinner__circle--negative-disabled_ywden_39 {
273
- --stroke-color: var(--teddy-color-border-weak-negative);
274
- }
275
-
276
- @keyframes _rotate_ywden_1 {
277
- from {
278
- transform: rotate(0deg);
279
- }
280
- to {
281
- transform: rotate(360deg);
282
- }
283
- }
284
- @keyframes _dash_ywden_1 {
285
- 0% {
286
- stroke-dashoffset: 125;
287
- }
288
- 50% {
289
- stroke-dashoffset: 62.5;
290
- }
291
- 100% {
292
- stroke-dashoffset: 125;
293
- }
294
- }@keyframes _fadeInAnimation_r0i1g_1 {
295
- 0% {
296
- opacity: 0;
297
- }
298
- 100% {
299
- opacity: 1;
300
- }
301
- }
302
- @keyframes _scaleInAnimation_r0i1g_1 {
303
- 0% {
304
- scale: 0;
305
- }
306
- 100% {
307
- scale: 100%;
180
+ 100% {
181
+ scale: 100%;
308
182
  }
309
183
  }
310
184
  @layer button {
311
- ._teddy-button_r0i1g_18 {
185
+ ._teddy-button_aswkh_18 {
312
186
  align-items: center;
313
187
  border-radius: var(--teddy-border-radius-full);
314
188
  border-width: 0;
@@ -328,7 +202,7 @@
328
202
  transition-property: background-color, color;
329
203
  width: auto;
330
204
  }
331
- ._teddy-button_r0i1g_18:focus::before {
205
+ ._teddy-button_aswkh_18:focus::before {
332
206
  border-radius: inherit;
333
207
  box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
334
208
  content: "";
@@ -337,155 +211,155 @@
337
211
  inset: calc(var(--teddy-spacing-25) * -1);
338
212
  position: absolute;
339
213
  }
340
- ._teddy-button_r0i1g_18:focus:not(:focus-visible)::before {
214
+ ._teddy-button_aswkh_18:focus:not(:focus-visible)::before {
341
215
  opacity: 0;
342
216
  }
343
- ._teddy-button_r0i1g_18 svg {
217
+ ._teddy-button_aswkh_18 svg {
344
218
  display: block;
345
219
  }
346
- ._teddy-button--sm_r0i1g_53 {
220
+ ._teddy-button--sm_aswkh_53 {
347
221
  padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
348
222
  }
349
- ._teddy-button--sm_r0i1g_53._teddy-button--icon-only_r0i1g_56 {
223
+ ._teddy-button--sm_aswkh_53._teddy-button--icon-only_aswkh_56 {
350
224
  padding: var(--teddy-spacing-150);
351
225
  }
352
- ._teddy-button--md_r0i1g_59 {
226
+ ._teddy-button--md_aswkh_59 {
353
227
  padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
354
228
  }
355
- ._teddy-button--md_r0i1g_59._teddy-button--icon-only_r0i1g_56 {
229
+ ._teddy-button--md_aswkh_59._teddy-button--icon-only_aswkh_56 {
356
230
  padding: var(--teddy-spacing-200);
357
231
  }
358
- ._teddy-button--lg_r0i1g_65 {
232
+ ._teddy-button--lg_aswkh_65 {
359
233
  padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
360
234
  }
361
- ._teddy-button--lg_r0i1g_65._teddy-button--icon-only_r0i1g_56 {
235
+ ._teddy-button--lg_aswkh_65._teddy-button--icon-only_aswkh_56 {
362
236
  padding: var(--teddy-spacing-250);
363
237
  }
364
- ._teddy-button--full-width_r0i1g_71 {
238
+ ._teddy-button--full-width_aswkh_71 {
365
239
  width: 100%;
366
240
  }
367
- ._teddy-button--primary_r0i1g_74 {
241
+ ._teddy-button--primary_aswkh_74 {
368
242
  background-color: var(--teddy-color-background-interactive-primary);
369
243
  color: var(--teddy-color-text-interactive-on-primary);
370
244
  }
371
- ._teddy-button--primary_r0i1g_74:hover:not(._teddy-button--disabled_r0i1g_78) {
245
+ ._teddy-button--primary_aswkh_74:hover:not(._teddy-button--disabled_aswkh_78) {
372
246
  background-color: var(--teddy-color-background-interactive-primary-hover);
373
247
  }
374
- ._teddy-button--primary_r0i1g_74:active:not(._teddy-button--disabled_r0i1g_78) {
248
+ ._teddy-button--primary_aswkh_74:active:not(._teddy-button--disabled_aswkh_78) {
375
249
  background-color: var(--teddy-color-background-interactive-primary-active);
376
250
  }
377
- ._teddy-button--primary-negative_r0i1g_84 {
251
+ ._teddy-button--primary-negative_aswkh_84 {
378
252
  background-color: var(--teddy-color-background-interactive-primary-negative);
379
253
  color: var(--teddy-color-text-interactive-on-primary-negative);
380
254
  }
381
- ._teddy-button--primary-negative_r0i1g_84:hover:not(._teddy-button--disabled_r0i1g_78) {
255
+ ._teddy-button--primary-negative_aswkh_84:hover:not(._teddy-button--disabled_aswkh_78) {
382
256
  background-color: var(--teddy-color-background-interactive-primary-negative-hover);
383
257
  border-color: var(--teddy-color-background-interactive-primary-negative-hover);
384
258
  }
385
- ._teddy-button--primary-negative_r0i1g_84:active:not(._teddy-button--disabled_r0i1g_78) {
259
+ ._teddy-button--primary-negative_aswkh_84:active:not(._teddy-button--disabled_aswkh_78) {
386
260
  background-color: var(--teddy-color-background-interactive-primary-negative-active);
387
261
  border-color: var(--teddy-color-background-interactive-primary-negative-active);
388
262
  }
389
- ._teddy-button--secondary_r0i1g_96 {
263
+ ._teddy-button--secondary_aswkh_96 {
390
264
  background-color: var(--teddy-color-background-interactive-transparent);
391
265
  box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
392
266
  color: var(--teddy-color-text-interactive-primary);
393
267
  }
394
- ._teddy-button--secondary_r0i1g_96:hover:not(._teddy-button--disabled_r0i1g_78) {
268
+ ._teddy-button--secondary_aswkh_96:hover:not(._teddy-button--disabled_aswkh_78) {
395
269
  background-color: var(--teddy-color-background-interactive-transparent-hover);
396
270
  }
397
- ._teddy-button--secondary_r0i1g_96:active:not(._teddy-button--disabled_r0i1g_78) {
271
+ ._teddy-button--secondary_aswkh_96:active:not(._teddy-button--disabled_aswkh_78) {
398
272
  background-color: var(--teddy-color-background-interactive-transparent-active);
399
273
  }
400
- ._teddy-button--secondary-negative_r0i1g_107 {
274
+ ._teddy-button--secondary-negative_aswkh_107 {
401
275
  background-color: var(--teddy-color-background-interactive-transparent);
402
276
  box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
403
277
  color: var(--teddy-color-text-interactive-primary-negative);
404
278
  }
405
- ._teddy-button--secondary-negative_r0i1g_107:hover:not(._teddy-button--disabled_r0i1g_78) {
279
+ ._teddy-button--secondary-negative_aswkh_107:hover:not(._teddy-button--disabled_aswkh_78) {
406
280
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
407
281
  }
408
- ._teddy-button--secondary-negative_r0i1g_107:active:not(._teddy-button--disabled_r0i1g_78) {
282
+ ._teddy-button--secondary-negative_aswkh_107:active:not(._teddy-button--disabled_aswkh_78) {
409
283
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
410
284
  }
411
- ._teddy-button--expressive_r0i1g_118 {
285
+ ._teddy-button--expressive_aswkh_118 {
412
286
  background-color: var(--teddy-color-background-interactive-expressive);
413
287
  color: var(--teddy-color-text-interactive-on-expressive);
414
288
  }
415
- ._teddy-button--expressive_r0i1g_118:hover:not(._teddy-button--disabled_r0i1g_78) {
289
+ ._teddy-button--expressive_aswkh_118:hover:not(._teddy-button--disabled_aswkh_78) {
416
290
  background-color: var(--teddy-color-background-interactive-expressive-hover);
417
291
  }
418
- ._teddy-button--expressive_r0i1g_118:active:not(._teddy-button--disabled_r0i1g_78) {
292
+ ._teddy-button--expressive_aswkh_118:active:not(._teddy-button--disabled_aswkh_78) {
419
293
  background-color: var(--teddy-color-background-interactive-expressive-active);
420
294
  }
421
- ._teddy-button--expressive-negative_r0i1g_128 {
295
+ ._teddy-button--expressive-negative_aswkh_128 {
422
296
  background-color: var(--teddy-color-background-interactive-expressive-negative);
423
297
  color: var(--teddy-color-text-interactive-on-expressive-negative);
424
298
  }
425
- ._teddy-button--expressive-negative_r0i1g_128:hover:not(._teddy-button--disabled_r0i1g_78) {
299
+ ._teddy-button--expressive-negative_aswkh_128:hover:not(._teddy-button--disabled_aswkh_78) {
426
300
  background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
427
301
  color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
428
302
  }
429
- ._teddy-button--expressive-negative_r0i1g_128:active:not(._teddy-button--disabled_r0i1g_78) {
303
+ ._teddy-button--expressive-negative_aswkh_128:active:not(._teddy-button--disabled_aswkh_78) {
430
304
  background-color: var(--teddy-color-background-interactive-expressive-negative-active);
431
305
  color: var(--teddy-color-text-interactive-on-expressive-negative-active);
432
306
  }
433
- ._teddy-button--negative_r0i1g_140._teddy-button--disabled_r0i1g_78 {
307
+ ._teddy-button--negative_aswkh_140._teddy-button--disabled_aswkh_78 {
434
308
  background-color: var(--teddy-color-background-interactive-disabled-negative);
435
309
  color: var(--teddy-color-text-weak-negative);
436
310
  }
437
- ._teddy-button--secondary_r0i1g_96._teddy-button--disabled_r0i1g_78, ._teddy-button--secondary-negative_r0i1g_107._teddy-button--disabled_r0i1g_78 {
311
+ ._teddy-button--secondary_aswkh_96._teddy-button--disabled_aswkh_78, ._teddy-button--secondary-negative_aswkh_107._teddy-button--disabled_aswkh_78 {
438
312
  box-shadow: none;
439
313
  }
440
- ._teddy-button--destructive_r0i1g_147 {
314
+ ._teddy-button--destructive_aswkh_147 {
441
315
  background-color: var(--teddy-color-background-interactive-destructive);
442
316
  color: var(--teddy-color-text-interactive-on-destructive);
443
317
  }
444
- ._teddy-button--destructive_r0i1g_147:hover:not(._teddy-button--disabled_r0i1g_78) {
318
+ ._teddy-button--destructive_aswkh_147:hover:not(._teddy-button--disabled_aswkh_78) {
445
319
  background-color: var(--teddy-color-background-interactive-destructive-hover);
446
320
  }
447
- ._teddy-button--destructive_r0i1g_147:active:not(._teddy-button--disabled_r0i1g_78) {
321
+ ._teddy-button--destructive_aswkh_147:active:not(._teddy-button--disabled_aswkh_78) {
448
322
  background-color: var(--teddy-color-background-interactive-destructive-active);
449
323
  }
450
- ._teddy-button--destructive-negative_r0i1g_157 {
324
+ ._teddy-button--destructive-negative_aswkh_157 {
451
325
  background-color: var(--teddy-color-background-interactive-destructive);
452
326
  color: var(--teddy-color-text-interactive-on-destructive);
453
327
  }
454
- ._teddy-button--destructive-negative_r0i1g_157:hover:not(._teddy-button--disabled_r0i1g_78) {
328
+ ._teddy-button--destructive-negative_aswkh_157:hover:not(._teddy-button--disabled_aswkh_78) {
455
329
  background-color: var(--teddy-color-background-interactive-destructive-hover);
456
330
  }
457
- ._teddy-button--destructive-negative_r0i1g_157:active:not(._teddy-button--disabled_r0i1g_78) {
331
+ ._teddy-button--destructive-negative_aswkh_157:active:not(._teddy-button--disabled_aswkh_78) {
458
332
  background-color: var(--teddy-color-background-interactive-destructive-active);
459
333
  }
460
- ._teddy-button--tertiary-purple_r0i1g_167 {
334
+ ._teddy-button--tertiary-purple_aswkh_167 {
461
335
  background-color: var(--teddy-color-background-interactive-transparent);
462
336
  color: var(--teddy-color-text-interactive-primary);
463
337
  }
464
- ._teddy-button--tertiary-purple_r0i1g_167._teddy-button--disabled_r0i1g_78 {
338
+ ._teddy-button--tertiary-purple_aswkh_167._teddy-button--disabled_aswkh_78 {
465
339
  background-color: var(--teddy-color-background-interactive-transparent);
466
340
  }
467
- ._teddy-button--tertiary-purple_r0i1g_167:hover:not(._teddy-button--disabled_r0i1g_78) {
341
+ ._teddy-button--tertiary-purple_aswkh_167:hover:not(._teddy-button--disabled_aswkh_78) {
468
342
  background-color: var(--teddy-color-background-interactive-transparent-hover);
469
343
  }
470
- ._teddy-button--tertiary-purple_r0i1g_167:active:not(._teddy-button--disabled_r0i1g_78) {
344
+ ._teddy-button--tertiary-purple_aswkh_167:active:not(._teddy-button--disabled_aswkh_78) {
471
345
  background-color: var(--teddy-color-background-interactive-transparent-active);
472
346
  }
473
- ._teddy-button--tertiary-purple-negative_r0i1g_180 {
347
+ ._teddy-button--tertiary-purple-negative_aswkh_180 {
474
348
  background-color: var(--teddy-color-background-interactive-transparent);
475
349
  color: var(--teddy-color-text-interactive-primary-negative);
476
350
  }
477
- ._teddy-button--tertiary-purple-negative_r0i1g_180._teddy-button--disabled_r0i1g_78 {
351
+ ._teddy-button--tertiary-purple-negative_aswkh_180._teddy-button--disabled_aswkh_78 {
478
352
  background-color: var(--teddy-color-background-interactive-transparent);
479
353
  }
480
- ._teddy-button--tertiary-purple-negative_r0i1g_180:hover:not(._teddy-button--disabled_r0i1g_78) {
354
+ ._teddy-button--tertiary-purple-negative_aswkh_180:hover:not(._teddy-button--disabled_aswkh_78) {
481
355
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
482
356
  color: var(--teddy-color-text-interactive-primary-negative-hover);
483
357
  }
484
- ._teddy-button--tertiary-purple-negative_r0i1g_180:active:not(._teddy-button--disabled_r0i1g_78) {
358
+ ._teddy-button--tertiary-purple-negative_aswkh_180:active:not(._teddy-button--disabled_aswkh_78) {
485
359
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
486
360
  color: var(--teddy-color-text-interactive-primary-negative-active);
487
361
  }
488
- ._teddy-button--list-item_r0i1g_195 {
362
+ ._teddy-button--list-item_aswkh_195 {
489
363
  border-radius: var(--teddy-border-radius-md);
490
364
  padding: var(--teddy-spacing-250) var(--teddy-spacing-150);
491
365
  background-color: var(--teddy-color-background-interactive-transparent);
@@ -494,518 +368,406 @@
494
368
  line-height: var(--teddy-typography-line-height-tight);
495
369
  justify-content: flex-start;
496
370
  }
497
- ._teddy-button--list-item_r0i1g_195._teddy-button--disabled_r0i1g_78 {
371
+ ._teddy-button--list-item_aswkh_195._teddy-button--disabled_aswkh_78 {
498
372
  background-color: var(--teddy-color-background-interactive-transparent);
499
373
  color: var(--teddy-color-text-weak);
500
374
  }
501
- ._teddy-button--list-item_r0i1g_195:hover:not(._teddy-button--disabled_r0i1g_78) {
375
+ ._teddy-button--list-item_aswkh_195:hover:not(._teddy-button--disabled_aswkh_78) {
502
376
  background-color: var(--teddy-color-background-secondary);
503
377
  }
504
- ._teddy-button--list-item_r0i1g_195:active:not(._teddy-button--disabled_r0i1g_78) {
378
+ ._teddy-button--list-item_aswkh_195:active:not(._teddy-button--disabled_aswkh_78) {
505
379
  background-color: var(--teddy-color-background-interactive-transparent-active);
506
380
  }
507
- ._teddy-button--text-negative_r0i1g_214 {
381
+ ._teddy-button--text-negative_aswkh_214 {
508
382
  border-radius: 0;
509
383
  padding-left: 0;
510
384
  padding-right: 0;
511
385
  background-color: var(--teddy-color-background-interactive-transparent);
512
386
  color: var(--teddy-color-text-interactive-primary-negative);
513
387
  }
514
- ._teddy-button--text-negative_r0i1g_214:focus-visible::before {
388
+ ._teddy-button--text-negative_aswkh_214:focus-visible::before {
515
389
  border-radius: 0;
516
390
  }
517
- ._teddy-button--text-negative_r0i1g_214._teddy-button--disabled_r0i1g_78 {
391
+ ._teddy-button--text-negative_aswkh_214._teddy-button--disabled_aswkh_78 {
518
392
  background-color: var(--teddy-color-background-interactive-transparent);
519
393
  }
520
- ._teddy-button--text-negative_r0i1g_214:hover:not(._teddy-button--disabled_r0i1g_78) {
394
+ ._teddy-button--text-negative_aswkh_214:hover:not(._teddy-button--disabled_aswkh_78) {
521
395
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
522
396
  color: var(--teddy-color-text-interactive-primary-negative-hover);
523
397
  }
524
- ._teddy-button--text-negative_r0i1g_214:active:not(._teddy-button--disabled_r0i1g_78) {
398
+ ._teddy-button--text-negative_aswkh_214:active:not(._teddy-button--disabled_aswkh_78) {
525
399
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
526
400
  color: var(--teddy-color-text-interactive-primary-negative-active);
527
401
  }
528
- ._teddy-button--text_r0i1g_214 {
402
+ ._teddy-button--text_aswkh_214 {
529
403
  border-radius: 0;
530
404
  padding-left: 0;
531
405
  padding-right: 0;
532
406
  background-color: var(--teddy-color-background-interactive-transparent);
533
407
  color: var(--teddy-color-text-interactive-primary);
534
408
  }
535
- ._teddy-button--text_r0i1g_214:focus-visible::before {
409
+ ._teddy-button--text_aswkh_214:focus-visible::before {
536
410
  border-radius: 0;
537
411
  }
538
- ._teddy-button--text_r0i1g_214._teddy-button--disabled_r0i1g_78 {
412
+ ._teddy-button--text_aswkh_214._teddy-button--disabled_aswkh_78 {
539
413
  background-color: var(--teddy-color-background-interactive-transparent);
540
414
  color: var(--teddy-color-text-weak);
541
415
  }
542
- ._teddy-button--text_r0i1g_214:hover:not(._teddy-button--disabled_r0i1g_78) {
416
+ ._teddy-button--text_aswkh_214:hover:not(._teddy-button--disabled_aswkh_78) {
543
417
  background-color: var(--teddy-color-background-interactive-transparent-hover);
544
418
  }
545
- ._teddy-button--text_r0i1g_214:active:not(._teddy-button--disabled_r0i1g_78) {
419
+ ._teddy-button--text_aswkh_214:active:not(._teddy-button--disabled_aswkh_78) {
546
420
  background-color: var(--teddy-color-background-interactive-transparent-active);
547
421
  }
548
- ._teddy-button--disabled_r0i1g_78 {
422
+ ._teddy-button--disabled_aswkh_78 {
549
423
  background-color: var(--teddy-color-background-interactive-disabled);
550
424
  color: var(--teddy-color-text-weak);
551
425
  cursor: not-allowed;
552
426
  transition-duration: var(--teddy-motion-duration-400);
553
427
  }
554
- ._teddy-button__loading_r0i1g_261 {
428
+ ._teddy-button__loading_aswkh_261 {
555
429
  position: absolute;
556
430
  inset: 0;
557
431
  display: grid;
558
432
  place-items: center;
559
433
  border-radius: inherit;
560
434
  background-color: var(--teddy-color-transparent-white-500);
561
- animation: _fadeInAnimation_r0i1g_1 ease var(--teddy-motion-duration-500);
435
+ animation: _fadeInAnimation_aswkh_1 ease var(--teddy-motion-duration-500);
562
436
  animation-iteration-count: 1;
563
437
  animation-fill-mode: forwards;
564
438
  }
565
- ._teddy-button__loading_r0i1g_261 ._teddy-button__spinner_r0i1g_272 circle {
439
+ ._teddy-button__loading_aswkh_261 ._teddy-button__spinner_aswkh_272 circle {
566
440
  stroke: var(--teddy-color-transparent-black-700);
567
441
  }
568
- ._teddy-button--icon-only_r0i1g_56 ._teddy-button__loading_r0i1g_261 {
442
+ ._teddy-button--icon-only_aswkh_56 ._teddy-button__loading_aswkh_261 {
569
443
  background-color: var(--teddy-color-gray-100);
570
444
  }
445
+ }@layer heading {
446
+ ._teddy-heading_r8os0_2 {
447
+ color: var(--teddy-color-text-default);
448
+ display: block;
449
+ hyphens: none;
450
+ margin: 0;
451
+ max-width: 60ch;
452
+ }
453
+ ._teddy-heading--hyphens_r8os0_9 {
454
+ hyphens: auto;
455
+ }
456
+ ._teddy-heading--subsection-100_r8os0_12 {
457
+ font-family: var(--teddy-typography-family-default);
458
+ font-weight: var(--teddy-typography-weight-medium);
459
+ font-size: var(--teddy-typography-scale-100);
460
+ line-height: var(--teddy-typography-line-height-default);
461
+ }
462
+ ._teddy-heading--title-100_r8os0_18 {
463
+ font-family: var(--teddy-typography-family-default);
464
+ font-weight: var(--teddy-typography-weight-bold);
465
+ font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
466
+ line-height: var(--teddy-typography-line-height-default);
467
+ }
468
+ ._teddy-heading--title-200_r8os0_24 {
469
+ font-family: var(--teddy-typography-family-default);
470
+ font-weight: var(--teddy-typography-weight-bold);
471
+ font-size: clamp(var(--teddy-typography-scale-200), 3cqw, var(--teddy-typography-scale-400));
472
+ line-height: var(--teddy-typography-line-height-default);
473
+ }
474
+ ._teddy-heading--title-300_r8os0_30 {
475
+ font-family: var(--teddy-typography-family-default);
476
+ font-weight: var(--teddy-typography-weight-bold);
477
+ font-size: clamp(var(--teddy-typography-scale-400), 3cqw, var(--teddy-typography-scale-600));
478
+ line-height: var(--teddy-typography-line-height-default);
479
+ }
480
+ ._teddy-heading--title-400_r8os0_36 {
481
+ font-family: var(--teddy-typography-family-default);
482
+ font-weight: var(--teddy-typography-weight-bold);
483
+ font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-700));
484
+ line-height: var(--teddy-typography-line-height-default);
485
+ }
486
+ ._teddy-heading--title-500_r8os0_42 {
487
+ font-family: var(--teddy-typography-family-default);
488
+ font-weight: var(--teddy-typography-weight-bold);
489
+ font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-800));
490
+ line-height: var(--teddy-typography-line-height-tight);
491
+ }
492
+ ._teddy-heading--title-600_r8os0_48 {
493
+ font-family: var(--teddy-typography-family-default);
494
+ font-weight: var(--teddy-typography-weight-bold);
495
+ font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
496
+ line-height: var(--teddy-typography-line-height-tight);
497
+ }
498
+ ._teddy-heading--title-700_r8os0_54 {
499
+ font-family: var(--teddy-typography-family-default);
500
+ font-weight: var(--teddy-typography-weight-bold);
501
+ font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
502
+ line-height: var(--teddy-typography-line-height-tight);
503
+ }
504
+ ._teddy-heading--display-25_r8os0_60 {
505
+ font-family: var(--teddy-typography-family-display);
506
+ font-weight: var(--teddy-typography-weight-medium);
507
+ font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
508
+ line-height: var(--teddy-typography-line-height-tight);
509
+ }
510
+ ._teddy-heading--display-50_r8os0_66 {
511
+ font-family: var(--teddy-typography-family-display);
512
+ font-weight: var(--teddy-typography-weight-medium);
513
+ font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
514
+ line-height: var(--teddy-typography-line-height-tight);
515
+ }
516
+ ._teddy-heading--display-100_r8os0_72 {
517
+ font-family: var(--teddy-typography-family-display);
518
+ font-weight: var(--teddy-typography-weight-medium);
519
+ font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
520
+ line-height: var(--teddy-typography-line-height-tight);
521
+ }
522
+ ._teddy-heading--display-200_r8os0_78 {
523
+ font-family: var(--teddy-typography-family-display);
524
+ font-weight: var(--teddy-typography-weight-medium);
525
+ font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
526
+ line-height: var(--teddy-typography-line-height-tight);
527
+ }
528
+ }@layer icon {
529
+ ._teddy-icon_1ur3a_2 {
530
+ display: inline;
531
+ align-self: center;
532
+ fill: currentColor;
533
+ flex-shrink: 0;
534
+ }
535
+ ._teddy-icon--font_1ur3a_8 {
536
+ width: 1em;
537
+ height: 1em;
538
+ }
539
+ ._teddy-icon--xxs_1ur3a_12 {
540
+ width: var(--teddy-spacing-150);
541
+ height: var(--teddy-spacing-150);
542
+ }
543
+ ._teddy-icon--xs_1ur3a_16 {
544
+ width: var(--teddy-spacing-200);
545
+ height: var(--teddy-spacing-200);
546
+ }
547
+ ._teddy-icon--sm_1ur3a_20 {
548
+ width: var(--teddy-spacing-250);
549
+ height: var(--teddy-spacing-250);
550
+ }
551
+ ._teddy-icon--md_1ur3a_24 {
552
+ width: var(--teddy-spacing-300);
553
+ height: var(--teddy-spacing-300);
554
+ }
555
+ ._teddy-icon--lg_1ur3a_28 {
556
+ width: var(--teddy-spacing-400);
557
+ height: var(--teddy-spacing-400);
558
+ }
559
+ ._teddy-icon--xl_1ur3a_32 {
560
+ width: var(--teddy-spacing-600);
561
+ height: var(--teddy-spacing-600);
562
+ }
563
+ ._teddy-icon-with-children_1ur3a_36 {
564
+ display: inline-flex;
565
+ align-items: center;
566
+ font-family: var(--teddy-typography-family-default);
567
+ gap: var(--teddy-spacing-100);
568
+ }
569
+ }@layer Image {
570
+ ._teddy-image_jxcdf_2 {
571
+ width: 100%;
572
+ max-width: 100%;
573
+ height: 100%;
574
+ display: block;
575
+ font-style: italic;
576
+ background-repeat: no-repeat;
577
+ }
578
+ }._teddy-checkbox_1tihh_1 {
579
+ display: inline-flex;
580
+ align-items: center;
581
+ gap: var(--teddy-spacing-100);
582
+ border-radius: var(--teddy-border-radius-xs);
583
+ padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25)) 0;
571
584
  }
572
- ._teddy-toast_r0i1g_279 {
573
- background-color: var(--teddy-color-background-primary);
574
- color: var(--teddy-color-text-primary);
575
- border-color: var(--teddy-color-border-weak);
576
- box-shadow: var(--teddy-shadow-lg);
577
- display: grid;
578
- grid-template-columns: auto 1fr;
579
- grid-template-rows: auto auto;
580
- grid-template-areas: "icon title" "unused description" "unused action";
581
- gap: 0;
582
- padding: var(--teddy-spacing-200);
583
- }
584
- ._teddy-toast_r0i1g_279 ._teddy-toast__title_r0i1g_291 {
585
- font-size: var(--teddy-typography-scale-100);
586
- grid-area: title;
585
+ ._teddy-checkbox__label_1tihh_8 {
586
+ font-weight: var(--teddy-typography-weight-medium);
587
+ margin-bottom: var(--teddy-spacing-100);
587
588
  }
588
- ._teddy-toast_r0i1g_279 ._teddy-toast__description_r0i1g_295 {
589
- color: var(--teddy-color-text-default);
590
- font-size: var(--teddy-typography-scale-75);
591
- grid-area: description;
589
+ ._teddy-checkbox_1tihh_1:has(._teddy-checkbox__trigger_1tihh_12:focus-visible) {
590
+ outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-focus);
591
+ outline-offset: var(--teddy-spacing-50);
592
592
  }
593
- ._teddy-toast_r0i1g_279 ._teddy-toast__icon_r0i1g_300 {
594
- grid-area: icon;
595
- display: grid;
596
- place-items: center;
597
- min-width: var(--teddy-spacing-250);
598
- width: unset;
599
- height: unset;
600
- margin: 0 var(--teddy-spacing-100) 0 0;
593
+ ._teddy-checkbox_1tihh_1:has(._teddy-checkbox__trigger_1tihh_12:not(:focus-visible)) {
594
+ outline: none;
601
595
  }
602
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309 {
603
- align-items: center;
604
- border-radius: var(--teddy-border-radius-full);
605
- border-width: 0;
606
- cursor: pointer;
596
+ ._teddy-checkbox__trigger_1tihh_12 {
597
+ all: unset;
598
+ position: relative;
607
599
  display: inline-flex;
608
- font-size: var(--teddy-typography-scale-100);
609
- font-family: var(--teddy-typography-family-default);
610
- font-weight: var(--teddy-typography-weight-medium);
611
- gap: var(--teddy-spacing-100);
600
+ align-items: center;
612
601
  justify-content: center;
613
- line-height: var(--teddy-spacing-200);
614
- outline: 0;
615
- position: relative;
616
- text-decoration: none;
617
- transition-duration: var(--teddy-motion-duration-100);
618
- transition-timing-function: var(--teddy-motion-easing-ease-in-out);
619
- transition-property: background-color, color;
620
- width: auto;
621
- background-color: var(--teddy-color-background-interactive-transparent);
622
- color: var(--teddy-color-text-interactive-primary);
623
- inset: 0 0 auto auto;
624
- background-color: inherit;
625
- border: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
626
- position: absolute;
627
- height: var(--teddy-spacing-400);
628
- width: var(--teddy-spacing-400);
629
- display: grid;
630
- place-items: center;
631
- box-shadow: none;
632
- transform: translate(25%, -25%);
602
+ vertical-align: top;
603
+ flex-shrink: 0;
604
+ cursor: default;
605
+ border-radius: var(--teddy-border-radius-xs);
633
606
  }
634
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309:focus::before {
635
- border-radius: inherit;
636
- box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
607
+ ._teddy-checkbox__trigger_1tihh_12::before {
637
608
  content: "";
638
- opacity: 1;
639
609
  display: block;
640
- inset: calc(var(--teddy-spacing-25) * -1);
641
- position: absolute;
642
- }
643
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309:focus:not(:focus-visible)::before {
644
- opacity: 0;
645
- }
646
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309 svg {
647
- display: block;
648
- }
649
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--sm_r0i1g_356 {
650
- padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
651
- }
652
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--sm_r0i1g_356._teddy-toast_r0i1g_279 ._teddy-toast__close-button--icon-only_r0i1g_359 {
653
- padding: var(--teddy-spacing-150);
654
- }
655
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--md_r0i1g_362 {
656
- padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
657
- }
658
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--md_r0i1g_362._teddy-toast_r0i1g_279 ._teddy-toast__close-button--icon-only_r0i1g_359 {
659
- padding: var(--teddy-spacing-200);
660
- }
661
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--lg_r0i1g_368 {
662
- padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
663
- }
664
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--lg_r0i1g_368._teddy-toast_r0i1g_279 ._teddy-toast__close-button--icon-only_r0i1g_359 {
665
- padding: var(--teddy-spacing-250);
610
+ height: var(--teddy-spacing-300);
611
+ width: var(--teddy-spacing-300);
612
+ border-radius: var(--teddy-border-radius-xs);
613
+ transition: background-color var(--teddy-motion-duration-200) ease, box-shadow var(--teddy-motion-duration-200) ease;
666
614
  }
667
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--full-width_r0i1g_374 {
668
- width: 100%;
615
+ ._teddy-checkbox__trigger_1tihh_12:where([data-state=unchecked])::before {
616
+ background-color: var(--teddy-color-functional-transparent);
617
+ box-shadow: inset 0 0 0 1px var(--teddy-color-text-default);
669
618
  }
670
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary_r0i1g_377 {
619
+ ._teddy-checkbox__trigger_1tihh_12:where([data-state=checked])::before {
671
620
  background-color: var(--teddy-color-background-interactive-primary);
672
- color: var(--teddy-color-text-interactive-on-primary);
673
- }
674
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary_r0i1g_377:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
675
- background-color: var(--teddy-color-background-interactive-primary-hover);
676
- }
677
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary_r0i1g_377:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
678
- background-color: var(--teddy-color-background-interactive-primary-active);
679
- }
680
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary-negative_r0i1g_387 {
681
- background-color: var(--teddy-color-background-interactive-primary-negative);
682
- color: var(--teddy-color-text-interactive-on-primary-negative);
683
- }
684
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary-negative_r0i1g_387:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
685
- background-color: var(--teddy-color-background-interactive-primary-negative-hover);
686
- border-color: var(--teddy-color-background-interactive-primary-negative-hover);
687
- }
688
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary-negative_r0i1g_387:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
689
- background-color: var(--teddy-color-background-interactive-primary-negative-active);
690
- border-color: var(--teddy-color-background-interactive-primary-negative-active);
691
- }
692
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary_r0i1g_399 {
693
- background-color: var(--teddy-color-background-interactive-transparent);
694
- box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
695
- color: var(--teddy-color-text-interactive-primary);
696
- }
697
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary_r0i1g_399:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
698
- background-color: var(--teddy-color-background-interactive-transparent-hover);
699
- }
700
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary_r0i1g_399:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
701
- background-color: var(--teddy-color-background-interactive-transparent-active);
702
- }
703
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary-negative_r0i1g_410 {
704
- background-color: var(--teddy-color-background-interactive-transparent);
705
- box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
706
- color: var(--teddy-color-text-interactive-primary-negative);
707
- }
708
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary-negative_r0i1g_410:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
709
- background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
710
621
  }
711
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary-negative_r0i1g_410:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
712
- background-color: var(--teddy-color-background-interactive-transparent-negative-active);
622
+ ._teddy-checkbox__trigger_1tihh_12:where(:disabled)::before {
623
+ box-shadow: inset 0 0 0 1px var(--teddy-color-text-weak);
624
+ background-color: var(--teddy-color-background-interactive-disabled);
713
625
  }
714
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive_r0i1g_421 {
715
- background-color: var(--teddy-color-background-interactive-expressive);
716
- color: var(--teddy-color-text-interactive-on-expressive);
626
+ ._teddy-checkbox__trigger_1tihh_12:where(:disabled):where([data-state=checked]) ._teddy-checkbox__indicator_1tihh_49 {
627
+ color: var(--teddy-color-text-weak);
717
628
  }
718
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive_r0i1g_421:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
719
- background-color: var(--teddy-color-background-interactive-expressive-hover);
629
+ ._teddy-checkbox__trigger_1tihh_12:hover:not(:disabled)::before {
630
+ box-shadow: inset 0 0 0 2px var(--teddy-color-border-interactive-subtle-hover);
720
631
  }
721
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive_r0i1g_421:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
722
- background-color: var(--teddy-color-background-interactive-expressive-active);
632
+ ._teddy-checkbox__trigger_1tihh_12:hover:not(:disabled):where([data-state=checked])::before {
633
+ box-shadow: inset 0 0 0 1px var(--teddy-color-border-interactive-primary-hover);
634
+ background-color: var(--teddy-color-background-interactive-primary-hover);
723
635
  }
724
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive-negative_r0i1g_431 {
725
- background-color: var(--teddy-color-background-interactive-expressive-negative);
726
- color: var(--teddy-color-text-interactive-on-expressive-negative);
636
+ ._teddy-checkbox__trigger_1tihh_12:active:not(:disabled)::before {
637
+ box-shadow: inset 0 0 0 1px var(--teddy-color-border-interactive-subtle-hover);
727
638
  }
728
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive-negative_r0i1g_431:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
729
- background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
730
- color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
639
+ ._teddy-checkbox__trigger_1tihh_12:active:not(:disabled):where([data-state=checked])::before {
640
+ background-color: var(--teddy-color-background-interactive-primary-active);
731
641
  }
732
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive-negative_r0i1g_431:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
733
- background-color: var(--teddy-color-background-interactive-expressive-negative-active);
734
- color: var(--teddy-color-text-interactive-on-expressive-negative-active);
642
+ ._teddy-checkbox__trigger_1tihh_12:where([data-state=indeterminate])::before {
643
+ background-color: var(--teddy-color-background-interactive-primary);
735
644
  }
736
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309._teddy-toast--disabled_r0i1g_443 {
737
- background-color: var(--teddy-color-background-interactive-transparent);
645
+ ._teddy-checkbox__trigger_1tihh_12:where([data-state=indeterminate]) ._teddy-checkbox__indicator_1tihh_49 {
646
+ color: var(--teddy-color-text-interactive-on-primary);
738
647
  }
739
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309:hover:not(._teddy-toast--disabled_r0i1g_443) {
740
- background-color: var(--teddy-color-background-interactive-transparent-hover);
648
+ ._teddy-checkbox__trigger_1tihh_12:where([data-state=indeterminate]) ._teddy-checkbox__indicator-icon-checked_1tihh_71 {
649
+ display: none;
741
650
  }
742
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309:active:not(._teddy-toast--disabled_r0i1g_443) {
743
- background-color: var(--teddy-color-background-interactive-transparent-active);
651
+ ._teddy-checkbox__trigger_1tihh_12:where([data-state=indeterminate]) ._teddy-checkbox__indicator-icon-indeterminate_1tihh_74 {
652
+ display: block;
744
653
  }
745
- ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309 svg {
746
- height: var(--teddy-spacing-200);
654
+ ._teddy-checkbox__indicator_1tihh_49 {
655
+ position: absolute;
747
656
  width: var(--teddy-spacing-200);
657
+ height: var(--teddy-spacing-200);
658
+ transform: translate(-50%, -50%);
659
+ top: 50%;
660
+ left: 50%;
661
+ color: var(--teddy-color-text-interactive-on-primary);
748
662
  }
749
- ._teddy-toast_r0i1g_279 ._teddy-toast__content_r0i1g_456 {
750
- display: contents;
751
- }
752
- ._teddy-toast_r0i1g_279 ._teddy-toast__loading_r0i1g_459 {
753
- grid-area: icon;
754
- position: relative;
755
- }
756
- ._teddy-toast--success_r0i1g_463 {
757
- background-color: var(--teddy-color-background-status-success);
758
- color: var(--teddy-color-text-status-success-strong);
759
- border-color: var(--teddy-color-border-status-success);
760
- }
761
- ._teddy-toast--success_r0i1g_463 ._teddy-toast__icon_r0i1g_300 {
762
- color: var(--teddy-color-text-status-success-medium);
763
- }
764
- ._teddy-toast--success_r0i1g_463 ._teddy-toast__close-button_r0i1g_309 {
765
- border-color: var(--teddy-color-border-status-success);
766
- color: var(--teddy-color-text-status-success-strong);
767
- }
768
- ._teddy-toast--info_r0i1g_475 {
769
- background-color: var(--teddy-color-background-status-info);
770
- color: var(--teddy-color-text-status-info-strong);
771
- border-color: var(--teddy-color-border-status-info);
772
- }
773
- ._teddy-toast--info_r0i1g_475 ._teddy-toast__icon_r0i1g_300 {
774
- color: var(--teddy-color-text-status-info-medium);
775
- }
776
- ._teddy-toast--info_r0i1g_475 ._teddy-toast__close-button_r0i1g_309 {
777
- border-color: var(--teddy-color-border-status-info);
778
- color: var(--teddy-color-text-status-info-strong);
779
- }
780
- ._teddy-toast--warning_r0i1g_487 {
781
- background-color: var(--teddy-color-background-status-warning);
782
- color: var(--teddy-color-text-status-warning-strong);
783
- border-color: var(--teddy-color-border-status-warning);
784
- }
785
- ._teddy-toast--warning_r0i1g_487 ._teddy-toast__icon_r0i1g_300 {
786
- color: var(--teddy-color-text-status-warning-medium);
787
- }
788
- ._teddy-toast--warning_r0i1g_487 ._teddy-toast__close-button_r0i1g_309 {
789
- border-color: var(--teddy-color-border-status-warning);
790
- color: var(--teddy-color-text-status-warning-strong);
663
+ ._teddy-checkbox__indicator-icon-indeterminate_1tihh_74 {
664
+ display: none;
791
665
  }
792
- ._teddy-toast--error_r0i1g_499 {
793
- background-color: var(--teddy-color-background-status-error);
666
+ ._teddy-checkbox--error_1tihh_89 {
794
667
  color: var(--teddy-color-text-status-error-strong);
795
- border-color: var(--teddy-color-border-status-error);
796
- }
797
- ._teddy-toast--error_r0i1g_499 ._teddy-toast__icon_r0i1g_300 {
798
- color: var(--teddy-color-text-status-error-medium);
799
668
  }
800
- ._teddy-toast--error_r0i1g_499 ._teddy-toast__close-button_r0i1g_309 {
801
- border-color: var(--teddy-color-border-status-error);
802
- color: var(--teddy-color-text-status-error-strong);
669
+ ._teddy-checkbox--error_1tihh_89 ._teddy-checkbox__trigger_1tihh_12::before {
670
+ box-shadow: inset 0 0 0 1px var(--teddy-color-border-status-error);
671
+ }._teddy-flex_1ncy4_1 {
672
+ box-sizing: border-box;
803
673
  }
804
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511,
805
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512 {
806
- align-items: center;
807
- border-radius: var(--teddy-border-radius-full);
808
- border-width: 0;
809
- cursor: pointer;
810
- display: inline-flex;
811
- font-size: var(--teddy-typography-scale-100);
812
- font-family: var(--teddy-typography-family-default);
813
- font-weight: var(--teddy-typography-weight-medium);
814
- gap: var(--teddy-spacing-100);
815
- justify-content: center;
816
- line-height: var(--teddy-spacing-200);
817
- outline: 0;
818
- position: relative;
819
- text-decoration: none;
820
- transition-duration: var(--teddy-motion-duration-100);
821
- transition-timing-function: var(--teddy-motion-easing-ease-in-out);
822
- transition-property: background-color, color;
823
- width: auto;
824
- grid-area: action;
825
- border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
826
- background-color: var(--teddy-color-background-interactive-secondary);
827
- color: var(--teddy-color-text-interactive-primary);
674
+
675
+ @layer flex {
676
+ ._teddy-flex_1ncy4_1 {
677
+ display: flex;
678
+ }
679
+ }._teddy-label_1hc8e_1 {
680
+ color: var(--teddy-color-text-default);
828
681
  font-family: var(--teddy-typography-family-default);
829
682
  font-weight: var(--teddy-typography-weight-medium);
830
- font-size: var(--teddy-typography-scale-75);
831
- margin-top: auto;
832
- box-shadow: none;
833
- }
834
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511:focus::before,
835
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512:focus::before {
836
- border-radius: inherit;
837
- box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
838
- content: "";
839
- opacity: 1;
840
- display: block;
841
- inset: calc(var(--teddy-spacing-25) * -1);
842
- position: absolute;
843
- }
844
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511:focus:not(:focus-visible)::before,
845
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512:focus:not(:focus-visible)::before {
846
- opacity: 0;
847
- }
848
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511 svg,
849
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512 svg {
850
- display: block;
851
- }
852
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--sm_r0i1g_559,
853
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--sm_r0i1g_560 {
854
- padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
855
- }
856
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--sm_r0i1g_559._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--sm_r0i1g_559 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563,
857
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--sm_r0i1g_560._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511,
858
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--sm_r0i1g_560 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563 {
859
- padding: var(--teddy-spacing-150);
683
+ font-size: var(--teddy-typography-scale-100);
684
+ line-height: var(--teddy-typography-line-height-default);
860
685
  }
861
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--md_r0i1g_568,
862
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--md_r0i1g_569 {
863
- padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
686
+ ._teddy-label--disabled_1hc8e_8 {
687
+ color: var(--teddy-color-text-weak);
688
+ cursor: default;
864
689
  }
865
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--md_r0i1g_568._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--md_r0i1g_568 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563,
866
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--md_r0i1g_569._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511,
867
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--md_r0i1g_569 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563 {
868
- padding: var(--teddy-spacing-200);
869
- }
870
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--lg_r0i1g_577,
871
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--lg_r0i1g_578 {
872
- padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
873
- }
874
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--lg_r0i1g_577._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--lg_r0i1g_577 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563,
875
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--lg_r0i1g_578._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511,
876
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--lg_r0i1g_578 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563 {
877
- padding: var(--teddy-spacing-250);
878
- }
879
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--full-width_r0i1g_586,
880
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--full-width_r0i1g_587 {
881
- width: 100%;
882
- }
883
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary_r0i1g_590,
884
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary_r0i1g_591 {
885
- background-color: var(--teddy-color-background-interactive-primary);
886
- color: var(--teddy-color-text-interactive-on-primary);
887
- }
888
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary_r0i1g_590:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
889
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary_r0i1g_591:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
890
- background-color: var(--teddy-color-background-interactive-primary-hover);
891
- }
892
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary_r0i1g_590:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
893
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary_r0i1g_591:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
894
- background-color: var(--teddy-color-background-interactive-primary-active);
895
- }
896
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary-negative_r0i1g_603,
897
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary-negative_r0i1g_604 {
898
- background-color: var(--teddy-color-background-interactive-primary-negative);
899
- color: var(--teddy-color-text-interactive-on-primary-negative);
900
- }
901
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary-negative_r0i1g_603:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
902
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary-negative_r0i1g_604:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
903
- background-color: var(--teddy-color-background-interactive-primary-negative-hover);
904
- border-color: var(--teddy-color-background-interactive-primary-negative-hover);
905
- }
906
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary-negative_r0i1g_603:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
907
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary-negative_r0i1g_604:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
908
- background-color: var(--teddy-color-background-interactive-primary-negative-active);
909
- border-color: var(--teddy-color-background-interactive-primary-negative-active);
910
- }
911
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary_r0i1g_618,
912
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary_r0i1g_619 {
913
- background-color: var(--teddy-color-background-interactive-transparent);
914
- box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
915
- color: var(--teddy-color-text-interactive-primary);
916
- }
917
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary_r0i1g_618:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
918
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary_r0i1g_619:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
919
- background-color: var(--teddy-color-background-interactive-transparent-hover);
920
- }
921
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary_r0i1g_618:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
922
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary_r0i1g_619:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
923
- background-color: var(--teddy-color-background-interactive-transparent-active);
924
- }
925
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary-negative_r0i1g_632,
926
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary-negative_r0i1g_633 {
927
- background-color: var(--teddy-color-background-interactive-transparent);
928
- box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
929
- color: var(--teddy-color-text-interactive-primary-negative);
930
- }
931
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary-negative_r0i1g_632:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
932
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary-negative_r0i1g_633:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
933
- background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
934
- }
935
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary-negative_r0i1g_632:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
936
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary-negative_r0i1g_633:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
937
- background-color: var(--teddy-color-background-interactive-transparent-negative-active);
938
- }
939
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive_r0i1g_646,
940
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive_r0i1g_647 {
941
- background-color: var(--teddy-color-background-interactive-expressive);
942
- color: var(--teddy-color-text-interactive-on-expressive);
943
- }
944
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive_r0i1g_646:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
945
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive_r0i1g_647:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
946
- background-color: var(--teddy-color-background-interactive-expressive-hover);
947
- }
948
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive_r0i1g_646:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
949
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive_r0i1g_647:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
950
- background-color: var(--teddy-color-background-interactive-expressive-active);
951
- }
952
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive-negative_r0i1g_659,
953
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive-negative_r0i1g_660 {
954
- background-color: var(--teddy-color-background-interactive-expressive-negative);
955
- color: var(--teddy-color-text-interactive-on-expressive-negative);
956
- }
957
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive-negative_r0i1g_659:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
958
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive-negative_r0i1g_660:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
959
- background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
960
- color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
961
- }
962
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive-negative_r0i1g_659:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
963
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive-negative_r0i1g_660:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
964
- background-color: var(--teddy-color-background-interactive-expressive-negative-active);
965
- color: var(--teddy-color-text-interactive-on-expressive-negative-active);
966
- }
967
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511:hover,
968
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512:hover {
969
- background-color: var(--teddy-color-background-interactive-transparent-hover);
970
- }
971
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511:active,
972
- ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512:active {
973
- background-color: var(--teddy-color-background-interactive-transparent-active);
974
- }._teddy-toggletip__content_1ob5f_1 {
975
- border-radius: var(--teddy-border-radius-md);
976
- padding: var(--teddy-spacing-200);
977
- width: 25rem;
978
- background-color: white;
979
- box-shadow: var(--teddy-shadow-lg);
980
- animation-duration: 400ms;
981
- animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
982
- will-change: transform, opacity;
983
- background-color: var(--teddy-color-background-tone-on-tone-primary);
984
- display: flex;
985
- flex-direction: column;
986
- gap: var(--teddy-spacing-150);
987
- color: var(--teddy-color-text-tone-on-tone-primary);
988
- position: relative;
989
- }
990
- ._teddy-toggletip__content--negative_1ob5f_17 {
991
- background-color: var(--teddy-color-background-tone-on-tone-secondary);
992
- color: var(--teddy-color-text-tone-on-tone-secondary);
993
- }
994
- ._teddy-toggletip__arrow_1ob5f_21 {
995
- fill: var(--teddy-color-background-tone-on-tone-primary);
996
- }
997
- ._teddy-toggletip__arrow--negative_1ob5f_24 {
998
- fill: var(--teddy-color-background-tone-on-tone-secondary);
999
- }
1000
- ._teddy-toggletip__close--floating_1ob5f_27 {
1001
- position: absolute;
1002
- top: var(--teddy-spacing-50);
1003
- right: var(--teddy-spacing-50);
1004
- }
1005
- ._teddy-toggletip__heading_1ob5f_32 {
1006
- grid-area: heading;
1007
- color: inherit;
1008
- }@keyframes _fadeInAnimation_aswkh_1 {
690
+ ._teddy-label--required_1hc8e_12::before {
691
+ content: "* ";
692
+ }@layer text {
693
+ ._teddy-text_15w9u_2 {
694
+ color: inherit;
695
+ display: block;
696
+ margin: 0;
697
+ hyphens: none;
698
+ }
699
+ ._teddy-text--disabled_15w9u_8 {
700
+ color: var(--teddy-color-text-weak);
701
+ }
702
+ ._teddy-text--hyphens_15w9u_11 {
703
+ hyphens: auto;
704
+ }
705
+ ._teddy-text--paragraph-100_15w9u_14 {
706
+ font-family: var(--teddy-typography-family-default);
707
+ font-weight: var(--teddy-typography-weight-normal);
708
+ font-size: var(--teddy-typography-scale-100);
709
+ line-height: var(--teddy-typography-line-height-loose);
710
+ }
711
+ ._teddy-text--paragraph-100-medium_15w9u_20 {
712
+ font-family: var(--teddy-typography-family-default);
713
+ font-weight: var(--teddy-typography-weight-normal);
714
+ font-size: var(--teddy-typography-scale-100);
715
+ line-height: var(--teddy-typography-line-height-loose);
716
+ font-weight: var(--teddy-typography-weight-medium);
717
+ }
718
+ ._teddy-text--paragraph-100-bold_15w9u_27 {
719
+ font-family: var(--teddy-typography-family-default);
720
+ font-weight: var(--teddy-typography-weight-normal);
721
+ font-size: var(--teddy-typography-scale-100);
722
+ line-height: var(--teddy-typography-line-height-loose);
723
+ font-weight: var(--teddy-typography-weight-bold);
724
+ }
725
+ ._teddy-text--paragraph-200_15w9u_34 {
726
+ font-family: var(--teddy-typography-family-default);
727
+ font-weight: var(--teddy-typography-weight-normal);
728
+ font-size: var(--teddy-typography-scale-100);
729
+ line-height: var(--teddy-typography-line-height-looser);
730
+ }
731
+ ._teddy-text--preamble-100_15w9u_40 {
732
+ font-family: var(--teddy-typography-family-default);
733
+ font-weight: var(--teddy-typography-weight-normal);
734
+ font-size: var(--teddy-typography-scale-200);
735
+ line-height: var(--teddy-typography-line-height-loose);
736
+ }
737
+ ._teddy-text--preamble-200_15w9u_46 {
738
+ font-family: var(--teddy-typography-family-default);
739
+ font-weight: var(--teddy-typography-weight-normal);
740
+ font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
741
+ line-height: var(--teddy-typography-line-height-loose);
742
+ }
743
+ ._teddy-text--additional-100_15w9u_52 {
744
+ font-family: var(--teddy-typography-family-default);
745
+ font-weight: var(--teddy-typography-weight-normal);
746
+ font-size: var(--teddy-typography-scale-75);
747
+ line-height: var(--teddy-typography-line-height-loose);
748
+ }
749
+ ._teddy-text--additional-100-medium_15w9u_58 {
750
+ font-family: var(--teddy-typography-family-default);
751
+ font-weight: var(--teddy-typography-weight-normal);
752
+ font-size: var(--teddy-typography-scale-75);
753
+ line-height: var(--teddy-typography-line-height-loose);
754
+ font-weight: var(--teddy-typography-weight-medium);
755
+ }
756
+ ._teddy-text--overline-100_15w9u_65 {
757
+ font-family: var(--teddy-typography-family-default);
758
+ font-size: var(--teddy-typography-scale-75);
759
+ letter-spacing: var(--teddy-spacing-10);
760
+ line-height: var(--teddy-typography-line-height-tight);
761
+ text-transform: uppercase;
762
+ }
763
+ ._teddy-text--overline-200_15w9u_72 {
764
+ font-family: var(--teddy-typography-family-default);
765
+ font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
766
+ letter-spacing: var(--teddy-spacing-10);
767
+ line-height: var(--teddy-typography-line-height-tight);
768
+ text-transform: uppercase;
769
+ }
770
+ }@keyframes _fadeInAnimation_r0i1g_1 {
1009
771
  0% {
1010
772
  opacity: 0;
1011
773
  }
@@ -1013,7 +775,7 @@
1013
775
  opacity: 1;
1014
776
  }
1015
777
  }
1016
- @keyframes _scaleInAnimation_aswkh_1 {
778
+ @keyframes _scaleInAnimation_r0i1g_1 {
1017
779
  0% {
1018
780
  scale: 0;
1019
781
  }
@@ -1022,7 +784,7 @@
1022
784
  }
1023
785
  }
1024
786
  @layer button {
1025
- ._teddy-button_aswkh_18 {
787
+ ._teddy-button_r0i1g_18 {
1026
788
  align-items: center;
1027
789
  border-radius: var(--teddy-border-radius-full);
1028
790
  border-width: 0;
@@ -1042,7 +804,7 @@
1042
804
  transition-property: background-color, color;
1043
805
  width: auto;
1044
806
  }
1045
- ._teddy-button_aswkh_18:focus::before {
807
+ ._teddy-button_r0i1g_18:focus::before {
1046
808
  border-radius: inherit;
1047
809
  box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
1048
810
  content: "";
@@ -1051,155 +813,155 @@
1051
813
  inset: calc(var(--teddy-spacing-25) * -1);
1052
814
  position: absolute;
1053
815
  }
1054
- ._teddy-button_aswkh_18:focus:not(:focus-visible)::before {
816
+ ._teddy-button_r0i1g_18:focus:not(:focus-visible)::before {
1055
817
  opacity: 0;
1056
818
  }
1057
- ._teddy-button_aswkh_18 svg {
819
+ ._teddy-button_r0i1g_18 svg {
1058
820
  display: block;
1059
821
  }
1060
- ._teddy-button--sm_aswkh_53 {
822
+ ._teddy-button--sm_r0i1g_53 {
1061
823
  padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
1062
824
  }
1063
- ._teddy-button--sm_aswkh_53._teddy-button--icon-only_aswkh_56 {
825
+ ._teddy-button--sm_r0i1g_53._teddy-button--icon-only_r0i1g_56 {
1064
826
  padding: var(--teddy-spacing-150);
1065
827
  }
1066
- ._teddy-button--md_aswkh_59 {
828
+ ._teddy-button--md_r0i1g_59 {
1067
829
  padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
1068
830
  }
1069
- ._teddy-button--md_aswkh_59._teddy-button--icon-only_aswkh_56 {
831
+ ._teddy-button--md_r0i1g_59._teddy-button--icon-only_r0i1g_56 {
1070
832
  padding: var(--teddy-spacing-200);
1071
833
  }
1072
- ._teddy-button--lg_aswkh_65 {
834
+ ._teddy-button--lg_r0i1g_65 {
1073
835
  padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
1074
836
  }
1075
- ._teddy-button--lg_aswkh_65._teddy-button--icon-only_aswkh_56 {
837
+ ._teddy-button--lg_r0i1g_65._teddy-button--icon-only_r0i1g_56 {
1076
838
  padding: var(--teddy-spacing-250);
1077
839
  }
1078
- ._teddy-button--full-width_aswkh_71 {
840
+ ._teddy-button--full-width_r0i1g_71 {
1079
841
  width: 100%;
1080
842
  }
1081
- ._teddy-button--primary_aswkh_74 {
843
+ ._teddy-button--primary_r0i1g_74 {
1082
844
  background-color: var(--teddy-color-background-interactive-primary);
1083
845
  color: var(--teddy-color-text-interactive-on-primary);
1084
846
  }
1085
- ._teddy-button--primary_aswkh_74:hover:not(._teddy-button--disabled_aswkh_78) {
847
+ ._teddy-button--primary_r0i1g_74:hover:not(._teddy-button--disabled_r0i1g_78) {
1086
848
  background-color: var(--teddy-color-background-interactive-primary-hover);
1087
849
  }
1088
- ._teddy-button--primary_aswkh_74:active:not(._teddy-button--disabled_aswkh_78) {
850
+ ._teddy-button--primary_r0i1g_74:active:not(._teddy-button--disabled_r0i1g_78) {
1089
851
  background-color: var(--teddy-color-background-interactive-primary-active);
1090
852
  }
1091
- ._teddy-button--primary-negative_aswkh_84 {
853
+ ._teddy-button--primary-negative_r0i1g_84 {
1092
854
  background-color: var(--teddy-color-background-interactive-primary-negative);
1093
855
  color: var(--teddy-color-text-interactive-on-primary-negative);
1094
856
  }
1095
- ._teddy-button--primary-negative_aswkh_84:hover:not(._teddy-button--disabled_aswkh_78) {
857
+ ._teddy-button--primary-negative_r0i1g_84:hover:not(._teddy-button--disabled_r0i1g_78) {
1096
858
  background-color: var(--teddy-color-background-interactive-primary-negative-hover);
1097
859
  border-color: var(--teddy-color-background-interactive-primary-negative-hover);
1098
860
  }
1099
- ._teddy-button--primary-negative_aswkh_84:active:not(._teddy-button--disabled_aswkh_78) {
861
+ ._teddy-button--primary-negative_r0i1g_84:active:not(._teddy-button--disabled_r0i1g_78) {
1100
862
  background-color: var(--teddy-color-background-interactive-primary-negative-active);
1101
863
  border-color: var(--teddy-color-background-interactive-primary-negative-active);
1102
864
  }
1103
- ._teddy-button--secondary_aswkh_96 {
865
+ ._teddy-button--secondary_r0i1g_96 {
1104
866
  background-color: var(--teddy-color-background-interactive-transparent);
1105
867
  box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
1106
868
  color: var(--teddy-color-text-interactive-primary);
1107
869
  }
1108
- ._teddy-button--secondary_aswkh_96:hover:not(._teddy-button--disabled_aswkh_78) {
870
+ ._teddy-button--secondary_r0i1g_96:hover:not(._teddy-button--disabled_r0i1g_78) {
1109
871
  background-color: var(--teddy-color-background-interactive-transparent-hover);
1110
872
  }
1111
- ._teddy-button--secondary_aswkh_96:active:not(._teddy-button--disabled_aswkh_78) {
873
+ ._teddy-button--secondary_r0i1g_96:active:not(._teddy-button--disabled_r0i1g_78) {
1112
874
  background-color: var(--teddy-color-background-interactive-transparent-active);
1113
875
  }
1114
- ._teddy-button--secondary-negative_aswkh_107 {
876
+ ._teddy-button--secondary-negative_r0i1g_107 {
1115
877
  background-color: var(--teddy-color-background-interactive-transparent);
1116
878
  box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
1117
879
  color: var(--teddy-color-text-interactive-primary-negative);
1118
880
  }
1119
- ._teddy-button--secondary-negative_aswkh_107:hover:not(._teddy-button--disabled_aswkh_78) {
881
+ ._teddy-button--secondary-negative_r0i1g_107:hover:not(._teddy-button--disabled_r0i1g_78) {
1120
882
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
1121
883
  }
1122
- ._teddy-button--secondary-negative_aswkh_107:active:not(._teddy-button--disabled_aswkh_78) {
884
+ ._teddy-button--secondary-negative_r0i1g_107:active:not(._teddy-button--disabled_r0i1g_78) {
1123
885
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
1124
886
  }
1125
- ._teddy-button--expressive_aswkh_118 {
887
+ ._teddy-button--expressive_r0i1g_118 {
1126
888
  background-color: var(--teddy-color-background-interactive-expressive);
1127
889
  color: var(--teddy-color-text-interactive-on-expressive);
1128
890
  }
1129
- ._teddy-button--expressive_aswkh_118:hover:not(._teddy-button--disabled_aswkh_78) {
891
+ ._teddy-button--expressive_r0i1g_118:hover:not(._teddy-button--disabled_r0i1g_78) {
1130
892
  background-color: var(--teddy-color-background-interactive-expressive-hover);
1131
893
  }
1132
- ._teddy-button--expressive_aswkh_118:active:not(._teddy-button--disabled_aswkh_78) {
894
+ ._teddy-button--expressive_r0i1g_118:active:not(._teddy-button--disabled_r0i1g_78) {
1133
895
  background-color: var(--teddy-color-background-interactive-expressive-active);
1134
896
  }
1135
- ._teddy-button--expressive-negative_aswkh_128 {
897
+ ._teddy-button--expressive-negative_r0i1g_128 {
1136
898
  background-color: var(--teddy-color-background-interactive-expressive-negative);
1137
899
  color: var(--teddy-color-text-interactive-on-expressive-negative);
1138
900
  }
1139
- ._teddy-button--expressive-negative_aswkh_128:hover:not(._teddy-button--disabled_aswkh_78) {
901
+ ._teddy-button--expressive-negative_r0i1g_128:hover:not(._teddy-button--disabled_r0i1g_78) {
1140
902
  background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
1141
903
  color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
1142
904
  }
1143
- ._teddy-button--expressive-negative_aswkh_128:active:not(._teddy-button--disabled_aswkh_78) {
905
+ ._teddy-button--expressive-negative_r0i1g_128:active:not(._teddy-button--disabled_r0i1g_78) {
1144
906
  background-color: var(--teddy-color-background-interactive-expressive-negative-active);
1145
907
  color: var(--teddy-color-text-interactive-on-expressive-negative-active);
1146
908
  }
1147
- ._teddy-button--negative_aswkh_140._teddy-button--disabled_aswkh_78 {
909
+ ._teddy-button--negative_r0i1g_140._teddy-button--disabled_r0i1g_78 {
1148
910
  background-color: var(--teddy-color-background-interactive-disabled-negative);
1149
911
  color: var(--teddy-color-text-weak-negative);
1150
912
  }
1151
- ._teddy-button--secondary_aswkh_96._teddy-button--disabled_aswkh_78, ._teddy-button--secondary-negative_aswkh_107._teddy-button--disabled_aswkh_78 {
913
+ ._teddy-button--secondary_r0i1g_96._teddy-button--disabled_r0i1g_78, ._teddy-button--secondary-negative_r0i1g_107._teddy-button--disabled_r0i1g_78 {
1152
914
  box-shadow: none;
1153
915
  }
1154
- ._teddy-button--destructive_aswkh_147 {
916
+ ._teddy-button--destructive_r0i1g_147 {
1155
917
  background-color: var(--teddy-color-background-interactive-destructive);
1156
918
  color: var(--teddy-color-text-interactive-on-destructive);
1157
919
  }
1158
- ._teddy-button--destructive_aswkh_147:hover:not(._teddy-button--disabled_aswkh_78) {
920
+ ._teddy-button--destructive_r0i1g_147:hover:not(._teddy-button--disabled_r0i1g_78) {
1159
921
  background-color: var(--teddy-color-background-interactive-destructive-hover);
1160
922
  }
1161
- ._teddy-button--destructive_aswkh_147:active:not(._teddy-button--disabled_aswkh_78) {
923
+ ._teddy-button--destructive_r0i1g_147:active:not(._teddy-button--disabled_r0i1g_78) {
1162
924
  background-color: var(--teddy-color-background-interactive-destructive-active);
1163
925
  }
1164
- ._teddy-button--destructive-negative_aswkh_157 {
926
+ ._teddy-button--destructive-negative_r0i1g_157 {
1165
927
  background-color: var(--teddy-color-background-interactive-destructive);
1166
928
  color: var(--teddy-color-text-interactive-on-destructive);
1167
929
  }
1168
- ._teddy-button--destructive-negative_aswkh_157:hover:not(._teddy-button--disabled_aswkh_78) {
930
+ ._teddy-button--destructive-negative_r0i1g_157:hover:not(._teddy-button--disabled_r0i1g_78) {
1169
931
  background-color: var(--teddy-color-background-interactive-destructive-hover);
1170
932
  }
1171
- ._teddy-button--destructive-negative_aswkh_157:active:not(._teddy-button--disabled_aswkh_78) {
933
+ ._teddy-button--destructive-negative_r0i1g_157:active:not(._teddy-button--disabled_r0i1g_78) {
1172
934
  background-color: var(--teddy-color-background-interactive-destructive-active);
1173
935
  }
1174
- ._teddy-button--tertiary-purple_aswkh_167 {
936
+ ._teddy-button--tertiary-purple_r0i1g_167 {
1175
937
  background-color: var(--teddy-color-background-interactive-transparent);
1176
938
  color: var(--teddy-color-text-interactive-primary);
1177
939
  }
1178
- ._teddy-button--tertiary-purple_aswkh_167._teddy-button--disabled_aswkh_78 {
940
+ ._teddy-button--tertiary-purple_r0i1g_167._teddy-button--disabled_r0i1g_78 {
1179
941
  background-color: var(--teddy-color-background-interactive-transparent);
1180
942
  }
1181
- ._teddy-button--tertiary-purple_aswkh_167:hover:not(._teddy-button--disabled_aswkh_78) {
943
+ ._teddy-button--tertiary-purple_r0i1g_167:hover:not(._teddy-button--disabled_r0i1g_78) {
1182
944
  background-color: var(--teddy-color-background-interactive-transparent-hover);
1183
945
  }
1184
- ._teddy-button--tertiary-purple_aswkh_167:active:not(._teddy-button--disabled_aswkh_78) {
946
+ ._teddy-button--tertiary-purple_r0i1g_167:active:not(._teddy-button--disabled_r0i1g_78) {
1185
947
  background-color: var(--teddy-color-background-interactive-transparent-active);
1186
948
  }
1187
- ._teddy-button--tertiary-purple-negative_aswkh_180 {
949
+ ._teddy-button--tertiary-purple-negative_r0i1g_180 {
1188
950
  background-color: var(--teddy-color-background-interactive-transparent);
1189
951
  color: var(--teddy-color-text-interactive-primary-negative);
1190
952
  }
1191
- ._teddy-button--tertiary-purple-negative_aswkh_180._teddy-button--disabled_aswkh_78 {
953
+ ._teddy-button--tertiary-purple-negative_r0i1g_180._teddy-button--disabled_r0i1g_78 {
1192
954
  background-color: var(--teddy-color-background-interactive-transparent);
1193
955
  }
1194
- ._teddy-button--tertiary-purple-negative_aswkh_180:hover:not(._teddy-button--disabled_aswkh_78) {
956
+ ._teddy-button--tertiary-purple-negative_r0i1g_180:hover:not(._teddy-button--disabled_r0i1g_78) {
1195
957
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
1196
958
  color: var(--teddy-color-text-interactive-primary-negative-hover);
1197
959
  }
1198
- ._teddy-button--tertiary-purple-negative_aswkh_180:active:not(._teddy-button--disabled_aswkh_78) {
960
+ ._teddy-button--tertiary-purple-negative_r0i1g_180:active:not(._teddy-button--disabled_r0i1g_78) {
1199
961
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
1200
962
  color: var(--teddy-color-text-interactive-primary-negative-active);
1201
963
  }
1202
- ._teddy-button--list-item_aswkh_195 {
964
+ ._teddy-button--list-item_r0i1g_195 {
1203
965
  border-radius: var(--teddy-border-radius-md);
1204
966
  padding: var(--teddy-spacing-250) var(--teddy-spacing-150);
1205
967
  background-color: var(--teddy-color-background-interactive-transparent);
@@ -1208,163 +970,517 @@
1208
970
  line-height: var(--teddy-typography-line-height-tight);
1209
971
  justify-content: flex-start;
1210
972
  }
1211
- ._teddy-button--list-item_aswkh_195._teddy-button--disabled_aswkh_78 {
973
+ ._teddy-button--list-item_r0i1g_195._teddy-button--disabled_r0i1g_78 {
1212
974
  background-color: var(--teddy-color-background-interactive-transparent);
1213
975
  color: var(--teddy-color-text-weak);
1214
976
  }
1215
- ._teddy-button--list-item_aswkh_195:hover:not(._teddy-button--disabled_aswkh_78) {
977
+ ._teddy-button--list-item_r0i1g_195:hover:not(._teddy-button--disabled_r0i1g_78) {
1216
978
  background-color: var(--teddy-color-background-secondary);
1217
979
  }
1218
- ._teddy-button--list-item_aswkh_195:active:not(._teddy-button--disabled_aswkh_78) {
980
+ ._teddy-button--list-item_r0i1g_195:active:not(._teddy-button--disabled_r0i1g_78) {
1219
981
  background-color: var(--teddy-color-background-interactive-transparent-active);
1220
982
  }
1221
- ._teddy-button--text-negative_aswkh_214 {
983
+ ._teddy-button--text-negative_r0i1g_214 {
1222
984
  border-radius: 0;
1223
985
  padding-left: 0;
1224
986
  padding-right: 0;
1225
987
  background-color: var(--teddy-color-background-interactive-transparent);
1226
988
  color: var(--teddy-color-text-interactive-primary-negative);
1227
989
  }
1228
- ._teddy-button--text-negative_aswkh_214:focus-visible::before {
990
+ ._teddy-button--text-negative_r0i1g_214:focus-visible::before {
1229
991
  border-radius: 0;
1230
992
  }
1231
- ._teddy-button--text-negative_aswkh_214._teddy-button--disabled_aswkh_78 {
993
+ ._teddy-button--text-negative_r0i1g_214._teddy-button--disabled_r0i1g_78 {
1232
994
  background-color: var(--teddy-color-background-interactive-transparent);
1233
995
  }
1234
- ._teddy-button--text-negative_aswkh_214:hover:not(._teddy-button--disabled_aswkh_78) {
996
+ ._teddy-button--text-negative_r0i1g_214:hover:not(._teddy-button--disabled_r0i1g_78) {
1235
997
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
1236
998
  color: var(--teddy-color-text-interactive-primary-negative-hover);
1237
999
  }
1238
- ._teddy-button--text-negative_aswkh_214:active:not(._teddy-button--disabled_aswkh_78) {
1000
+ ._teddy-button--text-negative_r0i1g_214:active:not(._teddy-button--disabled_r0i1g_78) {
1239
1001
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
1240
1002
  color: var(--teddy-color-text-interactive-primary-negative-active);
1241
1003
  }
1242
- ._teddy-button--text_aswkh_214 {
1004
+ ._teddy-button--text_r0i1g_214 {
1243
1005
  border-radius: 0;
1244
1006
  padding-left: 0;
1245
1007
  padding-right: 0;
1246
1008
  background-color: var(--teddy-color-background-interactive-transparent);
1247
1009
  color: var(--teddy-color-text-interactive-primary);
1248
1010
  }
1249
- ._teddy-button--text_aswkh_214:focus-visible::before {
1011
+ ._teddy-button--text_r0i1g_214:focus-visible::before {
1250
1012
  border-radius: 0;
1251
1013
  }
1252
- ._teddy-button--text_aswkh_214._teddy-button--disabled_aswkh_78 {
1014
+ ._teddy-button--text_r0i1g_214._teddy-button--disabled_r0i1g_78 {
1253
1015
  background-color: var(--teddy-color-background-interactive-transparent);
1254
1016
  color: var(--teddy-color-text-weak);
1255
1017
  }
1256
- ._teddy-button--text_aswkh_214:hover:not(._teddy-button--disabled_aswkh_78) {
1018
+ ._teddy-button--text_r0i1g_214:hover:not(._teddy-button--disabled_r0i1g_78) {
1257
1019
  background-color: var(--teddy-color-background-interactive-transparent-hover);
1258
1020
  }
1259
- ._teddy-button--text_aswkh_214:active:not(._teddy-button--disabled_aswkh_78) {
1021
+ ._teddy-button--text_r0i1g_214:active:not(._teddy-button--disabled_r0i1g_78) {
1260
1022
  background-color: var(--teddy-color-background-interactive-transparent-active);
1261
1023
  }
1262
- ._teddy-button--disabled_aswkh_78 {
1024
+ ._teddy-button--disabled_r0i1g_78 {
1263
1025
  background-color: var(--teddy-color-background-interactive-disabled);
1264
1026
  color: var(--teddy-color-text-weak);
1265
1027
  cursor: not-allowed;
1266
1028
  transition-duration: var(--teddy-motion-duration-400);
1267
1029
  }
1268
- ._teddy-button__loading_aswkh_261 {
1030
+ ._teddy-button__loading_r0i1g_261 {
1269
1031
  position: absolute;
1270
1032
  inset: 0;
1271
1033
  display: grid;
1272
1034
  place-items: center;
1273
1035
  border-radius: inherit;
1274
1036
  background-color: var(--teddy-color-transparent-white-500);
1275
- animation: _fadeInAnimation_aswkh_1 ease var(--teddy-motion-duration-500);
1037
+ animation: _fadeInAnimation_r0i1g_1 ease var(--teddy-motion-duration-500);
1276
1038
  animation-iteration-count: 1;
1277
1039
  animation-fill-mode: forwards;
1278
1040
  }
1279
- ._teddy-button__loading_aswkh_261 ._teddy-button__spinner_aswkh_272 circle {
1041
+ ._teddy-button__loading_r0i1g_261 ._teddy-button__spinner_r0i1g_272 circle {
1280
1042
  stroke: var(--teddy-color-transparent-black-700);
1281
1043
  }
1282
- ._teddy-button--icon-only_aswkh_56 ._teddy-button__loading_aswkh_261 {
1044
+ ._teddy-button--icon-only_r0i1g_56 ._teddy-button__loading_r0i1g_261 {
1283
1045
  background-color: var(--teddy-color-gray-100);
1284
1046
  }
1285
- }@layer heading {
1286
- ._teddy-heading_r8os0_2 {
1287
- color: var(--teddy-color-text-default);
1288
- display: block;
1289
- hyphens: none;
1290
- margin: 0;
1291
- max-width: 60ch;
1292
- }
1293
- ._teddy-heading--hyphens_r8os0_9 {
1294
- hyphens: auto;
1295
- }
1296
- ._teddy-heading--subsection-100_r8os0_12 {
1297
- font-family: var(--teddy-typography-family-default);
1298
- font-weight: var(--teddy-typography-weight-medium);
1299
- font-size: var(--teddy-typography-scale-100);
1300
- line-height: var(--teddy-typography-line-height-default);
1301
- }
1302
- ._teddy-heading--title-100_r8os0_18 {
1303
- font-family: var(--teddy-typography-family-default);
1304
- font-weight: var(--teddy-typography-weight-bold);
1305
- font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
1306
- line-height: var(--teddy-typography-line-height-default);
1307
- }
1308
- ._teddy-heading--title-200_r8os0_24 {
1309
- font-family: var(--teddy-typography-family-default);
1310
- font-weight: var(--teddy-typography-weight-bold);
1311
- font-size: clamp(var(--teddy-typography-scale-200), 3cqw, var(--teddy-typography-scale-400));
1312
- line-height: var(--teddy-typography-line-height-default);
1313
- }
1314
- ._teddy-heading--title-300_r8os0_30 {
1315
- font-family: var(--teddy-typography-family-default);
1316
- font-weight: var(--teddy-typography-weight-bold);
1317
- font-size: clamp(var(--teddy-typography-scale-400), 3cqw, var(--teddy-typography-scale-600));
1318
- line-height: var(--teddy-typography-line-height-default);
1319
- }
1320
- ._teddy-heading--title-400_r8os0_36 {
1321
- font-family: var(--teddy-typography-family-default);
1322
- font-weight: var(--teddy-typography-weight-bold);
1323
- font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-700));
1324
- line-height: var(--teddy-typography-line-height-default);
1325
- }
1326
- ._teddy-heading--title-500_r8os0_42 {
1327
- font-family: var(--teddy-typography-family-default);
1328
- font-weight: var(--teddy-typography-weight-bold);
1329
- font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-800));
1330
- line-height: var(--teddy-typography-line-height-tight);
1331
- }
1332
- ._teddy-heading--title-600_r8os0_48 {
1333
- font-family: var(--teddy-typography-family-default);
1334
- font-weight: var(--teddy-typography-weight-bold);
1335
- font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
1336
- line-height: var(--teddy-typography-line-height-tight);
1337
- }
1338
- ._teddy-heading--title-700_r8os0_54 {
1339
- font-family: var(--teddy-typography-family-default);
1340
- font-weight: var(--teddy-typography-weight-bold);
1341
- font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
1342
- line-height: var(--teddy-typography-line-height-tight);
1343
- }
1344
- ._teddy-heading--display-25_r8os0_60 {
1345
- font-family: var(--teddy-typography-family-display);
1346
- font-weight: var(--teddy-typography-weight-medium);
1347
- font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
1348
- line-height: var(--teddy-typography-line-height-tight);
1349
- }
1350
- ._teddy-heading--display-50_r8os0_66 {
1351
- font-family: var(--teddy-typography-family-display);
1352
- font-weight: var(--teddy-typography-weight-medium);
1353
- font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
1354
- line-height: var(--teddy-typography-line-height-tight);
1355
- }
1356
- ._teddy-heading--display-100_r8os0_72 {
1357
- font-family: var(--teddy-typography-family-display);
1358
- font-weight: var(--teddy-typography-weight-medium);
1359
- font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
1360
- line-height: var(--teddy-typography-line-height-tight);
1361
- }
1362
- ._teddy-heading--display-200_r8os0_78 {
1363
- font-family: var(--teddy-typography-family-display);
1364
- font-weight: var(--teddy-typography-weight-medium);
1365
- font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
1366
- line-height: var(--teddy-typography-line-height-tight);
1367
- }
1047
+ }
1048
+ ._teddy-toast_r0i1g_279 {
1049
+ background-color: var(--teddy-color-background-primary);
1050
+ color: var(--teddy-color-text-primary);
1051
+ border-color: var(--teddy-color-border-weak);
1052
+ box-shadow: var(--teddy-shadow-lg);
1053
+ display: grid;
1054
+ grid-template-columns: auto 1fr;
1055
+ grid-template-rows: auto auto;
1056
+ grid-template-areas: "icon title" "unused description" "unused action";
1057
+ gap: 0;
1058
+ padding: var(--teddy-spacing-200);
1059
+ }
1060
+ ._teddy-toast_r0i1g_279 ._teddy-toast__title_r0i1g_291 {
1061
+ font-size: var(--teddy-typography-scale-100);
1062
+ grid-area: title;
1063
+ }
1064
+ ._teddy-toast_r0i1g_279 ._teddy-toast__description_r0i1g_295 {
1065
+ color: var(--teddy-color-text-default);
1066
+ font-size: var(--teddy-typography-scale-75);
1067
+ grid-area: description;
1068
+ }
1069
+ ._teddy-toast_r0i1g_279 ._teddy-toast__icon_r0i1g_300 {
1070
+ grid-area: icon;
1071
+ display: grid;
1072
+ place-items: center;
1073
+ min-width: var(--teddy-spacing-250);
1074
+ width: unset;
1075
+ height: unset;
1076
+ margin: 0 var(--teddy-spacing-100) 0 0;
1077
+ }
1078
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309 {
1079
+ align-items: center;
1080
+ border-radius: var(--teddy-border-radius-full);
1081
+ border-width: 0;
1082
+ cursor: pointer;
1083
+ display: inline-flex;
1084
+ font-size: var(--teddy-typography-scale-100);
1085
+ font-family: var(--teddy-typography-family-default);
1086
+ font-weight: var(--teddy-typography-weight-medium);
1087
+ gap: var(--teddy-spacing-100);
1088
+ justify-content: center;
1089
+ line-height: var(--teddy-spacing-200);
1090
+ outline: 0;
1091
+ position: relative;
1092
+ text-decoration: none;
1093
+ transition-duration: var(--teddy-motion-duration-100);
1094
+ transition-timing-function: var(--teddy-motion-easing-ease-in-out);
1095
+ transition-property: background-color, color;
1096
+ width: auto;
1097
+ background-color: var(--teddy-color-background-interactive-transparent);
1098
+ color: var(--teddy-color-text-interactive-primary);
1099
+ inset: 0 0 auto auto;
1100
+ background-color: inherit;
1101
+ border: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
1102
+ position: absolute;
1103
+ height: var(--teddy-spacing-400);
1104
+ width: var(--teddy-spacing-400);
1105
+ display: grid;
1106
+ place-items: center;
1107
+ box-shadow: none;
1108
+ transform: translate(25%, -25%);
1109
+ }
1110
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309:focus::before {
1111
+ border-radius: inherit;
1112
+ box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
1113
+ content: "";
1114
+ opacity: 1;
1115
+ display: block;
1116
+ inset: calc(var(--teddy-spacing-25) * -1);
1117
+ position: absolute;
1118
+ }
1119
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309:focus:not(:focus-visible)::before {
1120
+ opacity: 0;
1121
+ }
1122
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309 svg {
1123
+ display: block;
1124
+ }
1125
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--sm_r0i1g_356 {
1126
+ padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
1127
+ }
1128
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--sm_r0i1g_356._teddy-toast_r0i1g_279 ._teddy-toast__close-button--icon-only_r0i1g_359 {
1129
+ padding: var(--teddy-spacing-150);
1130
+ }
1131
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--md_r0i1g_362 {
1132
+ padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
1133
+ }
1134
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--md_r0i1g_362._teddy-toast_r0i1g_279 ._teddy-toast__close-button--icon-only_r0i1g_359 {
1135
+ padding: var(--teddy-spacing-200);
1136
+ }
1137
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--lg_r0i1g_368 {
1138
+ padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
1139
+ }
1140
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--lg_r0i1g_368._teddy-toast_r0i1g_279 ._teddy-toast__close-button--icon-only_r0i1g_359 {
1141
+ padding: var(--teddy-spacing-250);
1142
+ }
1143
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--full-width_r0i1g_374 {
1144
+ width: 100%;
1145
+ }
1146
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary_r0i1g_377 {
1147
+ background-color: var(--teddy-color-background-interactive-primary);
1148
+ color: var(--teddy-color-text-interactive-on-primary);
1149
+ }
1150
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary_r0i1g_377:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
1151
+ background-color: var(--teddy-color-background-interactive-primary-hover);
1152
+ }
1153
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary_r0i1g_377:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
1154
+ background-color: var(--teddy-color-background-interactive-primary-active);
1155
+ }
1156
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary-negative_r0i1g_387 {
1157
+ background-color: var(--teddy-color-background-interactive-primary-negative);
1158
+ color: var(--teddy-color-text-interactive-on-primary-negative);
1159
+ }
1160
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary-negative_r0i1g_387:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
1161
+ background-color: var(--teddy-color-background-interactive-primary-negative-hover);
1162
+ border-color: var(--teddy-color-background-interactive-primary-negative-hover);
1163
+ }
1164
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--primary-negative_r0i1g_387:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
1165
+ background-color: var(--teddy-color-background-interactive-primary-negative-active);
1166
+ border-color: var(--teddy-color-background-interactive-primary-negative-active);
1167
+ }
1168
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary_r0i1g_399 {
1169
+ background-color: var(--teddy-color-background-interactive-transparent);
1170
+ box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
1171
+ color: var(--teddy-color-text-interactive-primary);
1172
+ }
1173
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary_r0i1g_399:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
1174
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
1175
+ }
1176
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary_r0i1g_399:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
1177
+ background-color: var(--teddy-color-background-interactive-transparent-active);
1178
+ }
1179
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary-negative_r0i1g_410 {
1180
+ background-color: var(--teddy-color-background-interactive-transparent);
1181
+ box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
1182
+ color: var(--teddy-color-text-interactive-primary-negative);
1183
+ }
1184
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary-negative_r0i1g_410:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
1185
+ background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
1186
+ }
1187
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--secondary-negative_r0i1g_410:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
1188
+ background-color: var(--teddy-color-background-interactive-transparent-negative-active);
1189
+ }
1190
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive_r0i1g_421 {
1191
+ background-color: var(--teddy-color-background-interactive-expressive);
1192
+ color: var(--teddy-color-text-interactive-on-expressive);
1193
+ }
1194
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive_r0i1g_421:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
1195
+ background-color: var(--teddy-color-background-interactive-expressive-hover);
1196
+ }
1197
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive_r0i1g_421:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
1198
+ background-color: var(--teddy-color-background-interactive-expressive-active);
1199
+ }
1200
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive-negative_r0i1g_431 {
1201
+ background-color: var(--teddy-color-background-interactive-expressive-negative);
1202
+ color: var(--teddy-color-text-interactive-on-expressive-negative);
1203
+ }
1204
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive-negative_r0i1g_431:hover:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
1205
+ background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
1206
+ color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
1207
+ }
1208
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button--expressive-negative_r0i1g_431:active:not(._teddy-toast_r0i1g_279 ._teddy-toast__close-button--disabled_r0i1g_381) {
1209
+ background-color: var(--teddy-color-background-interactive-expressive-negative-active);
1210
+ color: var(--teddy-color-text-interactive-on-expressive-negative-active);
1211
+ }
1212
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309._teddy-toast--disabled_r0i1g_443 {
1213
+ background-color: var(--teddy-color-background-interactive-transparent);
1214
+ }
1215
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309:hover:not(._teddy-toast--disabled_r0i1g_443) {
1216
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
1217
+ }
1218
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309:active:not(._teddy-toast--disabled_r0i1g_443) {
1219
+ background-color: var(--teddy-color-background-interactive-transparent-active);
1220
+ }
1221
+ ._teddy-toast_r0i1g_279 ._teddy-toast__close-button_r0i1g_309 svg {
1222
+ height: var(--teddy-spacing-200);
1223
+ width: var(--teddy-spacing-200);
1224
+ }
1225
+ ._teddy-toast_r0i1g_279 ._teddy-toast__content_r0i1g_456 {
1226
+ display: contents;
1227
+ }
1228
+ ._teddy-toast_r0i1g_279 ._teddy-toast__loading_r0i1g_459 {
1229
+ grid-area: icon;
1230
+ position: relative;
1231
+ }
1232
+ ._teddy-toast--success_r0i1g_463 {
1233
+ background-color: var(--teddy-color-background-status-success);
1234
+ color: var(--teddy-color-text-status-success-strong);
1235
+ border-color: var(--teddy-color-border-status-success);
1236
+ }
1237
+ ._teddy-toast--success_r0i1g_463 ._teddy-toast__icon_r0i1g_300 {
1238
+ color: var(--teddy-color-text-status-success-medium);
1239
+ }
1240
+ ._teddy-toast--success_r0i1g_463 ._teddy-toast__close-button_r0i1g_309 {
1241
+ border-color: var(--teddy-color-border-status-success);
1242
+ color: var(--teddy-color-text-status-success-strong);
1243
+ }
1244
+ ._teddy-toast--info_r0i1g_475 {
1245
+ background-color: var(--teddy-color-background-status-info);
1246
+ color: var(--teddy-color-text-status-info-strong);
1247
+ border-color: var(--teddy-color-border-status-info);
1248
+ }
1249
+ ._teddy-toast--info_r0i1g_475 ._teddy-toast__icon_r0i1g_300 {
1250
+ color: var(--teddy-color-text-status-info-medium);
1251
+ }
1252
+ ._teddy-toast--info_r0i1g_475 ._teddy-toast__close-button_r0i1g_309 {
1253
+ border-color: var(--teddy-color-border-status-info);
1254
+ color: var(--teddy-color-text-status-info-strong);
1255
+ }
1256
+ ._teddy-toast--warning_r0i1g_487 {
1257
+ background-color: var(--teddy-color-background-status-warning);
1258
+ color: var(--teddy-color-text-status-warning-strong);
1259
+ border-color: var(--teddy-color-border-status-warning);
1260
+ }
1261
+ ._teddy-toast--warning_r0i1g_487 ._teddy-toast__icon_r0i1g_300 {
1262
+ color: var(--teddy-color-text-status-warning-medium);
1263
+ }
1264
+ ._teddy-toast--warning_r0i1g_487 ._teddy-toast__close-button_r0i1g_309 {
1265
+ border-color: var(--teddy-color-border-status-warning);
1266
+ color: var(--teddy-color-text-status-warning-strong);
1267
+ }
1268
+ ._teddy-toast--error_r0i1g_499 {
1269
+ background-color: var(--teddy-color-background-status-error);
1270
+ color: var(--teddy-color-text-status-error-strong);
1271
+ border-color: var(--teddy-color-border-status-error);
1272
+ }
1273
+ ._teddy-toast--error_r0i1g_499 ._teddy-toast__icon_r0i1g_300 {
1274
+ color: var(--teddy-color-text-status-error-medium);
1275
+ }
1276
+ ._teddy-toast--error_r0i1g_499 ._teddy-toast__close-button_r0i1g_309 {
1277
+ border-color: var(--teddy-color-border-status-error);
1278
+ color: var(--teddy-color-text-status-error-strong);
1279
+ }
1280
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511,
1281
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512 {
1282
+ align-items: center;
1283
+ border-radius: var(--teddy-border-radius-full);
1284
+ border-width: 0;
1285
+ cursor: pointer;
1286
+ display: inline-flex;
1287
+ font-size: var(--teddy-typography-scale-100);
1288
+ font-family: var(--teddy-typography-family-default);
1289
+ font-weight: var(--teddy-typography-weight-medium);
1290
+ gap: var(--teddy-spacing-100);
1291
+ justify-content: center;
1292
+ line-height: var(--teddy-spacing-200);
1293
+ outline: 0;
1294
+ position: relative;
1295
+ text-decoration: none;
1296
+ transition-duration: var(--teddy-motion-duration-100);
1297
+ transition-timing-function: var(--teddy-motion-easing-ease-in-out);
1298
+ transition-property: background-color, color;
1299
+ width: auto;
1300
+ grid-area: action;
1301
+ border: var(--teddy-border-width-xs) solid var(--teddy-color-border-interactive-primary);
1302
+ background-color: var(--teddy-color-background-interactive-secondary);
1303
+ color: var(--teddy-color-text-interactive-primary);
1304
+ font-family: var(--teddy-typography-family-default);
1305
+ font-weight: var(--teddy-typography-weight-medium);
1306
+ font-size: var(--teddy-typography-scale-75);
1307
+ margin-top: auto;
1308
+ box-shadow: none;
1309
+ }
1310
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511:focus::before,
1311
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512:focus::before {
1312
+ border-radius: inherit;
1313
+ box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
1314
+ content: "";
1315
+ opacity: 1;
1316
+ display: block;
1317
+ inset: calc(var(--teddy-spacing-25) * -1);
1318
+ position: absolute;
1319
+ }
1320
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511:focus:not(:focus-visible)::before,
1321
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512:focus:not(:focus-visible)::before {
1322
+ opacity: 0;
1323
+ }
1324
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511 svg,
1325
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512 svg {
1326
+ display: block;
1327
+ }
1328
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--sm_r0i1g_559,
1329
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--sm_r0i1g_560 {
1330
+ padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
1331
+ }
1332
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--sm_r0i1g_559._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--sm_r0i1g_559 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563,
1333
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--sm_r0i1g_560._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511,
1334
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--sm_r0i1g_560 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563 {
1335
+ padding: var(--teddy-spacing-150);
1336
+ }
1337
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--md_r0i1g_568,
1338
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--md_r0i1g_569 {
1339
+ padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
1340
+ }
1341
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--md_r0i1g_568._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--md_r0i1g_568 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563,
1342
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--md_r0i1g_569._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511,
1343
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--md_r0i1g_569 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563 {
1344
+ padding: var(--teddy-spacing-200);
1345
+ }
1346
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--lg_r0i1g_577,
1347
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--lg_r0i1g_578 {
1348
+ padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
1349
+ }
1350
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--lg_r0i1g_577._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--lg_r0i1g_577 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563,
1351
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--lg_r0i1g_578._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511,
1352
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--lg_r0i1g_578 ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--icon-only_r0i1g_563 {
1353
+ padding: var(--teddy-spacing-250);
1354
+ }
1355
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--full-width_r0i1g_586,
1356
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--full-width_r0i1g_587 {
1357
+ width: 100%;
1358
+ }
1359
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary_r0i1g_590,
1360
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary_r0i1g_591 {
1361
+ background-color: var(--teddy-color-background-interactive-primary);
1362
+ color: var(--teddy-color-text-interactive-on-primary);
1363
+ }
1364
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary_r0i1g_590:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
1365
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary_r0i1g_591:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
1366
+ background-color: var(--teddy-color-background-interactive-primary-hover);
1367
+ }
1368
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary_r0i1g_590:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
1369
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary_r0i1g_591:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
1370
+ background-color: var(--teddy-color-background-interactive-primary-active);
1371
+ }
1372
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary-negative_r0i1g_603,
1373
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary-negative_r0i1g_604 {
1374
+ background-color: var(--teddy-color-background-interactive-primary-negative);
1375
+ color: var(--teddy-color-text-interactive-on-primary-negative);
1376
+ }
1377
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary-negative_r0i1g_603:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
1378
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary-negative_r0i1g_604:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
1379
+ background-color: var(--teddy-color-background-interactive-primary-negative-hover);
1380
+ border-color: var(--teddy-color-background-interactive-primary-negative-hover);
1381
+ }
1382
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--primary-negative_r0i1g_603:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
1383
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--primary-negative_r0i1g_604:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
1384
+ background-color: var(--teddy-color-background-interactive-primary-negative-active);
1385
+ border-color: var(--teddy-color-background-interactive-primary-negative-active);
1386
+ }
1387
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary_r0i1g_618,
1388
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary_r0i1g_619 {
1389
+ background-color: var(--teddy-color-background-interactive-transparent);
1390
+ box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
1391
+ color: var(--teddy-color-text-interactive-primary);
1392
+ }
1393
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary_r0i1g_618:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
1394
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary_r0i1g_619:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
1395
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
1396
+ }
1397
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary_r0i1g_618:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
1398
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary_r0i1g_619:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
1399
+ background-color: var(--teddy-color-background-interactive-transparent-active);
1400
+ }
1401
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary-negative_r0i1g_632,
1402
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary-negative_r0i1g_633 {
1403
+ background-color: var(--teddy-color-background-interactive-transparent);
1404
+ box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
1405
+ color: var(--teddy-color-text-interactive-primary-negative);
1406
+ }
1407
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary-negative_r0i1g_632:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
1408
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary-negative_r0i1g_633:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
1409
+ background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
1410
+ }
1411
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--secondary-negative_r0i1g_632:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
1412
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--secondary-negative_r0i1g_633:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
1413
+ background-color: var(--teddy-color-background-interactive-transparent-negative-active);
1414
+ }
1415
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive_r0i1g_646,
1416
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive_r0i1g_647 {
1417
+ background-color: var(--teddy-color-background-interactive-expressive);
1418
+ color: var(--teddy-color-text-interactive-on-expressive);
1419
+ }
1420
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive_r0i1g_646:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
1421
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive_r0i1g_647:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
1422
+ background-color: var(--teddy-color-background-interactive-expressive-hover);
1423
+ }
1424
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive_r0i1g_646:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
1425
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive_r0i1g_647:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
1426
+ background-color: var(--teddy-color-background-interactive-expressive-active);
1427
+ }
1428
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive-negative_r0i1g_659,
1429
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive-negative_r0i1g_660 {
1430
+ background-color: var(--teddy-color-background-interactive-expressive-negative);
1431
+ color: var(--teddy-color-text-interactive-on-expressive-negative);
1432
+ }
1433
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive-negative_r0i1g_659:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
1434
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive-negative_r0i1g_660:hover:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
1435
+ background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
1436
+ color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
1437
+ }
1438
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button--expressive-negative_r0i1g_659:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595),
1439
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--expressive-negative_r0i1g_660:active:not(._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511, ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button--disabled_r0i1g_595) {
1440
+ background-color: var(--teddy-color-background-interactive-expressive-negative-active);
1441
+ color: var(--teddy-color-text-interactive-on-expressive-negative-active);
1442
+ }
1443
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511:hover,
1444
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512:hover {
1445
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
1446
+ }
1447
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__action-button_r0i1g_511[data-button]._teddy-toast__action-button_r0i1g_511:active,
1448
+ ._teddy-toast_r0i1g_279 [data-button]._teddy-toast__cancel-button_r0i1g_512[data-button]._teddy-toast__cancel-button_r0i1g_512:active {
1449
+ background-color: var(--teddy-color-background-interactive-transparent-active);
1450
+ }._teddy-toggletip__content_1ob5f_1 {
1451
+ border-radius: var(--teddy-border-radius-md);
1452
+ padding: var(--teddy-spacing-200);
1453
+ width: 25rem;
1454
+ background-color: white;
1455
+ box-shadow: var(--teddy-shadow-lg);
1456
+ animation-duration: 400ms;
1457
+ animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
1458
+ will-change: transform, opacity;
1459
+ background-color: var(--teddy-color-background-tone-on-tone-primary);
1460
+ display: flex;
1461
+ flex-direction: column;
1462
+ gap: var(--teddy-spacing-150);
1463
+ color: var(--teddy-color-text-tone-on-tone-primary);
1464
+ position: relative;
1465
+ }
1466
+ ._teddy-toggletip__content--negative_1ob5f_17 {
1467
+ background-color: var(--teddy-color-background-tone-on-tone-secondary);
1468
+ color: var(--teddy-color-text-tone-on-tone-secondary);
1469
+ }
1470
+ ._teddy-toggletip__arrow_1ob5f_21 {
1471
+ fill: var(--teddy-color-background-tone-on-tone-primary);
1472
+ }
1473
+ ._teddy-toggletip__arrow--negative_1ob5f_24 {
1474
+ fill: var(--teddy-color-background-tone-on-tone-secondary);
1475
+ }
1476
+ ._teddy-toggletip__close--floating_1ob5f_27 {
1477
+ position: absolute;
1478
+ top: var(--teddy-spacing-50);
1479
+ right: var(--teddy-spacing-50);
1480
+ }
1481
+ ._teddy-toggletip__heading_1ob5f_32 {
1482
+ grid-area: heading;
1483
+ color: inherit;
1368
1484
  }._teddy-breadcrumbs__list_8irth_1 {
1369
1485
  display: flex;
1370
1486
  align-items: center;
@@ -1428,84 +1544,6 @@
1428
1544
  ._teddy-breadcrumbs__item_8irth_11:nth-last-child(3) ~ ._teddy-breadcrumbs__separator_8irth_44 {
1429
1545
  display: inline-grid;
1430
1546
  }
1431
- }@layer link {
1432
- ._teddy-link_azi31_2 {
1433
- align-items: center;
1434
- cursor: pointer;
1435
- display: inline-flex;
1436
- gap: var(--teddy-spacing-50);
1437
- text-decoration: underline;
1438
- }
1439
- ._teddy-link_azi31_2:focus, ._teddy-link_azi31_2:active {
1440
- outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
1441
- outline-offset: var(--teddy-spacing-25);
1442
- }
1443
- ._teddy-link_azi31_2:focus:not(:focus-visible) {
1444
- outline: 0;
1445
- }
1446
- ._teddy-link--text_azi31_16, ._teddy-link--standalone_azi31_16, ._teddy-link--navigation_azi31_16 {
1447
- color: var(--teddy-color-text-interactive-primary);
1448
- }
1449
- ._teddy-link--text_azi31_16:hover, ._teddy-link--standalone_azi31_16:hover, ._teddy-link--navigation_azi31_16:hover {
1450
- color: var(--teddy-color-text-interactive-primary-active);
1451
- background-color: var(--teddy-color-background-interactive-transparent-hover);
1452
- }
1453
- ._teddy-link--text_azi31_16:active, ._teddy-link--standalone_azi31_16:active, ._teddy-link--navigation_azi31_16:active {
1454
- background-color: var(--teddy-color-background-interactive-transparent-active);
1455
- }
1456
- ._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) {
1457
- color: var(--teddy-color-text-interactive-primary-active);
1458
- }
1459
- ._teddy-link--text-negative_azi31_29, ._teddy-link--standalone-negative_azi31_29, ._teddy-link--navigation-negative_azi31_29 {
1460
- color: var(--teddy-color-text-interactive-primary-negative);
1461
- }
1462
- ._teddy-link--text-negative_azi31_29:hover, ._teddy-link--standalone-negative_azi31_29:hover, ._teddy-link--navigation-negative_azi31_29:hover {
1463
- background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
1464
- color: var(--teddy-color-text-interactive-primary-negative);
1465
- }
1466
- ._teddy-link--text-negative_azi31_29:active, ._teddy-link--standalone-negative_azi31_29:active, ._teddy-link--navigation-negative_azi31_29:active {
1467
- background-color: var(--teddy-color-background-interactive-transparent-negative-active);
1468
- color: var(--teddy-color-text-interactive-primary-negative-active);
1469
- }
1470
- ._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) {
1471
- color: var(--teddy-color-text-interactive-primary-negative-active);
1472
- }
1473
- ._teddy-link--standalone_azi31_16, ._teddy-link--standalone-negative_azi31_29 {
1474
- padding: var(--teddy-spacing-150) 0;
1475
- }
1476
- ._teddy-link--navigation_azi31_16, ._teddy-link--navigation-negative_azi31_29 {
1477
- align-items: center;
1478
- background-color: var(--teddy-color-functional-transparent);
1479
- display: flex;
1480
- font-weight: var(--teddy-typography-weight-medium);
1481
- text-decoration: none;
1482
- }
1483
- ._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 {
1484
- background-color: var(--teddy-color-functional-transparent);
1485
- text-decoration: underline;
1486
- }
1487
- ._teddy-link--ensure-target-area_azi31_57 {
1488
- display: flex;
1489
- align-items: center;
1490
- min-height: var(--teddy-spacing-600);
1491
- min-width: var(--teddy-spacing-600);
1492
- }
1493
- ._teddy-link--silent_azi31_63 {
1494
- background-color: inherit;
1495
- color: inherit;
1496
- height: 100%;
1497
- text-decoration: none;
1498
- }
1499
- ._teddy-link--silent_azi31_63:hover, ._teddy-link--silent_azi31_63:focus, ._teddy-link--silent_azi31_63:active {
1500
- background-color: inherit;
1501
- color: inherit;
1502
- }
1503
- ._teddy-link--silent_azi31_63 a:focus {
1504
- outline: 0;
1505
- }
1506
- ._teddy-link--silent_azi31_63:is(._teddy-link--disable-visited_azi31_26):visited {
1507
- color: inherit;
1508
- }
1509
1547
  }._teddy-visually-hidden_15nus_1 {
1510
1548
  width: 1px;
1511
1549
  height: 1px;
@@ -2364,15 +2402,6 @@
2364
2402
  to {
2365
2403
  transform: translateX(100%);
2366
2404
  }
2367
- }@layer Image {
2368
- ._teddy-image_jxcdf_2 {
2369
- width: 100%;
2370
- max-width: 100%;
2371
- height: 100%;
2372
- display: block;
2373
- font-style: italic;
2374
- background-repeat: no-repeat;
2375
- }
2376
2405
  }._teddy-chip__item_69tae_1 {
2377
2406
  font: inherit;
2378
2407
  cursor: pointer;
@@ -2477,32 +2506,32 @@
2477
2506
  }
2478
2507
  }@layer heading, flex, grid, button, card;
2479
2508
  @layer card {
2480
- ._teddy-card_1vcct_3 {
2509
+ ._teddy-card_1cl9t_3 {
2481
2510
  border-radius: var(--teddy-border-radius-md);
2482
2511
  padding: var(--teddy-spacing-250);
2483
2512
  position: relative;
2484
2513
  }
2485
2514
  @media (prefers-reduced-motion: no-preference) {
2486
- ._teddy-card_1vcct_3 {
2515
+ ._teddy-card_1cl9t_3 {
2487
2516
  transition: background-color var(--teddy-motion-duration-300) ease;
2488
2517
  }
2489
2518
  }
2490
- ._teddy-card__slot_1vcct_13 {
2519
+ ._teddy-card__slot_1cl9t_13 {
2491
2520
  transform: translateY(-50%);
2492
2521
  }
2493
- ._teddy-card__slot--bottom_1vcct_16 {
2522
+ ._teddy-card__slot--bottom_1cl9t_16 {
2494
2523
  transform: translateY(50%);
2495
2524
  }
2496
- ._teddy-card__slot--center_1vcct_19 {
2525
+ ._teddy-card__slot--center_1cl9t_19 {
2497
2526
  transform: translate(-50%, -50%);
2498
2527
  }
2499
- ._teddy-card__slot--bottom_1vcct_16._teddy-card__slot--center_1vcct_19 {
2528
+ ._teddy-card__slot--bottom_1cl9t_16._teddy-card__slot--center_1cl9t_19 {
2500
2529
  transform: translate(-50%, 50%);
2501
2530
  }
2502
- ._teddy-card__slot--no-translate_1vcct_25 {
2531
+ ._teddy-card__slot--no-translate_1cl9t_25 {
2503
2532
  transform: initial;
2504
2533
  }
2505
- ._teddy-card_1vcct_3::before {
2534
+ ._teddy-card_1cl9t_3::before {
2506
2535
  content: "";
2507
2536
  display: block;
2508
2537
  position: absolute;
@@ -2513,204 +2542,221 @@
2513
2542
  box-shadow: var(--teddy-shadow-md);
2514
2543
  }
2515
2544
  @media (prefers-reduced-motion: no-preference) {
2516
- ._teddy-card_1vcct_3::before {
2545
+ ._teddy-card_1cl9t_3::before {
2517
2546
  transition: var(--teddy-motion-duration-300) ease;
2518
2547
  transition-property: opacity, box-shadow;
2519
2548
  }
2520
2549
  }
2521
- ._teddy-card--shadow_1vcct_44::before {
2550
+ ._teddy-card--shadow_1cl9t_44::before {
2522
2551
  opacity: 1;
2523
2552
  box-shadow: var(--teddy-shadow-sm-2);
2524
2553
  }
2525
- ._teddy-card_1vcct_3:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2554
+ ._teddy-card_1cl9t_3:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
2526
2555
  cursor: pointer;
2527
2556
  }
2528
- ._teddy-card_1vcct_3:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48))::before {
2557
+ ._teddy-card_1cl9t_3:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48))::before {
2529
2558
  opacity: 1;
2530
2559
  box-shadow: var(--teddy-shadow-md);
2531
2560
  }
2532
- ._teddy-card--border_1vcct_55 {
2561
+ ._teddy-card--border_1cl9t_55 {
2533
2562
  border: var(--teddy-border-width-xs) solid transparent;
2534
2563
  }
2535
- ._teddy-card--layout_1vcct_58 ._teddy-card__illustration_1vcct_58 {
2564
+ ._teddy-card_1cl9t_3 ._teddy-card__action-wrapper_1cl9t_58 {
2565
+ margin-bottom: var(--teddy-spacing-200);
2566
+ }
2567
+ ._teddy-card--layout_1cl9t_61 ._teddy-card__illustration_1cl9t_61 {
2536
2568
  grid-area: illustration;
2537
2569
  }
2538
- ._teddy-card--layout_1vcct_58 ._teddy-card__carousel_1vcct_61 {
2570
+ ._teddy-card--layout_1cl9t_61 ._teddy-card__carousel_1cl9t_64 {
2539
2571
  grid-area: carousel;
2540
2572
  }
2541
- ._teddy-card--layout_1vcct_58 ._teddy-card__content_1vcct_64 {
2573
+ ._teddy-card--layout_1cl9t_61 ._teddy-card__content_1cl9t_67 {
2542
2574
  grid-area: content;
2543
2575
  }
2544
- ._teddy-card--layout_1vcct_58 ._teddy-card__heading_1vcct_67 {
2576
+ ._teddy-card--layout_1cl9t_61 ._teddy-card__heading_1cl9t_70 {
2545
2577
  grid-area: heading;
2546
2578
  }
2547
- ._teddy-card--layout_1vcct_58 ._teddy-card__action-wrapper_1vcct_70 {
2579
+ ._teddy-card--layout_1cl9t_61 ._teddy-card__action-wrapper_1cl9t_58 {
2548
2580
  grid-area: action;
2549
2581
  }
2550
- ._teddy-card--layout_1vcct_58 ._teddy-card__footer_1vcct_73 {
2582
+ ._teddy-card--layout_1cl9t_61 ._teddy-card__footer_1cl9t_76 {
2551
2583
  grid-area: footer;
2552
2584
  }
2553
- ._teddy-card--layout_1vcct_58 ._teddy-card__overline_1vcct_76 {
2585
+ ._teddy-card--layout_1cl9t_61 ._teddy-card__overline_1cl9t_79 {
2554
2586
  grid-area: overline;
2555
2587
  }
2556
- ._teddy-card--layout_1vcct_58 ._teddy-card__description_1vcct_79 {
2588
+ ._teddy-card--layout_1cl9t_61 ._teddy-card__description_1cl9t_82 {
2557
2589
  grid-area: description;
2558
2590
  }
2559
- ._teddy-card--layout_1vcct_58 ._teddy-card__color-dots_1vcct_82 {
2591
+ ._teddy-card--layout_1cl9t_61 ._teddy-card__color-dots_1cl9t_85 {
2560
2592
  grid-area: colors;
2561
2593
  }
2562
- ._teddy-card--layout_1vcct_58 ._teddy-card__availability_1vcct_85 {
2594
+ ._teddy-card--layout_1cl9t_61 ._teddy-card__availability_1cl9t_88 {
2563
2595
  grid-area: availability;
2564
2596
  }
2565
- ._teddy-card--layout_1vcct_58 ._teddy-card__price_1vcct_88 {
2597
+ ._teddy-card--layout_1cl9t_61 ._teddy-card__price_1cl9t_91 {
2566
2598
  grid-area: price;
2567
2599
  }
2568
- ._teddy-card--default_1vcct_91 {
2600
+ ._teddy-card--default_1cl9t_94 {
2569
2601
  display: flex;
2570
2602
  flex-direction: column;
2571
2603
  gap: var(--teddy-spacing-200);
2572
2604
  }
2573
- ._teddy-card--navigation-vertical_1vcct_96 {
2605
+ ._teddy-card--navigation-vertical_1cl9t_99 {
2574
2606
  grid-template-rows: auto auto 1fr auto;
2575
2607
  justify-items: start;
2576
2608
  align-items: baseline;
2577
2609
  grid-template-areas: "illustration" "heading" "content" "action";
2578
2610
  }
2579
- ._teddy-card--navigation-vertical_1vcct_96 ._teddy-card__illustration_1vcct_58 {
2611
+ ._teddy-card--navigation-vertical_1cl9t_99 ._teddy-card__illustration_1cl9t_61 {
2580
2612
  margin-bottom: var(--teddy-spacing-200);
2581
2613
  }
2582
- ._teddy-card--navigation-vertical_1vcct_96 ._teddy-card__content_1vcct_64 {
2614
+ ._teddy-card--navigation-vertical_1cl9t_99 ._teddy-card__content_1cl9t_67 {
2583
2615
  margin-bottom: var(--teddy-spacing-200);
2584
2616
  }
2585
- ._teddy-card--navigation-vertical_1vcct_96 ._teddy-card__heading_1vcct_67 {
2617
+ ._teddy-card--navigation-vertical_1cl9t_99 ._teddy-card__heading_1cl9t_70 {
2586
2618
  margin-bottom: var(--teddy-spacing-100);
2587
2619
  }
2588
- ._teddy-card--navigation-vertical_1vcct_96 ._teddy-card__action_1vcct_48 {
2620
+ ._teddy-card--navigation-vertical_1cl9t_99 ._teddy-card__action_1cl9t_48 {
2589
2621
  margin-top: auto;
2590
2622
  justify-self: end;
2591
2623
  }
2592
- ._teddy-card--navigation-horizontal-small_1vcct_115 {
2624
+ ._teddy-card--navigation-horizontal-small_1cl9t_118 {
2593
2625
  grid-template-columns: auto 1fr auto;
2594
2626
  grid-template-rows: auto 1fr;
2595
2627
  grid-template-areas: "illustration heading action" "illustration content action";
2596
2628
  column-gap: var(--teddy-spacing-200);
2597
2629
  }
2598
- ._teddy-card--navigation-horizontal-small_1vcct_115 ._teddy-card__heading_1vcct_67 {
2630
+ ._teddy-card--navigation-horizontal-small_1cl9t_118 ._teddy-card__heading_1cl9t_70 {
2599
2631
  margin-bottom: var(--teddy-spacing-100);
2600
2632
  }
2601
- ._teddy-card--navigation-horizontal-small_1vcct_115 ._teddy-card__action_1vcct_48 {
2602
- margin-top: auto;
2633
+ ._teddy-card--navigation-horizontal-small-centered_1cl9t_127 {
2634
+ grid-template-columns: auto 1fr auto;
2635
+ grid-template-rows: 1fr auto;
2636
+ grid-template-areas: "illustration heading action" "illustration content action";
2637
+ align-items: center;
2638
+ column-gap: var(--teddy-spacing-200);
2639
+ }
2640
+ ._teddy-card--navigation-horizontal-small-centered_1cl9t_127 ._teddy-card__content_1cl9t_67 {
2641
+ margin-top: var(--teddy-spacing-200);
2603
2642
  }
2604
- ._teddy-card--navigation-horizontal-large_1vcct_127 {
2643
+ ._teddy-card--navigation-horizontal-small-centered_1cl9t_127 ._teddy-card__action-wrapper_1cl9t_58 {
2644
+ margin: 0;
2645
+ }
2646
+ ._teddy-card--navigation-horizontal-small-centered_1cl9t_127 ._teddy-card__illustration_1cl9t_61 {
2647
+ max-height: 80px;
2648
+ max-width: 100px;
2649
+ }
2650
+ ._teddy-card--navigation-horizontal-large_1cl9t_144 {
2605
2651
  grid-template-columns: 1fr auto;
2606
2652
  grid-template-rows: auto auto 1fr;
2607
2653
  grid-template-areas: "illustration action" "heading action" "content action";
2608
2654
  column-gap: var(--teddy-spacing-200);
2609
2655
  }
2610
- ._teddy-card--navigation-horizontal-large_1vcct_127 ._teddy-card__heading_1vcct_67 {
2656
+ ._teddy-card--navigation-horizontal-large_1cl9t_144 ._teddy-card__heading_1cl9t_70 {
2611
2657
  margin-bottom: var(--teddy-spacing-100);
2612
2658
  }
2613
- ._teddy-card--navigation-horizontal-large_1vcct_127 ._teddy-card__action_1vcct_48 {
2659
+ ._teddy-card--navigation-horizontal-large_1cl9t_144 ._teddy-card__action_1cl9t_48 {
2614
2660
  margin-top: auto;
2615
2661
  }
2616
- ._teddy-card--rich-card_1vcct_139 {
2662
+ ._teddy-card--rich-card_1cl9t_156 {
2617
2663
  justify-items: start;
2618
2664
  align-items: baseline;
2619
2665
  grid-template-rows: auto auto 1fr auto;
2620
2666
  grid-template-areas: "illustration" "heading" "content" "action";
2621
2667
  }
2622
- ._teddy-card--rich-card_1vcct_139 ._teddy-card__illustration_1vcct_58 {
2668
+ ._teddy-card--rich-card_1cl9t_156 ._teddy-card__illustration_1cl9t_61 {
2623
2669
  margin-bottom: var(--teddy-spacing-200);
2624
2670
  }
2625
- ._teddy-card--rich-card_1vcct_139 ._teddy-card__content_1vcct_64 {
2671
+ ._teddy-card--rich-card_1cl9t_156 ._teddy-card__content_1cl9t_67 {
2626
2672
  margin-bottom: var(--teddy-spacing-200);
2627
2673
  }
2628
- ._teddy-card--rich-card_1vcct_139 ._teddy-card__heading_1vcct_67 {
2674
+ ._teddy-card--rich-card_1cl9t_156 ._teddy-card__heading_1cl9t_70 {
2629
2675
  margin-bottom: var(--teddy-spacing-100);
2630
2676
  }
2631
- ._teddy-card--rich-card_1vcct_139 ._teddy-card__action_1vcct_48 {
2677
+ ._teddy-card--rich-card_1cl9t_156 ._teddy-card__action_1cl9t_48 {
2632
2678
  margin-top: auto;
2633
2679
  }
2634
- ._teddy-card__line_1vcct_157 {
2680
+ ._teddy-card__line_1cl9t_174 {
2635
2681
  border: 0;
2636
2682
  border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
2637
2683
  }
2638
- ._teddy-card--purple-light_1vcct_161 {
2684
+ ._teddy-card--purple-light_1cl9t_178 {
2639
2685
  background-color: var(--teddy-color-background-interactive-primary-negative);
2640
2686
  color: var(--teddy-color-text-default);
2641
2687
  border-color: var(--teddy-color-background-interactive-primary-negative);
2642
2688
  }
2643
- ._teddy-card--purple-light_1vcct_161:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2689
+ ._teddy-card--purple-light_1cl9t_178:hover:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
2644
2690
  background-color: var(--teddy-color-background-interactive-primary-negative-hover);
2645
2691
  }
2646
- ._teddy-card--purple-light_1vcct_161:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2692
+ ._teddy-card--purple-light_1cl9t_178:active:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
2647
2693
  background-color: var(--teddy-color-background-interactive-primary-negative-active);
2648
2694
  }
2649
- ._teddy-card--purple-light_1vcct_161:has(._teddy-card__action--disabled_1vcct_48) {
2695
+ ._teddy-card--purple-light_1cl9t_178:has(._teddy-card__action--disabled_1cl9t_48) {
2650
2696
  background-color: var(--teddy-color-background-interactive-disabled);
2651
2697
  }
2652
- ._teddy-card--purple-dark_1vcct_175 {
2698
+ ._teddy-card--purple-dark_1cl9t_192 {
2653
2699
  background-color: var(--teddy-color-brand-deep-purple);
2654
2700
  color: var(--teddy-color-text-default-negative);
2655
2701
  border-color: var(--teddy-color-brand-deep-purple);
2656
2702
  }
2657
- ._teddy-card--purple-dark_1vcct_175:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2703
+ ._teddy-card--purple-dark_1cl9t_192:hover:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
2658
2704
  background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
2659
2705
  }
2660
- ._teddy-card--purple-dark_1vcct_175:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2706
+ ._teddy-card--purple-dark_1cl9t_192:active:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
2661
2707
  background-color: var(--teddy-color-background-interactive-transparent-negative-active);
2662
2708
  }
2663
- ._teddy-card--purple-dark_1vcct_175:has(._teddy-card__action--disabled_1vcct_48) {
2709
+ ._teddy-card--purple-dark_1cl9t_192:has(._teddy-card__action--disabled_1cl9t_48) {
2664
2710
  color: var(--teddy-color-text-default);
2665
2711
  background-color: var(--teddy-color-background-interactive-disabled);
2666
2712
  }
2667
- ._teddy-card--purple-dark_1vcct_175:has(._teddy-card__action--disabled_1vcct_48) ._teddy-card__action_1vcct_48 {
2713
+ ._teddy-card--purple-dark_1cl9t_192:has(._teddy-card__action--disabled_1cl9t_48) ._teddy-card__action_1cl9t_48 {
2668
2714
  color: var(--teddy-color-text-weak);
2669
2715
  background-color: var(--teddy-color-background-interactive-disabled);
2670
2716
  }
2671
- ._teddy-card--white_1vcct_194 {
2717
+ ._teddy-card--white_1cl9t_211 {
2672
2718
  background-color: var(--teddy-color-brand-white);
2673
2719
  color: var(--teddy-color-text-default);
2674
2720
  border-color: var(--teddy-color-border-interactive-subtle);
2675
2721
  }
2676
- ._teddy-card--white_1vcct_194:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2722
+ ._teddy-card--white_1cl9t_211:hover:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
2677
2723
  background-color: var(--teddy-color-background-interactive-transparent-hover);
2678
2724
  }
2679
- ._teddy-card--white_1vcct_194:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2725
+ ._teddy-card--white_1cl9t_211:active:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
2680
2726
  background-color: var(--teddy-color-background-interactive-transparent-active);
2681
2727
  }
2682
- ._teddy-card--white_1vcct_194:has(._teddy-card__action--disabled_1vcct_48) {
2728
+ ._teddy-card--white_1cl9t_211:has(._teddy-card__action--disabled_1cl9t_48) {
2683
2729
  background-color: var(--teddy-color-background-interactive-disabled);
2684
2730
  }
2685
- ._teddy-card--gray_1vcct_208 {
2731
+ ._teddy-card--gray_1cl9t_225 {
2686
2732
  background-color: var(--teddy-color-background-secondary);
2687
2733
  color: var(--teddy-color-text-default);
2688
2734
  border-color: var(--teddy-color-border-interactive-subtle);
2689
2735
  }
2690
- ._teddy-card--gray_1vcct_208:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2736
+ ._teddy-card--gray_1cl9t_225:hover:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
2691
2737
  background-color: var(--teddy-color-gray-100);
2692
2738
  }
2693
- ._teddy-card--gray_1vcct_208:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2739
+ ._teddy-card--gray_1cl9t_225:active:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
2694
2740
  background-color: var(--teddy-color-gray-200);
2695
2741
  }
2696
- ._teddy-card--gray_1vcct_208:has(._teddy-card__action--disabled_1vcct_48) {
2742
+ ._teddy-card--gray_1cl9t_225:has(._teddy-card__action--disabled_1cl9t_48) {
2697
2743
  background-color: var(--teddy-color-background-interactive-disabled);
2698
2744
  }
2699
- ._teddy-card--beige_1vcct_222 {
2745
+ ._teddy-card--beige_1cl9t_239 {
2700
2746
  background-color: var(--teddy-color-beige-100);
2701
2747
  color: var(--teddy-color-text-default);
2702
2748
  border-color: var(--teddy-color-beige-300);
2703
2749
  }
2704
- ._teddy-card--beige_1vcct_222:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2750
+ ._teddy-card--beige_1cl9t_239:hover:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
2705
2751
  background-color: var(--teddy-color-beige-200);
2706
2752
  }
2707
- ._teddy-card--beige_1vcct_222:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2753
+ ._teddy-card--beige_1cl9t_239:active:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
2708
2754
  background-color: var(--teddy-color-beige-300);
2709
2755
  }
2710
- ._teddy-card--beige_1vcct_222:has(._teddy-card__action--disabled_1vcct_48) {
2756
+ ._teddy-card--beige_1cl9t_239:has(._teddy-card__action--disabled_1cl9t_48) {
2711
2757
  background-color: var(--teddy-color-background-interactive-disabled);
2712
2758
  }
2713
- ._teddy-card--product_1vcct_236 {
2759
+ ._teddy-card--product_1cl9t_253 {
2714
2760
  grid-template-columns: minmax(0, 100%);
2715
2761
  grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
2716
2762
  grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
@@ -2721,119 +2767,119 @@
2721
2767
  padding-bottom: var(--teddy-spacing-100);
2722
2768
  width: 100%;
2723
2769
  }
2724
- ._teddy-card--product_1vcct_236:hover:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2770
+ ._teddy-card--product_1cl9t_253:hover:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
2725
2771
  background-color: var(--teddy-color-brand-white);
2726
2772
  outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
2727
2773
  outline-offset: calc(var(--teddy-border-width-sm) * -1);
2728
2774
  }
2729
- ._teddy-card--product_1vcct_236:active:has(._teddy-card__action_1vcct_48:not(._teddy-card__action--disabled_1vcct_48)) {
2775
+ ._teddy-card--product_1cl9t_253:active:has(._teddy-card__action_1cl9t_48:not(._teddy-card__action--disabled_1cl9t_48)) {
2730
2776
  background-color: var(--teddy-color-background-interactive-transparent-active);
2731
2777
  }
2732
- ._teddy-card--product_1vcct_236:has(._teddy-card__action--disabled_1vcct_48) {
2778
+ ._teddy-card--product_1cl9t_253:has(._teddy-card__action--disabled_1cl9t_48) {
2733
2779
  background-color: var(--teddy-color-background-interactive-disabled);
2734
2780
  }
2735
- ._teddy-card--product_1vcct_236 ._teddy-card__illustration_1vcct_58 {
2781
+ ._teddy-card--product_1cl9t_253 ._teddy-card__illustration_1cl9t_61 {
2736
2782
  height: 180px;
2737
2783
  display: grid;
2738
2784
  place-items: center;
2739
2785
  place-self: center;
2740
2786
  margin-bottom: var(--teddy-spacing-400);
2741
2787
  }
2742
- ._teddy-card--product_1vcct_236 ._teddy-card__illustration_1vcct_58 img {
2788
+ ._teddy-card--product_1cl9t_253 ._teddy-card__illustration_1cl9t_61 img {
2743
2789
  max-width: 200px;
2744
2790
  max-height: 180px;
2745
2791
  object-fit: contain;
2746
2792
  }
2747
- ._teddy-card--product_1vcct_236 ._teddy-card__carousel_1vcct_61 .slick-dots li {
2793
+ ._teddy-card--product_1cl9t_253 ._teddy-card__carousel_1cl9t_64 .slick-dots li {
2748
2794
  min-width: 12px;
2749
2795
  width: initial !important;
2750
2796
  margin: 0 0.25rem !important;
2751
2797
  }
2752
- ._teddy-card--product_1vcct_236 ._teddy-card__carousel_1vcct_61 .slick-dots .slick-active {
2798
+ ._teddy-card--product_1cl9t_253 ._teddy-card__carousel_1cl9t_64 .slick-dots .slick-active {
2753
2799
  min-width: 24px;
2754
2800
  width: initial !important;
2755
2801
  }
2756
- ._teddy-card--product_1vcct_236 ._teddy-card__overline_1vcct_76 {
2802
+ ._teddy-card--product_1cl9t_253 ._teddy-card__overline_1cl9t_79 {
2757
2803
  margin-bottom: var(--teddy-spacing-50);
2758
2804
  }
2759
- ._teddy-card--product_1vcct_236 ._teddy-card__heading_1vcct_67 {
2805
+ ._teddy-card--product_1cl9t_253 ._teddy-card__heading_1cl9t_70 {
2760
2806
  margin-bottom: var(--teddy-spacing-200);
2761
2807
  }
2762
- ._teddy-card--product_1vcct_236 ._teddy-card__description_1vcct_79 {
2808
+ ._teddy-card--product_1cl9t_253 ._teddy-card__description_1cl9t_82 {
2763
2809
  margin-bottom: var(--teddy-spacing-200);
2764
2810
  }
2765
- ._teddy-card--product_1vcct_236 ._teddy-card__action_1vcct_48 {
2811
+ ._teddy-card--product_1cl9t_253 ._teddy-card__action_1cl9t_48 {
2766
2812
  margin-top: auto;
2767
2813
  margin-left: auto;
2768
2814
  justify-self: end;
2769
2815
  }
2770
- ._teddy-card--product_1vcct_236 ._teddy-card__price_1vcct_88 {
2816
+ ._teddy-card--product_1cl9t_253 ._teddy-card__price_1cl9t_91 {
2771
2817
  display: flex;
2772
2818
  }
2773
- ._teddy-card--product_1vcct_236 ._teddy-card__price--big_1vcct_296 {
2774
- font-size: var(--teddy-typography-scale-400);
2819
+ ._teddy-card--product_1cl9t_253 ._teddy-card__price--big_1cl9t_313 {
2820
+ font-size: var(--teddy-typography-scale-200);
2775
2821
  }
2776
- ._teddy-card_1vcct_3:has(._teddy-card__image--as-background_1vcct_299) {
2822
+ ._teddy-card_1cl9t_3:has(._teddy-card__image--as-background_1cl9t_316) {
2777
2823
  background-color: transparent;
2778
2824
  }
2779
- ._teddy-card__heading_1vcct_67 {
2825
+ ._teddy-card__heading_1cl9t_70 {
2780
2826
  color: inherit;
2781
2827
  }
2782
- ._teddy-card--background-image_1vcct_305 {
2828
+ ._teddy-card--background-image_1cl9t_322 {
2783
2829
  background-repeat: no-repeat;
2784
2830
  background-size: cover;
2785
2831
  background-position: center;
2786
2832
  }
2787
- ._teddy-card__illustration--rounded_1vcct_310 {
2833
+ ._teddy-card__illustration--rounded_1cl9t_327 {
2788
2834
  border-radius: inherit;
2789
2835
  overflow: hidden;
2790
2836
  }
2791
- ._teddy-card__inset_1vcct_314 {
2837
+ ._teddy-card__inset_1cl9t_331 {
2792
2838
  overflow: hidden;
2793
2839
  }
2794
- ._teddy-card__inset--top_1vcct_317 {
2840
+ ._teddy-card__inset--top_1cl9t_334 {
2795
2841
  margin-top: calc(var(--teddy-spacing-250) * -1);
2796
2842
  }
2797
- ._teddy-card__inset--top_1vcct_317._teddy-card__inset--left_1vcct_320 {
2843
+ ._teddy-card__inset--top_1cl9t_334._teddy-card__inset--left_1cl9t_337 {
2798
2844
  border-top-left-radius: inherit;
2799
2845
  }
2800
- ._teddy-card__inset--top_1vcct_317._teddy-card__inset--right_1vcct_323 {
2846
+ ._teddy-card__inset--top_1cl9t_334._teddy-card__inset--right_1cl9t_340 {
2801
2847
  border-top-right-radius: inherit;
2802
2848
  }
2803
- ._teddy-card__inset--bottom_1vcct_326 {
2849
+ ._teddy-card__inset--bottom_1cl9t_343 {
2804
2850
  margin-bottom: calc(var(--teddy-spacing-250) * -1);
2805
2851
  }
2806
- ._teddy-card__inset--bottom_1vcct_326._teddy-card__inset--left_1vcct_320 {
2852
+ ._teddy-card__inset--bottom_1cl9t_343._teddy-card__inset--left_1cl9t_337 {
2807
2853
  border-bottom-left-radius: inherit;
2808
2854
  }
2809
- ._teddy-card__inset--bottom_1vcct_326._teddy-card__inset--right_1vcct_323 {
2855
+ ._teddy-card__inset--bottom_1cl9t_343._teddy-card__inset--right_1cl9t_340 {
2810
2856
  border-bottom-right-radius: inherit;
2811
2857
  }
2812
- ._teddy-card__inset--left_1vcct_320 {
2858
+ ._teddy-card__inset--left_1cl9t_337 {
2813
2859
  margin-left: calc(var(--teddy-spacing-250) * -1);
2814
2860
  }
2815
- ._teddy-card__inset--right_1vcct_323 {
2861
+ ._teddy-card__inset--right_1cl9t_340 {
2816
2862
  margin-right: calc(var(--teddy-spacing-250) * -1);
2817
2863
  }
2818
- ._teddy-card__availability--badge_1vcct_341 {
2864
+ ._teddy-card__availability--badge_1cl9t_358 {
2819
2865
  margin-right: var(--teddy-spacing-150);
2820
2866
  }
2821
- ._teddy-card__availability--success_1vcct_344 {
2867
+ ._teddy-card__availability--success_1cl9t_361 {
2822
2868
  color: var(--teddy-color-text-status-success-strong);
2823
2869
  }
2824
- ._teddy-card__availability--warning_1vcct_347 {
2870
+ ._teddy-card__availability--warning_1cl9t_364 {
2825
2871
  color: var(--teddy-color-text-status-warning-strong);
2826
2872
  }
2827
- ._teddy-card__availability--error_1vcct_350 {
2873
+ ._teddy-card__availability--error_1cl9t_367 {
2828
2874
  color: var(--teddy-color-text-status-error-strong);
2829
2875
  }
2830
- ._teddy-card__availability--special_1vcct_353 {
2876
+ ._teddy-card__availability--special_1cl9t_370 {
2831
2877
  color: var(--teddy-color-text-status-special);
2832
2878
  }
2833
- ._teddy-card__availability--neutral_1vcct_356 {
2879
+ ._teddy-card__availability--neutral_1cl9t_373 {
2834
2880
  color: var(--teddy-color-text-status-neutral);
2835
2881
  }
2836
- ._teddy-card__availability--information_1vcct_359 {
2882
+ ._teddy-card__availability--information_1cl9t_376 {
2837
2883
  color: var(--teddy-color-text-status-info-strong);
2838
2884
  }
2839
2885
  }._teddy-badge_wlyo5_1 {