@telia/teddy 0.1.21 → 0.1.22
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.
- package/dist/components/card/card.cjs +52 -52
- package/dist/components/card/card.js +52 -52
- package/dist/style.css +122 -116
- package/package.json +1 -1
|
@@ -7,58 +7,58 @@ const utils_composeEventHandlers = require("../../utils/composeEventHandlers.cjs
|
|
|
7
7
|
const components_grid_grid = require("../grid/grid.cjs");
|
|
8
8
|
const tokens_color_variables = require("../../tokens/color/variables.cjs");
|
|
9
9
|
const styles = {
|
|
10
|
-
"teddy-card": "_teddy-
|
|
11
|
-
"teddy-card__slot": "_teddy-
|
|
12
|
-
"teddy-card__slot--bottom": "_teddy-card__slot--
|
|
13
|
-
"teddy-card__slot--center": "_teddy-card__slot--
|
|
14
|
-
"teddy-card__slot--no-translate": "_teddy-card__slot--no-
|
|
15
|
-
"teddy-card--shadow": "_teddy-card--
|
|
16
|
-
"teddy-card__action": "_teddy-
|
|
17
|
-
"teddy-card__action--disabled": "_teddy-card__action--
|
|
18
|
-
"teddy-card--border": "_teddy-card--
|
|
19
|
-
"teddy-card--layout": "_teddy-card--
|
|
20
|
-
"teddy-card__illustration": "_teddy-
|
|
21
|
-
"teddy-card__carousel": "_teddy-
|
|
22
|
-
"teddy-card__content": "_teddy-
|
|
23
|
-
"teddy-card__heading": "_teddy-
|
|
24
|
-
"teddy-card__action-wrapper": "_teddy-card__action-
|
|
25
|
-
"teddy-card__footer": "_teddy-
|
|
26
|
-
"teddy-card__overline": "_teddy-
|
|
27
|
-
"teddy-card__description": "_teddy-
|
|
28
|
-
"teddy-card__color-dots": "_teddy-card__color-
|
|
29
|
-
"teddy-card__availability": "_teddy-
|
|
30
|
-
"teddy-card__price": "_teddy-
|
|
31
|
-
"teddy-card--default": "_teddy-card--
|
|
32
|
-
"teddy-card--navigation-vertical": "_teddy-card--navigation-
|
|
33
|
-
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-
|
|
34
|
-
"teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-
|
|
35
|
-
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-
|
|
36
|
-
"teddy-card--rich-card": "_teddy-card--rich-
|
|
37
|
-
"teddy-card--rich-card-large": "_teddy-card--rich-card-
|
|
38
|
-
"teddy-card__line": "_teddy-
|
|
39
|
-
"teddy-card--purple-light": "_teddy-card--purple-
|
|
40
|
-
"teddy-card--purple-dark": "_teddy-card--purple-
|
|
41
|
-
"teddy-card--white": "_teddy-card--
|
|
42
|
-
"teddy-card--gray": "_teddy-card--
|
|
43
|
-
"teddy-card--beige": "_teddy-card--
|
|
44
|
-
"teddy-card--beige-light": "_teddy-card--beige-
|
|
45
|
-
"teddy-card--product": "_teddy-card--
|
|
46
|
-
"teddy-card__price--big": "_teddy-card__price--
|
|
47
|
-
"teddy-card__image--as-background": "_teddy-card__image--as-
|
|
48
|
-
"teddy-card--background-image": "_teddy-card--background-
|
|
49
|
-
"teddy-card__illustration--rounded": "_teddy-card__illustration--
|
|
50
|
-
"teddy-card__inset": "_teddy-
|
|
51
|
-
"teddy-card__inset--top": "_teddy-card__inset--
|
|
52
|
-
"teddy-card__inset--left": "_teddy-card__inset--
|
|
53
|
-
"teddy-card__inset--right": "_teddy-card__inset--
|
|
54
|
-
"teddy-card__inset--bottom": "_teddy-card__inset--
|
|
55
|
-
"teddy-card__availability--badge": "_teddy-card__availability--
|
|
56
|
-
"teddy-card__availability--success": "_teddy-card__availability--
|
|
57
|
-
"teddy-card__availability--warning": "_teddy-card__availability--
|
|
58
|
-
"teddy-card__availability--error": "_teddy-card__availability--
|
|
59
|
-
"teddy-card__availability--special": "_teddy-card__availability--
|
|
60
|
-
"teddy-card__availability--neutral": "_teddy-card__availability--
|
|
61
|
-
"teddy-card__availability--information": "_teddy-card__availability--
|
|
10
|
+
"teddy-card": "_teddy-card_imrpk_3",
|
|
11
|
+
"teddy-card__slot": "_teddy-card__slot_imrpk_13",
|
|
12
|
+
"teddy-card__slot--bottom": "_teddy-card__slot--bottom_imrpk_16",
|
|
13
|
+
"teddy-card__slot--center": "_teddy-card__slot--center_imrpk_19",
|
|
14
|
+
"teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_imrpk_25",
|
|
15
|
+
"teddy-card--shadow": "_teddy-card--shadow_imrpk_44",
|
|
16
|
+
"teddy-card__action": "_teddy-card__action_imrpk_47",
|
|
17
|
+
"teddy-card__action--disabled": "_teddy-card__action--disabled_imrpk_47",
|
|
18
|
+
"teddy-card--border": "_teddy-card--border_imrpk_54",
|
|
19
|
+
"teddy-card--layout": "_teddy-card--layout_imrpk_57",
|
|
20
|
+
"teddy-card__illustration": "_teddy-card__illustration_imrpk_57",
|
|
21
|
+
"teddy-card__carousel": "_teddy-card__carousel_imrpk_60",
|
|
22
|
+
"teddy-card__content": "_teddy-card__content_imrpk_63",
|
|
23
|
+
"teddy-card__heading": "_teddy-card__heading_imrpk_66",
|
|
24
|
+
"teddy-card__action-wrapper": "_teddy-card__action-wrapper_imrpk_69",
|
|
25
|
+
"teddy-card__footer": "_teddy-card__footer_imrpk_72",
|
|
26
|
+
"teddy-card__overline": "_teddy-card__overline_imrpk_75",
|
|
27
|
+
"teddy-card__description": "_teddy-card__description_imrpk_78",
|
|
28
|
+
"teddy-card__color-dots": "_teddy-card__color-dots_imrpk_81",
|
|
29
|
+
"teddy-card__availability": "_teddy-card__availability_imrpk_84",
|
|
30
|
+
"teddy-card__price": "_teddy-card__price_imrpk_87",
|
|
31
|
+
"teddy-card--default": "_teddy-card--default_imrpk_90",
|
|
32
|
+
"teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_imrpk_95",
|
|
33
|
+
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_imrpk_115",
|
|
34
|
+
"teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_imrpk_127",
|
|
35
|
+
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_imrpk_149",
|
|
36
|
+
"teddy-card--rich-card": "_teddy-card--rich-card_imrpk_161",
|
|
37
|
+
"teddy-card--rich-card-large": "_teddy-card--rich-card-large_imrpk_180",
|
|
38
|
+
"teddy-card__line": "_teddy-card__line_imrpk_212",
|
|
39
|
+
"teddy-card--purple-light": "_teddy-card--purple-light_imrpk_216",
|
|
40
|
+
"teddy-card--purple-dark": "_teddy-card--purple-dark_imrpk_230",
|
|
41
|
+
"teddy-card--white": "_teddy-card--white_imrpk_249",
|
|
42
|
+
"teddy-card--gray": "_teddy-card--gray_imrpk_263",
|
|
43
|
+
"teddy-card--beige": "_teddy-card--beige_imrpk_277",
|
|
44
|
+
"teddy-card--beige-light": "_teddy-card--beige-light_imrpk_291",
|
|
45
|
+
"teddy-card--product": "_teddy-card--product_imrpk_305",
|
|
46
|
+
"teddy-card__price--big": "_teddy-card__price--big_imrpk_379",
|
|
47
|
+
"teddy-card__image--as-background": "_teddy-card__image--as-background_imrpk_382",
|
|
48
|
+
"teddy-card--background-image": "_teddy-card--background-image_imrpk_388",
|
|
49
|
+
"teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_imrpk_393",
|
|
50
|
+
"teddy-card__inset": "_teddy-card__inset_imrpk_397",
|
|
51
|
+
"teddy-card__inset--top": "_teddy-card__inset--top_imrpk_400",
|
|
52
|
+
"teddy-card__inset--left": "_teddy-card__inset--left_imrpk_403",
|
|
53
|
+
"teddy-card__inset--right": "_teddy-card__inset--right_imrpk_406",
|
|
54
|
+
"teddy-card__inset--bottom": "_teddy-card__inset--bottom_imrpk_409",
|
|
55
|
+
"teddy-card__availability--badge": "_teddy-card__availability--badge_imrpk_424",
|
|
56
|
+
"teddy-card__availability--success": "_teddy-card__availability--success_imrpk_427",
|
|
57
|
+
"teddy-card__availability--warning": "_teddy-card__availability--warning_imrpk_430",
|
|
58
|
+
"teddy-card__availability--error": "_teddy-card__availability--error_imrpk_433",
|
|
59
|
+
"teddy-card__availability--special": "_teddy-card__availability--special_imrpk_436",
|
|
60
|
+
"teddy-card__availability--neutral": "_teddy-card__availability--neutral_imrpk_439",
|
|
61
|
+
"teddy-card__availability--information": "_teddy-card__availability--information_imrpk_442"
|
|
62
62
|
};
|
|
63
63
|
const rootClassName = "teddy-card";
|
|
64
64
|
const actionElementIdentifier = `${rootClassName}__action`;
|
|
@@ -5,58 +5,58 @@ import { composeEventHandlers } from "../../utils/composeEventHandlers.js";
|
|
|
5
5
|
import { Grid } from "../grid/grid.js";
|
|
6
6
|
import { teddyColorTransparentWhite850, teddyColorTransparentWhite800, teddyColorTransparentWhite100, teddyColorTransparentBlack600, teddyColorTransparentBlack200 } from "../../tokens/color/variables.js";
|
|
7
7
|
const styles = {
|
|
8
|
-
"teddy-card": "_teddy-
|
|
9
|
-
"teddy-card__slot": "_teddy-
|
|
10
|
-
"teddy-card__slot--bottom": "_teddy-card__slot--
|
|
11
|
-
"teddy-card__slot--center": "_teddy-card__slot--
|
|
12
|
-
"teddy-card__slot--no-translate": "_teddy-card__slot--no-
|
|
13
|
-
"teddy-card--shadow": "_teddy-card--
|
|
14
|
-
"teddy-card__action": "_teddy-
|
|
15
|
-
"teddy-card__action--disabled": "_teddy-card__action--
|
|
16
|
-
"teddy-card--border": "_teddy-card--
|
|
17
|
-
"teddy-card--layout": "_teddy-card--
|
|
18
|
-
"teddy-card__illustration": "_teddy-
|
|
19
|
-
"teddy-card__carousel": "_teddy-
|
|
20
|
-
"teddy-card__content": "_teddy-
|
|
21
|
-
"teddy-card__heading": "_teddy-
|
|
22
|
-
"teddy-card__action-wrapper": "_teddy-card__action-
|
|
23
|
-
"teddy-card__footer": "_teddy-
|
|
24
|
-
"teddy-card__overline": "_teddy-
|
|
25
|
-
"teddy-card__description": "_teddy-
|
|
26
|
-
"teddy-card__color-dots": "_teddy-card__color-
|
|
27
|
-
"teddy-card__availability": "_teddy-
|
|
28
|
-
"teddy-card__price": "_teddy-
|
|
29
|
-
"teddy-card--default": "_teddy-card--
|
|
30
|
-
"teddy-card--navigation-vertical": "_teddy-card--navigation-
|
|
31
|
-
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-
|
|
32
|
-
"teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-
|
|
33
|
-
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-
|
|
34
|
-
"teddy-card--rich-card": "_teddy-card--rich-
|
|
35
|
-
"teddy-card--rich-card-large": "_teddy-card--rich-card-
|
|
36
|
-
"teddy-card__line": "_teddy-
|
|
37
|
-
"teddy-card--purple-light": "_teddy-card--purple-
|
|
38
|
-
"teddy-card--purple-dark": "_teddy-card--purple-
|
|
39
|
-
"teddy-card--white": "_teddy-card--
|
|
40
|
-
"teddy-card--gray": "_teddy-card--
|
|
41
|
-
"teddy-card--beige": "_teddy-card--
|
|
42
|
-
"teddy-card--beige-light": "_teddy-card--beige-
|
|
43
|
-
"teddy-card--product": "_teddy-card--
|
|
44
|
-
"teddy-card__price--big": "_teddy-card__price--
|
|
45
|
-
"teddy-card__image--as-background": "_teddy-card__image--as-
|
|
46
|
-
"teddy-card--background-image": "_teddy-card--background-
|
|
47
|
-
"teddy-card__illustration--rounded": "_teddy-card__illustration--
|
|
48
|
-
"teddy-card__inset": "_teddy-
|
|
49
|
-
"teddy-card__inset--top": "_teddy-card__inset--
|
|
50
|
-
"teddy-card__inset--left": "_teddy-card__inset--
|
|
51
|
-
"teddy-card__inset--right": "_teddy-card__inset--
|
|
52
|
-
"teddy-card__inset--bottom": "_teddy-card__inset--
|
|
53
|
-
"teddy-card__availability--badge": "_teddy-card__availability--
|
|
54
|
-
"teddy-card__availability--success": "_teddy-card__availability--
|
|
55
|
-
"teddy-card__availability--warning": "_teddy-card__availability--
|
|
56
|
-
"teddy-card__availability--error": "_teddy-card__availability--
|
|
57
|
-
"teddy-card__availability--special": "_teddy-card__availability--
|
|
58
|
-
"teddy-card__availability--neutral": "_teddy-card__availability--
|
|
59
|
-
"teddy-card__availability--information": "_teddy-card__availability--
|
|
8
|
+
"teddy-card": "_teddy-card_imrpk_3",
|
|
9
|
+
"teddy-card__slot": "_teddy-card__slot_imrpk_13",
|
|
10
|
+
"teddy-card__slot--bottom": "_teddy-card__slot--bottom_imrpk_16",
|
|
11
|
+
"teddy-card__slot--center": "_teddy-card__slot--center_imrpk_19",
|
|
12
|
+
"teddy-card__slot--no-translate": "_teddy-card__slot--no-translate_imrpk_25",
|
|
13
|
+
"teddy-card--shadow": "_teddy-card--shadow_imrpk_44",
|
|
14
|
+
"teddy-card__action": "_teddy-card__action_imrpk_47",
|
|
15
|
+
"teddy-card__action--disabled": "_teddy-card__action--disabled_imrpk_47",
|
|
16
|
+
"teddy-card--border": "_teddy-card--border_imrpk_54",
|
|
17
|
+
"teddy-card--layout": "_teddy-card--layout_imrpk_57",
|
|
18
|
+
"teddy-card__illustration": "_teddy-card__illustration_imrpk_57",
|
|
19
|
+
"teddy-card__carousel": "_teddy-card__carousel_imrpk_60",
|
|
20
|
+
"teddy-card__content": "_teddy-card__content_imrpk_63",
|
|
21
|
+
"teddy-card__heading": "_teddy-card__heading_imrpk_66",
|
|
22
|
+
"teddy-card__action-wrapper": "_teddy-card__action-wrapper_imrpk_69",
|
|
23
|
+
"teddy-card__footer": "_teddy-card__footer_imrpk_72",
|
|
24
|
+
"teddy-card__overline": "_teddy-card__overline_imrpk_75",
|
|
25
|
+
"teddy-card__description": "_teddy-card__description_imrpk_78",
|
|
26
|
+
"teddy-card__color-dots": "_teddy-card__color-dots_imrpk_81",
|
|
27
|
+
"teddy-card__availability": "_teddy-card__availability_imrpk_84",
|
|
28
|
+
"teddy-card__price": "_teddy-card__price_imrpk_87",
|
|
29
|
+
"teddy-card--default": "_teddy-card--default_imrpk_90",
|
|
30
|
+
"teddy-card--navigation-vertical": "_teddy-card--navigation-vertical_imrpk_95",
|
|
31
|
+
"teddy-card--navigation-horizontal-small": "_teddy-card--navigation-horizontal-small_imrpk_115",
|
|
32
|
+
"teddy-card--navigation-horizontal-small-centered": "_teddy-card--navigation-horizontal-small-centered_imrpk_127",
|
|
33
|
+
"teddy-card--navigation-horizontal-large": "_teddy-card--navigation-horizontal-large_imrpk_149",
|
|
34
|
+
"teddy-card--rich-card": "_teddy-card--rich-card_imrpk_161",
|
|
35
|
+
"teddy-card--rich-card-large": "_teddy-card--rich-card-large_imrpk_180",
|
|
36
|
+
"teddy-card__line": "_teddy-card__line_imrpk_212",
|
|
37
|
+
"teddy-card--purple-light": "_teddy-card--purple-light_imrpk_216",
|
|
38
|
+
"teddy-card--purple-dark": "_teddy-card--purple-dark_imrpk_230",
|
|
39
|
+
"teddy-card--white": "_teddy-card--white_imrpk_249",
|
|
40
|
+
"teddy-card--gray": "_teddy-card--gray_imrpk_263",
|
|
41
|
+
"teddy-card--beige": "_teddy-card--beige_imrpk_277",
|
|
42
|
+
"teddy-card--beige-light": "_teddy-card--beige-light_imrpk_291",
|
|
43
|
+
"teddy-card--product": "_teddy-card--product_imrpk_305",
|
|
44
|
+
"teddy-card__price--big": "_teddy-card__price--big_imrpk_379",
|
|
45
|
+
"teddy-card__image--as-background": "_teddy-card__image--as-background_imrpk_382",
|
|
46
|
+
"teddy-card--background-image": "_teddy-card--background-image_imrpk_388",
|
|
47
|
+
"teddy-card__illustration--rounded": "_teddy-card__illustration--rounded_imrpk_393",
|
|
48
|
+
"teddy-card__inset": "_teddy-card__inset_imrpk_397",
|
|
49
|
+
"teddy-card__inset--top": "_teddy-card__inset--top_imrpk_400",
|
|
50
|
+
"teddy-card__inset--left": "_teddy-card__inset--left_imrpk_403",
|
|
51
|
+
"teddy-card__inset--right": "_teddy-card__inset--right_imrpk_406",
|
|
52
|
+
"teddy-card__inset--bottom": "_teddy-card__inset--bottom_imrpk_409",
|
|
53
|
+
"teddy-card__availability--badge": "_teddy-card__availability--badge_imrpk_424",
|
|
54
|
+
"teddy-card__availability--success": "_teddy-card__availability--success_imrpk_427",
|
|
55
|
+
"teddy-card__availability--warning": "_teddy-card__availability--warning_imrpk_430",
|
|
56
|
+
"teddy-card__availability--error": "_teddy-card__availability--error_imrpk_433",
|
|
57
|
+
"teddy-card__availability--special": "_teddy-card__availability--special_imrpk_436",
|
|
58
|
+
"teddy-card__availability--neutral": "_teddy-card__availability--neutral_imrpk_439",
|
|
59
|
+
"teddy-card__availability--information": "_teddy-card__availability--information_imrpk_442"
|
|
60
60
|
};
|
|
61
61
|
const rootClassName = "teddy-card";
|
|
62
62
|
const actionElementIdentifier = `${rootClassName}__action`;
|
package/dist/style.css
CHANGED
|
@@ -2565,32 +2565,32 @@
|
|
|
2565
2565
|
}
|
|
2566
2566
|
}@layer heading, flex, grid, button, card;
|
|
2567
2567
|
@layer card {
|
|
2568
|
-
._teddy-
|
|
2568
|
+
._teddy-card_imrpk_3 {
|
|
2569
2569
|
border-radius: var(--teddy-border-radius-md);
|
|
2570
2570
|
padding: var(--teddy-spacing-250);
|
|
2571
2571
|
position: relative;
|
|
2572
2572
|
}
|
|
2573
2573
|
@media (prefers-reduced-motion: no-preference) {
|
|
2574
|
-
._teddy-
|
|
2574
|
+
._teddy-card_imrpk_3 {
|
|
2575
2575
|
transition: background-color var(--teddy-motion-duration-300) ease;
|
|
2576
2576
|
}
|
|
2577
2577
|
}
|
|
2578
|
-
._teddy-
|
|
2578
|
+
._teddy-card__slot_imrpk_13 {
|
|
2579
2579
|
transform: translateY(-50%);
|
|
2580
2580
|
}
|
|
2581
|
-
._teddy-card__slot--
|
|
2581
|
+
._teddy-card__slot--bottom_imrpk_16 {
|
|
2582
2582
|
transform: translateY(50%);
|
|
2583
2583
|
}
|
|
2584
|
-
._teddy-card__slot--
|
|
2584
|
+
._teddy-card__slot--center_imrpk_19 {
|
|
2585
2585
|
transform: translate(-50%, -50%);
|
|
2586
2586
|
}
|
|
2587
|
-
._teddy-card__slot--
|
|
2587
|
+
._teddy-card__slot--bottom_imrpk_16._teddy-card__slot--center_imrpk_19 {
|
|
2588
2588
|
transform: translate(-50%, 50%);
|
|
2589
2589
|
}
|
|
2590
|
-
._teddy-card__slot--no-
|
|
2590
|
+
._teddy-card__slot--no-translate_imrpk_25 {
|
|
2591
2591
|
transform: initial;
|
|
2592
2592
|
}
|
|
2593
|
-
._teddy-
|
|
2593
|
+
._teddy-card_imrpk_3::before {
|
|
2594
2594
|
content: "";
|
|
2595
2595
|
display: block;
|
|
2596
2596
|
position: absolute;
|
|
@@ -2601,95 +2601,95 @@
|
|
|
2601
2601
|
box-shadow: var(--teddy-shadow-sm);
|
|
2602
2602
|
}
|
|
2603
2603
|
@media (prefers-reduced-motion: no-preference) {
|
|
2604
|
-
._teddy-
|
|
2604
|
+
._teddy-card_imrpk_3::before {
|
|
2605
2605
|
transition: var(--teddy-motion-duration-300) ease;
|
|
2606
2606
|
transition-property: opacity, box-shadow;
|
|
2607
2607
|
}
|
|
2608
2608
|
}
|
|
2609
|
-
._teddy-card--
|
|
2609
|
+
._teddy-card--shadow_imrpk_44::before {
|
|
2610
2610
|
opacity: 1;
|
|
2611
2611
|
}
|
|
2612
|
-
._teddy-
|
|
2612
|
+
._teddy-card_imrpk_3:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2613
2613
|
cursor: pointer;
|
|
2614
2614
|
}
|
|
2615
|
-
._teddy-
|
|
2615
|
+
._teddy-card_imrpk_3:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)):hover:not(:has(button:hover), :has(a:hover)):has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47))::before {
|
|
2616
2616
|
opacity: 1;
|
|
2617
2617
|
box-shadow: var(--teddy-shadow-md);
|
|
2618
2618
|
}
|
|
2619
|
-
._teddy-card--
|
|
2619
|
+
._teddy-card--border_imrpk_54 {
|
|
2620
2620
|
border: var(--teddy-border-width-xs) solid transparent;
|
|
2621
2621
|
}
|
|
2622
|
-
._teddy-card--
|
|
2622
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__illustration_imrpk_57 {
|
|
2623
2623
|
grid-area: illustration;
|
|
2624
2624
|
}
|
|
2625
|
-
._teddy-card--
|
|
2625
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__carousel_imrpk_60 {
|
|
2626
2626
|
grid-area: carousel;
|
|
2627
2627
|
}
|
|
2628
|
-
._teddy-card--
|
|
2628
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__content_imrpk_63 {
|
|
2629
2629
|
grid-area: content;
|
|
2630
2630
|
}
|
|
2631
|
-
._teddy-card--
|
|
2631
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__heading_imrpk_66 {
|
|
2632
2632
|
grid-area: heading;
|
|
2633
2633
|
}
|
|
2634
|
-
._teddy-card--
|
|
2634
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__action-wrapper_imrpk_69 {
|
|
2635
2635
|
grid-area: action;
|
|
2636
2636
|
}
|
|
2637
|
-
._teddy-card--
|
|
2637
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__footer_imrpk_72 {
|
|
2638
2638
|
grid-area: footer;
|
|
2639
2639
|
}
|
|
2640
|
-
._teddy-card--
|
|
2640
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__overline_imrpk_75 {
|
|
2641
2641
|
grid-area: overline;
|
|
2642
2642
|
}
|
|
2643
|
-
._teddy-card--
|
|
2643
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__description_imrpk_78 {
|
|
2644
2644
|
grid-area: description;
|
|
2645
2645
|
}
|
|
2646
|
-
._teddy-card--
|
|
2646
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__color-dots_imrpk_81 {
|
|
2647
2647
|
grid-area: colors;
|
|
2648
2648
|
}
|
|
2649
|
-
._teddy-card--
|
|
2649
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__availability_imrpk_84 {
|
|
2650
2650
|
grid-area: availability;
|
|
2651
2651
|
}
|
|
2652
|
-
._teddy-card--
|
|
2652
|
+
._teddy-card--layout_imrpk_57 ._teddy-card__price_imrpk_87 {
|
|
2653
2653
|
grid-area: price;
|
|
2654
2654
|
}
|
|
2655
|
-
._teddy-card--
|
|
2655
|
+
._teddy-card--default_imrpk_90 {
|
|
2656
2656
|
display: flex;
|
|
2657
2657
|
flex-direction: column;
|
|
2658
2658
|
gap: var(--teddy-spacing-200);
|
|
2659
2659
|
}
|
|
2660
|
-
._teddy-card--navigation-
|
|
2660
|
+
._teddy-card--navigation-vertical_imrpk_95 {
|
|
2661
2661
|
grid-template-rows: auto auto 1fr auto;
|
|
2662
2662
|
justify-items: start;
|
|
2663
2663
|
justify-content: stretch;
|
|
2664
2664
|
align-items: baseline;
|
|
2665
2665
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
2666
2666
|
}
|
|
2667
|
-
._teddy-card--navigation-
|
|
2667
|
+
._teddy-card--navigation-vertical_imrpk_95 ._teddy-card__illustration_imrpk_57 {
|
|
2668
2668
|
margin-bottom: var(--teddy-spacing-200);
|
|
2669
2669
|
}
|
|
2670
|
-
._teddy-card--navigation-
|
|
2670
|
+
._teddy-card--navigation-vertical_imrpk_95 ._teddy-card__content_imrpk_63 {
|
|
2671
2671
|
margin-bottom: var(--teddy-spacing-200);
|
|
2672
2672
|
}
|
|
2673
|
-
._teddy-card--navigation-
|
|
2673
|
+
._teddy-card--navigation-vertical_imrpk_95 ._teddy-card__heading_imrpk_66 {
|
|
2674
2674
|
margin-bottom: var(--teddy-spacing-100);
|
|
2675
2675
|
}
|
|
2676
|
-
._teddy-card--navigation-
|
|
2676
|
+
._teddy-card--navigation-vertical_imrpk_95 ._teddy-card__action-wrapper_imrpk_69 {
|
|
2677
2677
|
margin-top: auto;
|
|
2678
2678
|
justify-self: end;
|
|
2679
2679
|
}
|
|
2680
|
-
._teddy-card--navigation-horizontal-
|
|
2680
|
+
._teddy-card--navigation-horizontal-small_imrpk_115 {
|
|
2681
2681
|
grid-template-columns: auto 1fr auto;
|
|
2682
2682
|
grid-template-rows: auto 1fr;
|
|
2683
2683
|
grid-template-areas: "illustration heading action" "illustration content action";
|
|
2684
2684
|
column-gap: var(--teddy-spacing-200);
|
|
2685
2685
|
}
|
|
2686
|
-
._teddy-card--navigation-horizontal-
|
|
2686
|
+
._teddy-card--navigation-horizontal-small_imrpk_115 ._teddy-card__heading_imrpk_66 {
|
|
2687
2687
|
margin-bottom: var(--teddy-spacing-100);
|
|
2688
2688
|
}
|
|
2689
|
-
._teddy-card--navigation-horizontal-
|
|
2689
|
+
._teddy-card--navigation-horizontal-small_imrpk_115 ._teddy-card__action-wrapper_imrpk_69 {
|
|
2690
2690
|
margin-top: auto;
|
|
2691
2691
|
}
|
|
2692
|
-
._teddy-card--navigation-horizontal-small-
|
|
2692
|
+
._teddy-card--navigation-horizontal-small-centered_imrpk_127 {
|
|
2693
2693
|
width: 100%;
|
|
2694
2694
|
max-width: 26rem;
|
|
2695
2695
|
grid-template-columns: auto 1fr auto;
|
|
@@ -2698,176 +2698,176 @@
|
|
|
2698
2698
|
align-items: center;
|
|
2699
2699
|
column-gap: var(--teddy-spacing-200);
|
|
2700
2700
|
}
|
|
2701
|
-
._teddy-card--navigation-horizontal-small-
|
|
2701
|
+
._teddy-card--navigation-horizontal-small-centered_imrpk_127 ._teddy-card__content_imrpk_63 {
|
|
2702
2702
|
margin-top: var(--teddy-spacing-200);
|
|
2703
2703
|
}
|
|
2704
|
-
._teddy-card--navigation-horizontal-small-
|
|
2704
|
+
._teddy-card--navigation-horizontal-small-centered_imrpk_127 ._teddy-card__action-wrapper_imrpk_69 {
|
|
2705
2705
|
margin: 0;
|
|
2706
2706
|
}
|
|
2707
|
-
._teddy-card--navigation-horizontal-small-
|
|
2707
|
+
._teddy-card--navigation-horizontal-small-centered_imrpk_127 ._teddy-card__illustration_imrpk_57 {
|
|
2708
2708
|
max-height: 80px;
|
|
2709
2709
|
max-width: 100px;
|
|
2710
2710
|
}
|
|
2711
|
-
._teddy-card--navigation-horizontal-small-
|
|
2711
|
+
._teddy-card--navigation-horizontal-small-centered_imrpk_127 ._teddy-card__illustration_imrpk_57 img {
|
|
2712
2712
|
object-fit: contain;
|
|
2713
2713
|
}
|
|
2714
|
-
._teddy-card--navigation-horizontal-
|
|
2714
|
+
._teddy-card--navigation-horizontal-large_imrpk_149 {
|
|
2715
2715
|
grid-template-columns: 1fr auto;
|
|
2716
2716
|
grid-template-rows: auto auto 1fr;
|
|
2717
2717
|
grid-template-areas: "illustration action" "heading action" "content action";
|
|
2718
2718
|
column-gap: var(--teddy-spacing-200);
|
|
2719
2719
|
}
|
|
2720
|
-
._teddy-card--navigation-horizontal-
|
|
2720
|
+
._teddy-card--navigation-horizontal-large_imrpk_149 ._teddy-card__heading_imrpk_66 {
|
|
2721
2721
|
margin-bottom: var(--teddy-spacing-100);
|
|
2722
2722
|
}
|
|
2723
|
-
._teddy-card--navigation-horizontal-
|
|
2723
|
+
._teddy-card--navigation-horizontal-large_imrpk_149 ._teddy-card__action-wrapper_imrpk_69 {
|
|
2724
2724
|
margin-top: auto;
|
|
2725
2725
|
}
|
|
2726
|
-
._teddy-card--rich-
|
|
2726
|
+
._teddy-card--rich-card_imrpk_161 {
|
|
2727
2727
|
justify-items: start;
|
|
2728
2728
|
align-items: baseline;
|
|
2729
2729
|
grid-template-rows: auto auto 1fr auto;
|
|
2730
2730
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
2731
2731
|
}
|
|
2732
|
-
._teddy-card--rich-
|
|
2732
|
+
._teddy-card--rich-card_imrpk_161 ._teddy-card__illustration_imrpk_57 {
|
|
2733
2733
|
margin-bottom: var(--teddy-spacing-200);
|
|
2734
2734
|
}
|
|
2735
|
-
._teddy-card--rich-
|
|
2735
|
+
._teddy-card--rich-card_imrpk_161 ._teddy-card__content_imrpk_63 {
|
|
2736
2736
|
margin-bottom: var(--teddy-spacing-200);
|
|
2737
2737
|
}
|
|
2738
|
-
._teddy-card--rich-
|
|
2738
|
+
._teddy-card--rich-card_imrpk_161 ._teddy-card__heading_imrpk_66 {
|
|
2739
2739
|
margin-bottom: var(--teddy-spacing-100);
|
|
2740
2740
|
}
|
|
2741
|
-
._teddy-card--rich-
|
|
2741
|
+
._teddy-card--rich-card_imrpk_161 ._teddy-card__action-wrapper_imrpk_69 {
|
|
2742
2742
|
margin-top: auto;
|
|
2743
2743
|
}
|
|
2744
2744
|
@media (max-width: 800px) {
|
|
2745
|
-
._teddy-card--rich-card-
|
|
2745
|
+
._teddy-card--rich-card-large_imrpk_180 {
|
|
2746
2746
|
align-items: baseline;
|
|
2747
2747
|
grid-template-rows: auto auto 1fr auto;
|
|
2748
2748
|
grid-template-areas: "illustration" "heading" "content" "action";
|
|
2749
2749
|
}
|
|
2750
2750
|
}
|
|
2751
|
-
._teddy-card--rich-card-
|
|
2751
|
+
._teddy-card--rich-card-large_imrpk_180 ._teddy-card__illustration_imrpk_57 img {
|
|
2752
2752
|
object-fit: cover;
|
|
2753
2753
|
}
|
|
2754
2754
|
@media (min-width: 801px) {
|
|
2755
|
-
._teddy-card--rich-card-
|
|
2755
|
+
._teddy-card--rich-card-large_imrpk_180 ._teddy-card__illustration_imrpk_57 {
|
|
2756
2756
|
grid-column-start: 1;
|
|
2757
2757
|
margin-right: var(--teddy-spacing-600);
|
|
2758
2758
|
}
|
|
2759
2759
|
}
|
|
2760
|
-
._teddy-card--rich-card-
|
|
2760
|
+
._teddy-card--rich-card-large_imrpk_180 ._teddy-card__content_imrpk_63 {
|
|
2761
2761
|
margin-top: 2rem;
|
|
2762
2762
|
}
|
|
2763
2763
|
@media (min-width: 801px) {
|
|
2764
|
-
._teddy-card--rich-card-
|
|
2764
|
+
._teddy-card--rich-card-large_imrpk_180 ._teddy-card__content_imrpk_63 {
|
|
2765
2765
|
grid-column-start: 2;
|
|
2766
2766
|
margin-top: 0;
|
|
2767
2767
|
align-content: center;
|
|
2768
2768
|
}
|
|
2769
2769
|
}
|
|
2770
|
-
._teddy-card--rich-card-
|
|
2770
|
+
._teddy-card--rich-card-large_imrpk_180 ._teddy-card__action_imrpk_47 {
|
|
2771
2771
|
margin-top: var(--teddy-spacing-200);
|
|
2772
2772
|
}
|
|
2773
|
-
._teddy-card--rich-card-
|
|
2773
|
+
._teddy-card--rich-card-large_imrpk_180 ._teddy-card__heading_imrpk_66 {
|
|
2774
2774
|
margin-top: var(--teddy-spacing-100);
|
|
2775
2775
|
margin-bottom: var(--teddy-spacing-100);
|
|
2776
2776
|
}
|
|
2777
|
-
._teddy-
|
|
2777
|
+
._teddy-card__line_imrpk_212 {
|
|
2778
2778
|
border: 0;
|
|
2779
2779
|
border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
2780
2780
|
}
|
|
2781
|
-
._teddy-card--purple-
|
|
2781
|
+
._teddy-card--purple-light_imrpk_216 {
|
|
2782
2782
|
background-color: var(--teddy-color-background-interactive-primary-negative);
|
|
2783
2783
|
color: var(--teddy-color-text-default);
|
|
2784
2784
|
border-color: var(--teddy-color-background-interactive-primary-negative);
|
|
2785
2785
|
}
|
|
2786
|
-
._teddy-card--purple-
|
|
2786
|
+
._teddy-card--purple-light_imrpk_216:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2787
2787
|
background-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
2788
2788
|
}
|
|
2789
|
-
._teddy-card--purple-
|
|
2789
|
+
._teddy-card--purple-light_imrpk_216:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2790
2790
|
background-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
2791
2791
|
}
|
|
2792
|
-
._teddy-card--purple-
|
|
2792
|
+
._teddy-card--purple-light_imrpk_216:has(._teddy-card__action--disabled_imrpk_47) {
|
|
2793
2793
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2794
2794
|
}
|
|
2795
|
-
._teddy-card--purple-
|
|
2795
|
+
._teddy-card--purple-dark_imrpk_230 {
|
|
2796
2796
|
background-color: var(--teddy-color-brand-deep-purple);
|
|
2797
2797
|
color: var(--teddy-color-text-default-negative);
|
|
2798
2798
|
border-color: var(--teddy-color-brand-deep-purple);
|
|
2799
2799
|
}
|
|
2800
|
-
._teddy-card--purple-
|
|
2800
|
+
._teddy-card--purple-dark_imrpk_230:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2801
2801
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
2802
2802
|
}
|
|
2803
|
-
._teddy-card--purple-
|
|
2803
|
+
._teddy-card--purple-dark_imrpk_230:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2804
2804
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
2805
2805
|
}
|
|
2806
|
-
._teddy-card--purple-
|
|
2806
|
+
._teddy-card--purple-dark_imrpk_230:has(._teddy-card__action--disabled_imrpk_47) {
|
|
2807
2807
|
color: var(--teddy-color-text-default);
|
|
2808
2808
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2809
2809
|
}
|
|
2810
|
-
._teddy-card--purple-
|
|
2810
|
+
._teddy-card--purple-dark_imrpk_230:has(._teddy-card__action--disabled_imrpk_47) ._teddy-card__action_imrpk_47 {
|
|
2811
2811
|
color: var(--teddy-color-text-weak);
|
|
2812
2812
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2813
2813
|
}
|
|
2814
|
-
._teddy-card--
|
|
2814
|
+
._teddy-card--white_imrpk_249 {
|
|
2815
2815
|
background-color: var(--teddy-color-brand-white);
|
|
2816
2816
|
color: var(--teddy-color-text-default);
|
|
2817
2817
|
border-color: var(--teddy-color-border-weak);
|
|
2818
2818
|
}
|
|
2819
|
-
._teddy-card--
|
|
2819
|
+
._teddy-card--white_imrpk_249:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2820
2820
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
2821
2821
|
}
|
|
2822
|
-
._teddy-card--
|
|
2822
|
+
._teddy-card--white_imrpk_249:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2823
2823
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
2824
2824
|
}
|
|
2825
|
-
._teddy-card--
|
|
2825
|
+
._teddy-card--white_imrpk_249:has(._teddy-card__action--disabled_imrpk_47) {
|
|
2826
2826
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2827
2827
|
}
|
|
2828
|
-
._teddy-card--
|
|
2828
|
+
._teddy-card--gray_imrpk_263 {
|
|
2829
2829
|
background-color: var(--teddy-color-background-secondary);
|
|
2830
2830
|
color: var(--teddy-color-text-default);
|
|
2831
2831
|
border-color: var(--teddy-color-border-interactive-subtle);
|
|
2832
2832
|
}
|
|
2833
|
-
._teddy-card--
|
|
2833
|
+
._teddy-card--gray_imrpk_263:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2834
2834
|
background-color: var(--teddy-color-gray-100);
|
|
2835
2835
|
}
|
|
2836
|
-
._teddy-card--
|
|
2836
|
+
._teddy-card--gray_imrpk_263:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2837
2837
|
background-color: var(--teddy-color-gray-200);
|
|
2838
2838
|
}
|
|
2839
|
-
._teddy-card--
|
|
2839
|
+
._teddy-card--gray_imrpk_263:has(._teddy-card__action--disabled_imrpk_47) {
|
|
2840
2840
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2841
2841
|
}
|
|
2842
|
-
._teddy-card--
|
|
2842
|
+
._teddy-card--beige_imrpk_277 {
|
|
2843
2843
|
background-color: var(--teddy-color-beige-100);
|
|
2844
2844
|
color: var(--teddy-color-text-default);
|
|
2845
2845
|
border-color: var(--teddy-color-beige-300);
|
|
2846
2846
|
}
|
|
2847
|
-
._teddy-card--
|
|
2847
|
+
._teddy-card--beige_imrpk_277:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2848
2848
|
background-color: var(--teddy-color-beige-200);
|
|
2849
2849
|
}
|
|
2850
|
-
._teddy-card--
|
|
2850
|
+
._teddy-card--beige_imrpk_277:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2851
2851
|
background-color: var(--teddy-color-beige-300);
|
|
2852
2852
|
}
|
|
2853
|
-
._teddy-card--
|
|
2853
|
+
._teddy-card--beige_imrpk_277:has(._teddy-card__action--disabled_imrpk_47) {
|
|
2854
2854
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2855
2855
|
}
|
|
2856
|
-
._teddy-card--beige-
|
|
2856
|
+
._teddy-card--beige-light_imrpk_291 {
|
|
2857
2857
|
background-color: var(--teddy-color-beige-50);
|
|
2858
2858
|
color: var(--teddy-color-text-default);
|
|
2859
2859
|
border-color: var(--teddy-color-beige-200);
|
|
2860
2860
|
}
|
|
2861
|
-
._teddy-card--beige-
|
|
2861
|
+
._teddy-card--beige-light_imrpk_291:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2862
2862
|
background-color: var(--teddy-color-beige-100);
|
|
2863
2863
|
}
|
|
2864
|
-
._teddy-card--beige-
|
|
2864
|
+
._teddy-card--beige-light_imrpk_291:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2865
2865
|
background-color: var(--teddy-color-beige-100);
|
|
2866
2866
|
}
|
|
2867
|
-
._teddy-card--beige-
|
|
2867
|
+
._teddy-card--beige-light_imrpk_291:has(._teddy-card__action--disabled_imrpk_47) {
|
|
2868
2868
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2869
2869
|
}
|
|
2870
|
-
._teddy-card--
|
|
2870
|
+
._teddy-card--product_imrpk_305 {
|
|
2871
2871
|
grid-template-columns: minmax(0, 100%);
|
|
2872
2872
|
grid-template-rows: auto auto auto auto auto auto auto 1fr auto auto;
|
|
2873
2873
|
grid-template-areas: "illustration" "carousel" "overline" "heading" "colors" "description" "content" "price" "action" "availability";
|
|
@@ -2877,128 +2877,134 @@
|
|
|
2877
2877
|
padding-bottom: var(--teddy-spacing-100);
|
|
2878
2878
|
width: 100%;
|
|
2879
2879
|
}
|
|
2880
|
-
._teddy-card--
|
|
2880
|
+
._teddy-card--product_imrpk_305:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2881
2881
|
background-color: var(--teddy-color-brand-white);
|
|
2882
2882
|
outline: var(--teddy-border-width-sm) solid var(--teddy-color-border-interactive-primary);
|
|
2883
2883
|
outline-offset: calc(var(--teddy-border-width-sm) * -1);
|
|
2884
2884
|
}
|
|
2885
|
-
._teddy-card--
|
|
2885
|
+
._teddy-card--product_imrpk_305:hover:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) ._teddy-card__carousel_imrpk_60 .slick-slider .slick-arrow {
|
|
2886
|
+
display: block !important;
|
|
2887
|
+
}
|
|
2888
|
+
._teddy-card--product_imrpk_305:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)) {
|
|
2886
2889
|
-webkit-tap-highlight-color: transparent;
|
|
2887
2890
|
}
|
|
2888
|
-
._teddy-card--
|
|
2891
|
+
._teddy-card--product_imrpk_305:active:has(._teddy-card__action_imrpk_47:not(._teddy-card__action--disabled_imrpk_47)):not(:has(._teddy-card__carousel_imrpk_60:active)) {
|
|
2889
2892
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
2890
2893
|
}
|
|
2891
|
-
._teddy-card--
|
|
2894
|
+
._teddy-card--product_imrpk_305:has(._teddy-card__action--disabled_imrpk_47) {
|
|
2892
2895
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
2893
2896
|
}
|
|
2894
|
-
._teddy-card--
|
|
2897
|
+
._teddy-card--product_imrpk_305 ._teddy-card__action-wrapper_imrpk_69 {
|
|
2895
2898
|
margin-bottom: var(--teddy-spacing-200);
|
|
2896
2899
|
}
|
|
2897
|
-
._teddy-card--
|
|
2900
|
+
._teddy-card--product_imrpk_305 ._teddy-card__illustration_imrpk_57 {
|
|
2898
2901
|
height: 180px;
|
|
2899
2902
|
display: grid;
|
|
2900
2903
|
place-items: center;
|
|
2901
2904
|
place-self: center;
|
|
2902
2905
|
margin-bottom: var(--teddy-spacing-400);
|
|
2903
2906
|
}
|
|
2904
|
-
._teddy-card--
|
|
2907
|
+
._teddy-card--product_imrpk_305 ._teddy-card__illustration_imrpk_57 img {
|
|
2905
2908
|
max-width: 200px;
|
|
2906
2909
|
max-height: 180px;
|
|
2907
2910
|
object-fit: contain;
|
|
2908
2911
|
}
|
|
2909
|
-
._teddy-card--
|
|
2912
|
+
._teddy-card--product_imrpk_305 ._teddy-card__carousel_imrpk_60 .slick-slider .slick-arrow {
|
|
2913
|
+
display: none !important;
|
|
2914
|
+
}
|
|
2915
|
+
._teddy-card--product_imrpk_305 ._teddy-card__carousel_imrpk_60 .slick-dots li {
|
|
2910
2916
|
min-width: 12px;
|
|
2911
2917
|
width: initial !important;
|
|
2912
2918
|
margin: 0 0.25rem !important;
|
|
2913
2919
|
}
|
|
2914
|
-
._teddy-card--
|
|
2920
|
+
._teddy-card--product_imrpk_305 ._teddy-card__carousel_imrpk_60 .slick-dots .slick-active {
|
|
2915
2921
|
min-width: 24px;
|
|
2916
2922
|
width: initial !important;
|
|
2917
2923
|
}
|
|
2918
|
-
._teddy-card--
|
|
2924
|
+
._teddy-card--product_imrpk_305 ._teddy-card__overline_imrpk_75 {
|
|
2919
2925
|
margin-bottom: var(--teddy-spacing-50);
|
|
2920
2926
|
}
|
|
2921
|
-
._teddy-card--
|
|
2927
|
+
._teddy-card--product_imrpk_305 ._teddy-card__heading_imrpk_66 {
|
|
2922
2928
|
margin-bottom: var(--teddy-spacing-200);
|
|
2923
2929
|
}
|
|
2924
|
-
._teddy-card--
|
|
2930
|
+
._teddy-card--product_imrpk_305 ._teddy-card__description_imrpk_78 {
|
|
2925
2931
|
margin-bottom: var(--teddy-spacing-200);
|
|
2926
2932
|
}
|
|
2927
|
-
._teddy-card--
|
|
2933
|
+
._teddy-card--product_imrpk_305 ._teddy-card__content_imrpk_63 {
|
|
2928
2934
|
margin-bottom: var(--teddy-spacing-200);
|
|
2929
2935
|
}
|
|
2930
|
-
._teddy-card--
|
|
2936
|
+
._teddy-card--product_imrpk_305 ._teddy-card__action_imrpk_47 {
|
|
2931
2937
|
margin-top: auto;
|
|
2932
2938
|
margin-left: auto;
|
|
2933
2939
|
justify-self: end;
|
|
2934
2940
|
}
|
|
2935
|
-
._teddy-card--
|
|
2941
|
+
._teddy-card--product_imrpk_305 ._teddy-card__price_imrpk_87 {
|
|
2936
2942
|
display: flex;
|
|
2937
2943
|
}
|
|
2938
|
-
._teddy-card--
|
|
2944
|
+
._teddy-card--product_imrpk_305 ._teddy-card__price--big_imrpk_379 {
|
|
2939
2945
|
font-size: var(--teddy-typography-scale-200);
|
|
2940
2946
|
}
|
|
2941
|
-
._teddy-
|
|
2947
|
+
._teddy-card_imrpk_3:has(._teddy-card__image--as-background_imrpk_382) {
|
|
2942
2948
|
background-color: transparent;
|
|
2943
2949
|
}
|
|
2944
|
-
._teddy-
|
|
2950
|
+
._teddy-card__heading_imrpk_66 {
|
|
2945
2951
|
color: inherit;
|
|
2946
2952
|
}
|
|
2947
|
-
._teddy-card--background-
|
|
2953
|
+
._teddy-card--background-image_imrpk_388 {
|
|
2948
2954
|
background-repeat: no-repeat;
|
|
2949
2955
|
background-size: cover;
|
|
2950
2956
|
background-position: center;
|
|
2951
2957
|
}
|
|
2952
|
-
._teddy-card__illustration--
|
|
2958
|
+
._teddy-card__illustration--rounded_imrpk_393 {
|
|
2953
2959
|
border-radius: inherit;
|
|
2954
2960
|
overflow: hidden;
|
|
2955
2961
|
}
|
|
2956
|
-
._teddy-
|
|
2962
|
+
._teddy-card__inset_imrpk_397 {
|
|
2957
2963
|
overflow: hidden;
|
|
2958
2964
|
}
|
|
2959
|
-
._teddy-card__inset--
|
|
2965
|
+
._teddy-card__inset--top_imrpk_400 {
|
|
2960
2966
|
margin-top: calc(var(--teddy-spacing-250) * -1);
|
|
2961
2967
|
}
|
|
2962
|
-
._teddy-card__inset--
|
|
2968
|
+
._teddy-card__inset--top_imrpk_400._teddy-card__inset--left_imrpk_403 {
|
|
2963
2969
|
border-top-left-radius: inherit;
|
|
2964
2970
|
}
|
|
2965
|
-
._teddy-card__inset--
|
|
2971
|
+
._teddy-card__inset--top_imrpk_400._teddy-card__inset--right_imrpk_406 {
|
|
2966
2972
|
border-top-right-radius: inherit;
|
|
2967
2973
|
}
|
|
2968
|
-
._teddy-card__inset--
|
|
2974
|
+
._teddy-card__inset--bottom_imrpk_409 {
|
|
2969
2975
|
margin-bottom: calc(var(--teddy-spacing-250) * -1);
|
|
2970
2976
|
}
|
|
2971
|
-
._teddy-card__inset--
|
|
2977
|
+
._teddy-card__inset--bottom_imrpk_409._teddy-card__inset--left_imrpk_403 {
|
|
2972
2978
|
border-bottom-left-radius: inherit;
|
|
2973
2979
|
}
|
|
2974
|
-
._teddy-card__inset--
|
|
2980
|
+
._teddy-card__inset--bottom_imrpk_409._teddy-card__inset--right_imrpk_406 {
|
|
2975
2981
|
border-bottom-right-radius: inherit;
|
|
2976
2982
|
}
|
|
2977
|
-
._teddy-card__inset--
|
|
2983
|
+
._teddy-card__inset--left_imrpk_403 {
|
|
2978
2984
|
margin-left: calc(var(--teddy-spacing-250) * -1);
|
|
2979
2985
|
}
|
|
2980
|
-
._teddy-card__inset--
|
|
2986
|
+
._teddy-card__inset--right_imrpk_406 {
|
|
2981
2987
|
margin-right: calc(var(--teddy-spacing-250) * -1);
|
|
2982
2988
|
}
|
|
2983
|
-
._teddy-card__availability--
|
|
2989
|
+
._teddy-card__availability--badge_imrpk_424 {
|
|
2984
2990
|
margin-right: var(--teddy-spacing-150);
|
|
2985
2991
|
}
|
|
2986
|
-
._teddy-card__availability--
|
|
2992
|
+
._teddy-card__availability--success_imrpk_427 {
|
|
2987
2993
|
color: var(--teddy-color-text-status-success-strong);
|
|
2988
2994
|
}
|
|
2989
|
-
._teddy-card__availability--
|
|
2995
|
+
._teddy-card__availability--warning_imrpk_430 {
|
|
2990
2996
|
color: var(--teddy-color-text-status-warning-strong);
|
|
2991
2997
|
}
|
|
2992
|
-
._teddy-card__availability--
|
|
2998
|
+
._teddy-card__availability--error_imrpk_433 {
|
|
2993
2999
|
color: var(--teddy-color-text-status-error-strong);
|
|
2994
3000
|
}
|
|
2995
|
-
._teddy-card__availability--
|
|
3001
|
+
._teddy-card__availability--special_imrpk_436 {
|
|
2996
3002
|
color: var(--teddy-color-text-status-special);
|
|
2997
3003
|
}
|
|
2998
|
-
._teddy-card__availability--
|
|
3004
|
+
._teddy-card__availability--neutral_imrpk_439 {
|
|
2999
3005
|
color: var(--teddy-color-text-status-neutral);
|
|
3000
3006
|
}
|
|
3001
|
-
._teddy-card__availability--
|
|
3007
|
+
._teddy-card__availability--information_imrpk_442 {
|
|
3002
3008
|
color: var(--teddy-color-text-status-info-strong);
|
|
3003
3009
|
}
|
|
3004
3010
|
}._teddy-badge_wlyo5_1 {
|