@telia/teddy 0.7.10 → 0.7.11

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 (43) hide show
  1. package/dist/components/avatar/avatar-root.d.ts +1 -1
  2. package/dist/components/avatar/index.d.ts +1 -1
  3. package/dist/components/breadcrumbs/breadcrumbs-link.d.ts +1 -1
  4. package/dist/components/breadcrumbs/index.d.ts +1 -1
  5. package/dist/components/card/card-link.d.ts +1 -1
  6. package/dist/components/channel-button/channel-button-root.d.ts +2 -2
  7. package/dist/components/channel-button/index.d.ts +2 -2
  8. package/dist/components/checkbox/checkbox-group.d.ts +1 -1
  9. package/dist/components/checkbox/index.d.ts +1 -1
  10. package/dist/components/chip/chip-indicator.d.ts +1 -1
  11. package/dist/components/chip/index.d.ts +1 -1
  12. package/dist/components/dashboard-card/dashboard-card-avatar.d.ts +1 -1
  13. package/dist/components/icon/utils.d.ts +1 -1
  14. package/dist/components/index.cjs +2 -0
  15. package/dist/components/index.d.ts +1 -0
  16. package/dist/components/index.js +2 -0
  17. package/dist/components/metric-meter-experimental/index.cjs +4 -0
  18. package/dist/components/metric-meter-experimental/index.d.ts +2 -0
  19. package/dist/components/metric-meter-experimental/index.js +4 -0
  20. package/dist/components/metric-meter-experimental/metric-meter-experimental.cjs +151 -0
  21. package/dist/components/metric-meter-experimental/metric-meter-experimental.d.ts +22 -0
  22. package/dist/components/metric-meter-experimental/metric-meter-experimental.js +151 -0
  23. package/dist/components/modal/modal-close.cjs +1 -0
  24. package/dist/components/modal/modal-close.js +1 -0
  25. package/dist/components/navigation-menu/navigation-menu.cjs +1 -0
  26. package/dist/components/navigation-menu/navigation-menu.js +1 -0
  27. package/dist/components/notabene/notabene-icon.d.ts +1 -1
  28. package/dist/components/notification/notification-icon.d.ts +1 -1
  29. package/dist/components/radio-card-group/radio-card-group-content.cjs +1 -0
  30. package/dist/components/radio-card-group/radio-card-group-content.js +1 -0
  31. package/dist/components/radio-card-group/radio-card-group-item-title.cjs +1 -0
  32. package/dist/components/radio-card-group/radio-card-group-item-title.js +1 -0
  33. package/dist/components/radio-card-group/radio-card-group-item.cjs +1 -0
  34. package/dist/components/radio-card-group/radio-card-group-item.js +1 -0
  35. package/dist/components/scroll-area/index.d.ts +1 -1
  36. package/dist/components/tabs/index.d.ts +1 -1
  37. package/dist/components/tabs/tabs-root.d.ts +1 -1
  38. package/dist/components/tabs/tabs-scroll.d.ts +1 -1
  39. package/dist/components/toggle/toggle.d.ts +1 -1
  40. package/dist/main.cjs +2 -0
  41. package/dist/main.js +2 -0
  42. package/dist/style.css +377 -349
  43. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -1,176 +1,130 @@
1
- @charset 'UTF-8';._teddy-footer_1xw3m_1 {
2
- background-color: var(--teddy-color-purple-900);
3
- padding-top: var(--teddy-spacing-600);
4
- padding-bottom: var(--teddy-spacing-600);
1
+ @charset 'UTF-8';._teddy-flex_1ncy4_1 {
2
+ box-sizing: border-box;
5
3
  }
6
- @media screen and (max-width: 600px) {
7
- ._teddy-footer_1xw3m_1 {
8
- padding-top: var(--teddy-spacing-250);
9
- padding-bottom: var(--teddy-spacing-250);
4
+
5
+ @layer flex {
6
+ ._teddy-flex_1ncy4_1 {
7
+ display: flex;
10
8
  }
11
- }
12
- ._teddy-footer__container_1xw3m_12 {
13
- display: grid;
14
- grid-template-columns: repeat(4, 1fr);
15
- column-gap: var(--teddy-spacing-200);
16
- margin: 0 var(--teddy-spacing-200);
17
- }
18
- @media screen and (min-width: 600px) {
19
- ._teddy-footer__container_1xw3m_12 {
20
- grid-template-columns: repeat(8, 1fr);
21
- column-gap: var(--teddy-spacing-300);
22
- margin: 0 var(--teddy-spacing-300);
9
+ }@layer icon {
10
+ ._teddy-icon_1ur3a_2 {
11
+ display: inline;
12
+ align-self: center;
13
+ fill: currentColor;
14
+ flex-shrink: 0;
23
15
  }
24
- }
25
- @media screen and (min-width: 1025px) {
26
- ._teddy-footer__container_1xw3m_12 {
27
- grid-template-columns: repeat(12, 1fr);
28
- margin: 0 var(--teddy-spacing-600);
16
+ ._teddy-icon--font_1ur3a_8 {
17
+ width: 1em;
18
+ height: 1em;
29
19
  }
30
- }
31
- @media screen and (min-width: 1441px) {
32
- ._teddy-footer__container_1xw3m_12 {
33
- max-width: 1344px;
34
- grid-template-columns: repeat(12, 1fr);
35
- margin: 0 auto;
20
+ ._teddy-icon--xxs_1ur3a_12 {
21
+ width: var(--teddy-spacing-150);
22
+ height: var(--teddy-spacing-150);
36
23
  }
37
- }
38
- ._teddy-footer__content_1xw3m_38 {
39
- grid-column: 1/span 4;
40
- }
41
- @media screen and (min-width: 600px) {
42
- ._teddy-footer__content_1xw3m_38 {
43
- grid-column: 1/span 8;
24
+ ._teddy-icon--xs_1ur3a_16 {
25
+ width: var(--teddy-spacing-200);
26
+ height: var(--teddy-spacing-200);
44
27
  }
45
- }
46
- @media screen and (min-width: 1025px) {
47
- ._teddy-footer__content_1xw3m_38 {
48
- grid-column: 1/span 12;
28
+ ._teddy-icon--sm_1ur3a_20 {
29
+ width: var(--teddy-spacing-250);
30
+ height: var(--teddy-spacing-250);
49
31
  }
50
- }
51
- ._teddy-footer__top-row_1xw3m_51 {
52
- display: flex;
53
- justify-content: space-between;
54
- }
55
- ._teddy-footer__top-row_1xw3m_51:hover:has(img:hover) {
56
- color: inherit;
57
- background-color: transparent;
58
- }
59
- ._teddy-footer__top-row_1xw3m_51 a:has(svg) {
60
- padding: var(--teddy-spacing-150);
61
- }
62
- @media screen and (max-width: 600px) {
63
- ._teddy-footer__top-row_1xw3m_51:has(svg) {
64
- padding: 0 var(--teddy-spacing-150);
32
+ ._teddy-icon--md_1ur3a_24 {
33
+ width: var(--teddy-spacing-300);
34
+ height: var(--teddy-spacing-300);
65
35
  }
66
- }
67
- ._teddy-footer__list_1xw3m_67 {
68
- display: grid;
69
- gap: var(--teddy-spacing-300);
70
- grid-template-columns: repeat(4, 1fr);
71
- padding: var(--teddy-spacing-600) 0;
72
- }
73
- @media screen and (max-width: 600px) {
74
- ._teddy-footer__list_1xw3m_67 {
75
- padding: 0;
76
- display: flex;
77
- flex-direction: column;
36
+ ._teddy-icon--lg_1ur3a_28 {
37
+ width: var(--teddy-spacing-400);
38
+ height: var(--teddy-spacing-400);
78
39
  }
79
- }
80
- ._teddy-footer__links-list_1xw3m_80 {
81
- display: flex;
82
- flex-direction: column;
83
- gap: var(--teddy-spacing-100);
84
- }
85
- ._teddy-footer__links-list_1xw3m_80 a {
86
- color: var(--teddy-color-brand-white);
87
- text-decoration: none;
88
- }
89
- ._teddy-footer__links-list_1xw3m_80 a:hover {
90
- color: var(--teddy-color-purple-900);
91
- background-color: var(--teddy-color-background-interactive-transparent-hover);
92
- }
93
- ._teddy-footer__column_1xw3m_93 {
94
- display: flex;
95
- flex-direction: column;
96
- gap: var(--teddy-spacing-100);
97
- }
98
- ._teddy-footer__bottom-row_1xw3m_98 {
99
- display: flex;
100
- justify-content: space-between;
101
- padding: 0;
102
- }
103
- @media screen and (max-width: 600px) {
104
- ._teddy-footer__bottom-row_1xw3m_98 {
105
- padding: 0 var(--teddy-spacing-200);
106
- flex-direction: column;
107
- justify-content: flex-start;
108
- gap: var(--teddy-spacing-200);
40
+ ._teddy-icon--xl_1ur3a_32 {
41
+ width: var(--teddy-spacing-600);
42
+ height: var(--teddy-spacing-600);
43
+ }
44
+ ._teddy-icon-with-children_1ur3a_36 {
45
+ display: inline-flex;
46
+ align-items: center;
47
+ font-family: var(--teddy-typography-family-default);
48
+ gap: var(--teddy-spacing-100);
49
+ }
50
+ }@layer text {
51
+ ._teddy-text_15w9u_2 {
52
+ color: inherit;
53
+ display: block;
54
+ margin: 0;
55
+ hyphens: none;
56
+ }
57
+ ._teddy-text--disabled_15w9u_8 {
58
+ color: var(--teddy-color-text-weak);
59
+ }
60
+ ._teddy-text--hyphens_15w9u_11 {
61
+ hyphens: auto;
62
+ }
63
+ ._teddy-text--paragraph-100_15w9u_14 {
64
+ font-family: var(--teddy-typography-family-default);
65
+ font-weight: var(--teddy-typography-weight-normal);
66
+ font-size: var(--teddy-typography-scale-100);
67
+ line-height: var(--teddy-typography-line-height-loose);
68
+ }
69
+ ._teddy-text--paragraph-100-medium_15w9u_20 {
70
+ font-family: var(--teddy-typography-family-default);
71
+ font-weight: var(--teddy-typography-weight-normal);
72
+ font-size: var(--teddy-typography-scale-100);
73
+ line-height: var(--teddy-typography-line-height-loose);
74
+ font-weight: var(--teddy-typography-weight-medium);
75
+ }
76
+ ._teddy-text--paragraph-100-bold_15w9u_27 {
77
+ font-family: var(--teddy-typography-family-default);
78
+ font-weight: var(--teddy-typography-weight-normal);
79
+ font-size: var(--teddy-typography-scale-100);
80
+ line-height: var(--teddy-typography-line-height-loose);
81
+ font-weight: var(--teddy-typography-weight-bold);
82
+ }
83
+ ._teddy-text--paragraph-200_15w9u_34 {
84
+ font-family: var(--teddy-typography-family-default);
85
+ font-weight: var(--teddy-typography-weight-normal);
86
+ font-size: var(--teddy-typography-scale-100);
87
+ line-height: var(--teddy-typography-line-height-looser);
88
+ }
89
+ ._teddy-text--preamble-100_15w9u_40 {
90
+ font-family: var(--teddy-typography-family-default);
91
+ font-weight: var(--teddy-typography-weight-normal);
92
+ font-size: var(--teddy-typography-scale-200);
93
+ line-height: var(--teddy-typography-line-height-loose);
94
+ }
95
+ ._teddy-text--preamble-200_15w9u_46 {
96
+ font-family: var(--teddy-typography-family-default);
97
+ font-weight: var(--teddy-typography-weight-normal);
98
+ font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
99
+ line-height: var(--teddy-typography-line-height-loose);
100
+ }
101
+ ._teddy-text--additional-100_15w9u_52 {
102
+ font-family: var(--teddy-typography-family-default);
103
+ font-weight: var(--teddy-typography-weight-normal);
104
+ font-size: var(--teddy-typography-scale-75);
105
+ line-height: var(--teddy-typography-line-height-loose);
106
+ }
107
+ ._teddy-text--additional-100-medium_15w9u_58 {
108
+ font-family: var(--teddy-typography-family-default);
109
+ font-weight: var(--teddy-typography-weight-normal);
110
+ font-size: var(--teddy-typography-scale-75);
111
+ line-height: var(--teddy-typography-line-height-loose);
112
+ font-weight: var(--teddy-typography-weight-medium);
113
+ }
114
+ ._teddy-text--overline-100_15w9u_65 {
115
+ font-family: var(--teddy-typography-family-default);
116
+ font-size: var(--teddy-typography-scale-75);
117
+ letter-spacing: var(--teddy-spacing-10);
118
+ line-height: var(--teddy-typography-line-height-tight);
119
+ text-transform: uppercase;
120
+ }
121
+ ._teddy-text--overline-200_15w9u_72 {
122
+ font-family: var(--teddy-typography-family-default);
123
+ font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
124
+ letter-spacing: var(--teddy-spacing-10);
125
+ line-height: var(--teddy-typography-line-height-tight);
126
+ text-transform: uppercase;
109
127
  }
110
- }
111
- ._teddy-footer__bottom-row_1xw3m_98 a {
112
- color: var(--teddy-color-purple-300);
113
- align-items: end;
114
- margin-top: auto;
115
- }._teddy-pagination_14dmj_1 {
116
- display: flex;
117
- gap: var(--teddy-spacing-50);
118
- }
119
-
120
- ._teddy-pagination-button_14dmj_6 {
121
- gap: var(--teddy-spacing-50);
122
- padding: var(--teddy-spacing-100);
123
- }
124
- ._teddy-pagination-button--page_14dmj_10 {
125
- padding: var(--teddy-spacing-100) var(--teddy-spacing-150);
126
- }
127
- ._teddy-pagination-button--ellipsis_14dmj_13 {
128
- border: none !important;
129
- background: transparent !important;
130
- color: var(--teddy-color-text-weak) !important;
131
- cursor: default !important;
132
- font-weight: var(--teddy-typography-weight-regular);
133
- }
134
- ._teddy-pagination-button--ellipsis_14dmj_13:hover, ._teddy-pagination-button--ellipsis_14dmj_13:focus, ._teddy-pagination-button--ellipsis_14dmj_13:active {
135
- background: transparent !important;
136
- border: none !important;
137
- color: var(--teddy-color-text-weak) !important;
138
- }
139
-
140
- ._teddy-pagination-page-selector_14dmj_26 {
141
- display: flex;
142
- align-items: center;
143
- gap: var(--teddy-spacing-100);
144
- margin-left: var(--teddy-spacing-150);
145
- margin-right: var(--teddy-spacing-150);
146
- }
147
- ._teddy-pagination-page-selector__select_14dmj_33 {
148
- width: 60px !important;
149
- }
150
- ._teddy-pagination-page-selector__select_14dmj_33 button {
151
- width: 100% !important;
152
- }
153
-
154
- ._teddy-pagination-page-numbers_14dmj_40 {
155
- display: flex;
156
- align-items: center;
157
- gap: var(--teddy-spacing-50);
158
- margin-left: var(--teddy-spacing-150);
159
- margin-right: var(--teddy-spacing-150);
160
- }
161
-
162
- ._teddy-pagination-items-per-page_14dmj_48 {
163
- display: flex;
164
- align-items: center;
165
- gap: var(--teddy-spacing-100);
166
- margin-left: var(--teddy-spacing-150);
167
- margin-right: var(--teddy-spacing-150);
168
- }
169
- ._teddy-pagination-items-per-page__select_14dmj_55 {
170
- width: 70px !important;
171
- }
172
- ._teddy-pagination-items-per-page__select_14dmj_55 button {
173
- width: 100% !important;
174
128
  }._teddy-spinner--xxs_ywden_1 {
175
129
  height: var(--teddy-spacing-250);
176
130
  width: var(--teddy-spacing-250);
@@ -512,125 +466,290 @@
512
466
  ._teddy-button--icon-only_1k5uy_56 ._teddy-button__loading_1k5uy_265 {
513
467
  background-color: var(--teddy-color-gray-100);
514
468
  }
515
- }@layer icon {
516
- ._teddy-icon_1ur3a_2 {
517
- display: inline;
518
- align-self: center;
519
- fill: currentColor;
520
- flex-shrink: 0;
469
+ }@layer heading {
470
+ ._teddy-heading_r8os0_2 {
471
+ color: var(--teddy-color-text-default);
472
+ display: block;
473
+ hyphens: none;
474
+ margin: 0;
475
+ max-width: 60ch;
521
476
  }
522
- ._teddy-icon--font_1ur3a_8 {
523
- width: 1em;
524
- height: 1em;
477
+ ._teddy-heading--hyphens_r8os0_9 {
478
+ hyphens: auto;
525
479
  }
526
- ._teddy-icon--xxs_1ur3a_12 {
527
- width: var(--teddy-spacing-150);
528
- height: var(--teddy-spacing-150);
480
+ ._teddy-heading--subsection-100_r8os0_12 {
481
+ font-family: var(--teddy-typography-family-default);
482
+ font-weight: var(--teddy-typography-weight-medium);
483
+ font-size: var(--teddy-typography-scale-100);
484
+ line-height: var(--teddy-typography-line-height-default);
529
485
  }
530
- ._teddy-icon--xs_1ur3a_16 {
531
- width: var(--teddy-spacing-200);
532
- height: var(--teddy-spacing-200);
486
+ ._teddy-heading--title-100_r8os0_18 {
487
+ font-family: var(--teddy-typography-family-default);
488
+ font-weight: var(--teddy-typography-weight-bold);
489
+ font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
490
+ line-height: var(--teddy-typography-line-height-default);
533
491
  }
534
- ._teddy-icon--sm_1ur3a_20 {
535
- width: var(--teddy-spacing-250);
536
- height: var(--teddy-spacing-250);
492
+ ._teddy-heading--title-200_r8os0_24 {
493
+ font-family: var(--teddy-typography-family-default);
494
+ font-weight: var(--teddy-typography-weight-bold);
495
+ font-size: clamp(var(--teddy-typography-scale-200), 3cqw, var(--teddy-typography-scale-400));
496
+ line-height: var(--teddy-typography-line-height-default);
537
497
  }
538
- ._teddy-icon--md_1ur3a_24 {
539
- width: var(--teddy-spacing-300);
540
- height: var(--teddy-spacing-300);
498
+ ._teddy-heading--title-300_r8os0_30 {
499
+ font-family: var(--teddy-typography-family-default);
500
+ font-weight: var(--teddy-typography-weight-bold);
501
+ font-size: clamp(var(--teddy-typography-scale-400), 3cqw, var(--teddy-typography-scale-600));
502
+ line-height: var(--teddy-typography-line-height-default);
541
503
  }
542
- ._teddy-icon--lg_1ur3a_28 {
543
- width: var(--teddy-spacing-400);
544
- height: var(--teddy-spacing-400);
504
+ ._teddy-heading--title-400_r8os0_36 {
505
+ font-family: var(--teddy-typography-family-default);
506
+ font-weight: var(--teddy-typography-weight-bold);
507
+ font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-700));
508
+ line-height: var(--teddy-typography-line-height-default);
545
509
  }
546
- ._teddy-icon--xl_1ur3a_32 {
547
- width: var(--teddy-spacing-600);
548
- height: var(--teddy-spacing-600);
510
+ ._teddy-heading--title-500_r8os0_42 {
511
+ font-family: var(--teddy-typography-family-default);
512
+ font-weight: var(--teddy-typography-weight-bold);
513
+ font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-800));
514
+ line-height: var(--teddy-typography-line-height-tight);
549
515
  }
550
- ._teddy-icon-with-children_1ur3a_36 {
551
- display: inline-flex;
552
- align-items: center;
516
+ ._teddy-heading--title-600_r8os0_48 {
553
517
  font-family: var(--teddy-typography-family-default);
554
- gap: var(--teddy-spacing-100);
518
+ font-weight: var(--teddy-typography-weight-bold);
519
+ font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
520
+ line-height: var(--teddy-typography-line-height-tight);
555
521
  }
556
- }@layer text {
557
- ._teddy-text_15w9u_2 {
558
- color: inherit;
559
- display: block;
560
- margin: 0;
561
- hyphens: none;
522
+ ._teddy-heading--title-700_r8os0_54 {
523
+ font-family: var(--teddy-typography-family-default);
524
+ font-weight: var(--teddy-typography-weight-bold);
525
+ font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
526
+ line-height: var(--teddy-typography-line-height-tight);
562
527
  }
563
- ._teddy-text--disabled_15w9u_8 {
564
- color: var(--teddy-color-text-weak);
528
+ ._teddy-heading--display-25_r8os0_60 {
529
+ font-family: var(--teddy-typography-family-display);
530
+ font-weight: var(--teddy-typography-weight-medium);
531
+ font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
532
+ line-height: var(--teddy-typography-line-height-tight);
565
533
  }
566
- ._teddy-text--hyphens_15w9u_11 {
567
- hyphens: auto;
534
+ ._teddy-heading--display-50_r8os0_66 {
535
+ font-family: var(--teddy-typography-family-display);
536
+ font-weight: var(--teddy-typography-weight-medium);
537
+ font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
538
+ line-height: var(--teddy-typography-line-height-tight);
568
539
  }
569
- ._teddy-text--paragraph-100_15w9u_14 {
570
- font-family: var(--teddy-typography-family-default);
571
- font-weight: var(--teddy-typography-weight-normal);
572
- font-size: var(--teddy-typography-scale-100);
573
- line-height: var(--teddy-typography-line-height-loose);
540
+ ._teddy-heading--display-100_r8os0_72 {
541
+ font-family: var(--teddy-typography-family-display);
542
+ font-weight: var(--teddy-typography-weight-medium);
543
+ font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
544
+ line-height: var(--teddy-typography-line-height-tight);
574
545
  }
575
- ._teddy-text--paragraph-100-medium_15w9u_20 {
576
- font-family: var(--teddy-typography-family-default);
577
- font-weight: var(--teddy-typography-weight-normal);
578
- font-size: var(--teddy-typography-scale-100);
579
- line-height: var(--teddy-typography-line-height-loose);
546
+ ._teddy-heading--display-200_r8os0_78 {
547
+ font-family: var(--teddy-typography-family-display);
580
548
  font-weight: var(--teddy-typography-weight-medium);
549
+ font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
550
+ line-height: var(--teddy-typography-line-height-tight);
581
551
  }
582
- ._teddy-text--paragraph-100-bold_15w9u_27 {
583
- font-family: var(--teddy-typography-family-default);
584
- font-weight: var(--teddy-typography-weight-normal);
585
- font-size: var(--teddy-typography-scale-100);
586
- line-height: var(--teddy-typography-line-height-loose);
587
- font-weight: var(--teddy-typography-weight-bold);
552
+ }._teddy-metric-meter-experimental_mgd0h_1 {
553
+ position: relative;
554
+ display: flex;
555
+ flex-direction: column;
556
+ align-items: center;
557
+ font-family: inherit;
558
+ user-select: none;
559
+ }
560
+ ._teddy-metric-meter-experimental--disabled_mgd0h_9 {
561
+ opacity: 0.55;
562
+ cursor: not-allowed;
563
+ }
564
+ ._teddy-metric-meter-experimental_mgd0h_1[data-focusable=true]:focus-visible {
565
+ outline: 2px solid var(--teddy-color-focus-ring, #4e0174);
566
+ outline-offset: 4px;
567
+ border-radius: 8px;
568
+ }
569
+ ._teddy-metric-meter-experimental__fade_mgd0h_18 {
570
+ transition: opacity 0.25s ease, visibility 0.25s ease;
571
+ }
572
+ ._teddy-metric-meter-experimental__fade--hidden_mgd0h_21 {
573
+ opacity: 0;
574
+ visibility: hidden;
575
+ }
576
+ ._teddy-metric-meter-experimental__svg_mgd0h_25 {
577
+ position: relative;
578
+ width: 240px;
579
+ height: 240px;
580
+ }._teddy-footer_1xw3m_1 {
581
+ background-color: var(--teddy-color-purple-900);
582
+ padding-top: var(--teddy-spacing-600);
583
+ padding-bottom: var(--teddy-spacing-600);
584
+ }
585
+ @media screen and (max-width: 600px) {
586
+ ._teddy-footer_1xw3m_1 {
587
+ padding-top: var(--teddy-spacing-250);
588
+ padding-bottom: var(--teddy-spacing-250);
588
589
  }
589
- ._teddy-text--paragraph-200_15w9u_34 {
590
- font-family: var(--teddy-typography-family-default);
591
- font-weight: var(--teddy-typography-weight-normal);
592
- font-size: var(--teddy-typography-scale-100);
593
- line-height: var(--teddy-typography-line-height-looser);
590
+ }
591
+ ._teddy-footer__container_1xw3m_12 {
592
+ display: grid;
593
+ grid-template-columns: repeat(4, 1fr);
594
+ column-gap: var(--teddy-spacing-200);
595
+ margin: 0 var(--teddy-spacing-200);
596
+ }
597
+ @media screen and (min-width: 600px) {
598
+ ._teddy-footer__container_1xw3m_12 {
599
+ grid-template-columns: repeat(8, 1fr);
600
+ column-gap: var(--teddy-spacing-300);
601
+ margin: 0 var(--teddy-spacing-300);
594
602
  }
595
- ._teddy-text--preamble-100_15w9u_40 {
596
- font-family: var(--teddy-typography-family-default);
597
- font-weight: var(--teddy-typography-weight-normal);
598
- font-size: var(--teddy-typography-scale-200);
599
- line-height: var(--teddy-typography-line-height-loose);
603
+ }
604
+ @media screen and (min-width: 1025px) {
605
+ ._teddy-footer__container_1xw3m_12 {
606
+ grid-template-columns: repeat(12, 1fr);
607
+ margin: 0 var(--teddy-spacing-600);
608
+ }
609
+ }
610
+ @media screen and (min-width: 1441px) {
611
+ ._teddy-footer__container_1xw3m_12 {
612
+ max-width: 1344px;
613
+ grid-template-columns: repeat(12, 1fr);
614
+ margin: 0 auto;
600
615
  }
601
- ._teddy-text--preamble-200_15w9u_46 {
602
- font-family: var(--teddy-typography-family-default);
603
- font-weight: var(--teddy-typography-weight-normal);
604
- font-size: clamp(var(--teddy-typography-scale-150), 3vw, var(--teddy-typography-scale-400));
605
- line-height: var(--teddy-typography-line-height-loose);
616
+ }
617
+ ._teddy-footer__content_1xw3m_38 {
618
+ grid-column: 1/span 4;
619
+ }
620
+ @media screen and (min-width: 600px) {
621
+ ._teddy-footer__content_1xw3m_38 {
622
+ grid-column: 1/span 8;
606
623
  }
607
- ._teddy-text--additional-100_15w9u_52 {
608
- font-family: var(--teddy-typography-family-default);
609
- font-weight: var(--teddy-typography-weight-normal);
610
- font-size: var(--teddy-typography-scale-75);
611
- line-height: var(--teddy-typography-line-height-loose);
624
+ }
625
+ @media screen and (min-width: 1025px) {
626
+ ._teddy-footer__content_1xw3m_38 {
627
+ grid-column: 1/span 12;
612
628
  }
613
- ._teddy-text--additional-100-medium_15w9u_58 {
614
- font-family: var(--teddy-typography-family-default);
615
- font-weight: var(--teddy-typography-weight-normal);
616
- font-size: var(--teddy-typography-scale-75);
617
- line-height: var(--teddy-typography-line-height-loose);
618
- font-weight: var(--teddy-typography-weight-medium);
629
+ }
630
+ ._teddy-footer__top-row_1xw3m_51 {
631
+ display: flex;
632
+ justify-content: space-between;
633
+ }
634
+ ._teddy-footer__top-row_1xw3m_51:hover:has(img:hover) {
635
+ color: inherit;
636
+ background-color: transparent;
637
+ }
638
+ ._teddy-footer__top-row_1xw3m_51 a:has(svg) {
639
+ padding: var(--teddy-spacing-150);
640
+ }
641
+ @media screen and (max-width: 600px) {
642
+ ._teddy-footer__top-row_1xw3m_51:has(svg) {
643
+ padding: 0 var(--teddy-spacing-150);
619
644
  }
620
- ._teddy-text--overline-100_15w9u_65 {
621
- font-family: var(--teddy-typography-family-default);
622
- font-size: var(--teddy-typography-scale-75);
623
- letter-spacing: var(--teddy-spacing-10);
624
- line-height: var(--teddy-typography-line-height-tight);
625
- text-transform: uppercase;
645
+ }
646
+ ._teddy-footer__list_1xw3m_67 {
647
+ display: grid;
648
+ gap: var(--teddy-spacing-300);
649
+ grid-template-columns: repeat(4, 1fr);
650
+ padding: var(--teddy-spacing-600) 0;
651
+ }
652
+ @media screen and (max-width: 600px) {
653
+ ._teddy-footer__list_1xw3m_67 {
654
+ padding: 0;
655
+ display: flex;
656
+ flex-direction: column;
626
657
  }
627
- ._teddy-text--overline-200_15w9u_72 {
628
- font-family: var(--teddy-typography-family-default);
629
- font-size: clamp(var(--teddy-typography-scale-75), 3vw, var(--teddy-typography-scale-100));
630
- letter-spacing: var(--teddy-spacing-10);
631
- line-height: var(--teddy-typography-line-height-tight);
632
- text-transform: uppercase;
658
+ }
659
+ ._teddy-footer__links-list_1xw3m_80 {
660
+ display: flex;
661
+ flex-direction: column;
662
+ gap: var(--teddy-spacing-100);
663
+ }
664
+ ._teddy-footer__links-list_1xw3m_80 a {
665
+ color: var(--teddy-color-brand-white);
666
+ text-decoration: none;
667
+ }
668
+ ._teddy-footer__links-list_1xw3m_80 a:hover {
669
+ color: var(--teddy-color-purple-900);
670
+ background-color: var(--teddy-color-background-interactive-transparent-hover);
671
+ }
672
+ ._teddy-footer__column_1xw3m_93 {
673
+ display: flex;
674
+ flex-direction: column;
675
+ gap: var(--teddy-spacing-100);
676
+ }
677
+ ._teddy-footer__bottom-row_1xw3m_98 {
678
+ display: flex;
679
+ justify-content: space-between;
680
+ padding: 0;
681
+ }
682
+ @media screen and (max-width: 600px) {
683
+ ._teddy-footer__bottom-row_1xw3m_98 {
684
+ padding: 0 var(--teddy-spacing-200);
685
+ flex-direction: column;
686
+ justify-content: flex-start;
687
+ gap: var(--teddy-spacing-200);
633
688
  }
689
+ }
690
+ ._teddy-footer__bottom-row_1xw3m_98 a {
691
+ color: var(--teddy-color-purple-300);
692
+ align-items: end;
693
+ margin-top: auto;
694
+ }._teddy-pagination_14dmj_1 {
695
+ display: flex;
696
+ gap: var(--teddy-spacing-50);
697
+ }
698
+
699
+ ._teddy-pagination-button_14dmj_6 {
700
+ gap: var(--teddy-spacing-50);
701
+ padding: var(--teddy-spacing-100);
702
+ }
703
+ ._teddy-pagination-button--page_14dmj_10 {
704
+ padding: var(--teddy-spacing-100) var(--teddy-spacing-150);
705
+ }
706
+ ._teddy-pagination-button--ellipsis_14dmj_13 {
707
+ border: none !important;
708
+ background: transparent !important;
709
+ color: var(--teddy-color-text-weak) !important;
710
+ cursor: default !important;
711
+ font-weight: var(--teddy-typography-weight-regular);
712
+ }
713
+ ._teddy-pagination-button--ellipsis_14dmj_13:hover, ._teddy-pagination-button--ellipsis_14dmj_13:focus, ._teddy-pagination-button--ellipsis_14dmj_13:active {
714
+ background: transparent !important;
715
+ border: none !important;
716
+ color: var(--teddy-color-text-weak) !important;
717
+ }
718
+
719
+ ._teddy-pagination-page-selector_14dmj_26 {
720
+ display: flex;
721
+ align-items: center;
722
+ gap: var(--teddy-spacing-100);
723
+ margin-left: var(--teddy-spacing-150);
724
+ margin-right: var(--teddy-spacing-150);
725
+ }
726
+ ._teddy-pagination-page-selector__select_14dmj_33 {
727
+ width: 60px !important;
728
+ }
729
+ ._teddy-pagination-page-selector__select_14dmj_33 button {
730
+ width: 100% !important;
731
+ }
732
+
733
+ ._teddy-pagination-page-numbers_14dmj_40 {
734
+ display: flex;
735
+ align-items: center;
736
+ gap: var(--teddy-spacing-50);
737
+ margin-left: var(--teddy-spacing-150);
738
+ margin-right: var(--teddy-spacing-150);
739
+ }
740
+
741
+ ._teddy-pagination-items-per-page_14dmj_48 {
742
+ display: flex;
743
+ align-items: center;
744
+ gap: var(--teddy-spacing-100);
745
+ margin-left: var(--teddy-spacing-150);
746
+ margin-right: var(--teddy-spacing-150);
747
+ }
748
+ ._teddy-pagination-items-per-page__select_14dmj_55 {
749
+ width: 70px !important;
750
+ }
751
+ ._teddy-pagination-items-per-page__select_14dmj_55 button {
752
+ width: 100% !important;
634
753
  }._teddy-label_1hc8e_1 {
635
754
  color: var(--teddy-color-text-default);
636
755
  font-family: var(--teddy-typography-family-default);
@@ -936,89 +1055,6 @@
936
1055
  pointer-events: none;
937
1056
  cursor: not-allowed;
938
1057
  }
939
- }@layer heading {
940
- ._teddy-heading_r8os0_2 {
941
- color: var(--teddy-color-text-default);
942
- display: block;
943
- hyphens: none;
944
- margin: 0;
945
- max-width: 60ch;
946
- }
947
- ._teddy-heading--hyphens_r8os0_9 {
948
- hyphens: auto;
949
- }
950
- ._teddy-heading--subsection-100_r8os0_12 {
951
- font-family: var(--teddy-typography-family-default);
952
- font-weight: var(--teddy-typography-weight-medium);
953
- font-size: var(--teddy-typography-scale-100);
954
- line-height: var(--teddy-typography-line-height-default);
955
- }
956
- ._teddy-heading--title-100_r8os0_18 {
957
- font-family: var(--teddy-typography-family-default);
958
- font-weight: var(--teddy-typography-weight-bold);
959
- font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
960
- line-height: var(--teddy-typography-line-height-default);
961
- }
962
- ._teddy-heading--title-200_r8os0_24 {
963
- font-family: var(--teddy-typography-family-default);
964
- font-weight: var(--teddy-typography-weight-bold);
965
- font-size: clamp(var(--teddy-typography-scale-200), 3cqw, var(--teddy-typography-scale-400));
966
- line-height: var(--teddy-typography-line-height-default);
967
- }
968
- ._teddy-heading--title-300_r8os0_30 {
969
- font-family: var(--teddy-typography-family-default);
970
- font-weight: var(--teddy-typography-weight-bold);
971
- font-size: clamp(var(--teddy-typography-scale-400), 3cqw, var(--teddy-typography-scale-600));
972
- line-height: var(--teddy-typography-line-height-default);
973
- }
974
- ._teddy-heading--title-400_r8os0_36 {
975
- font-family: var(--teddy-typography-family-default);
976
- font-weight: var(--teddy-typography-weight-bold);
977
- font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-700));
978
- line-height: var(--teddy-typography-line-height-default);
979
- }
980
- ._teddy-heading--title-500_r8os0_42 {
981
- font-family: var(--teddy-typography-family-default);
982
- font-weight: var(--teddy-typography-weight-bold);
983
- font-size: clamp(var(--teddy-typography-scale-500), 3cqw, var(--teddy-typography-scale-800));
984
- line-height: var(--teddy-typography-line-height-tight);
985
- }
986
- ._teddy-heading--title-600_r8os0_48 {
987
- font-family: var(--teddy-typography-family-default);
988
- font-weight: var(--teddy-typography-weight-bold);
989
- font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
990
- line-height: var(--teddy-typography-line-height-tight);
991
- }
992
- ._teddy-heading--title-700_r8os0_54 {
993
- font-family: var(--teddy-typography-family-default);
994
- font-weight: var(--teddy-typography-weight-bold);
995
- font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
996
- line-height: var(--teddy-typography-line-height-tight);
997
- }
998
- ._teddy-heading--display-25_r8os0_60 {
999
- font-family: var(--teddy-typography-family-display);
1000
- font-weight: var(--teddy-typography-weight-medium);
1001
- font-size: clamp(var(--teddy-typography-scale-600), 3cqw, var(--teddy-typography-scale-800));
1002
- line-height: var(--teddy-typography-line-height-tight);
1003
- }
1004
- ._teddy-heading--display-50_r8os0_66 {
1005
- font-family: var(--teddy-typography-family-display);
1006
- font-weight: var(--teddy-typography-weight-medium);
1007
- font-size: clamp(var(--teddy-typography-scale-650), 3cqw, var(--teddy-typography-scale-850));
1008
- line-height: var(--teddy-typography-line-height-tight);
1009
- }
1010
- ._teddy-heading--display-100_r8os0_72 {
1011
- font-family: var(--teddy-typography-family-display);
1012
- font-weight: var(--teddy-typography-weight-medium);
1013
- font-size: clamp(var(--teddy-typography-scale-700), 3cqw, var(--teddy-typography-scale-900));
1014
- line-height: var(--teddy-typography-line-height-tight);
1015
- }
1016
- ._teddy-heading--display-200_r8os0_78 {
1017
- font-family: var(--teddy-typography-family-display);
1018
- font-weight: var(--teddy-typography-weight-medium);
1019
- font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
1020
- line-height: var(--teddy-typography-line-height-tight);
1021
- }
1022
1058
  }._teddy-scroll-area_1r6mf_1 {
1023
1059
  position: relative;
1024
1060
  overflow: hidden;
@@ -1745,14 +1781,6 @@
1745
1781
  ._teddy-card__availability--information_1hzu6_457 {
1746
1782
  color: var(--teddy-color-text-status-info-strong);
1747
1783
  }
1748
- }._teddy-flex_1ncy4_1 {
1749
- box-sizing: border-box;
1750
- }
1751
-
1752
- @layer flex {
1753
- ._teddy-flex_1ncy4_1 {
1754
- display: flex;
1755
- }
1756
1784
  }@layer link {
1757
1785
  ._teddy-link_1vpvx_2 {
1758
1786
  align-items: center;