@undrr/undrr-mangrove 1.2.1
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/LICENSE +201 -0
- package/README.md +209 -0
- package/dist/assets/css/style-gutenberg.css +150 -0
- package/dist/assets/css/style-gutenberg.css.map +1 -0
- package/dist/assets/css/style-irp.css +480 -0
- package/dist/assets/css/style-irp.css.map +1 -0
- package/dist/assets/css/style-mcr.css +480 -0
- package/dist/assets/css/style-mcr.css.map +1 -0
- package/dist/assets/css/style-preventionweb.css +480 -0
- package/dist/assets/css/style-preventionweb.css.map +1 -0
- package/dist/assets/css/style.css +473 -0
- package/dist/assets/css/style.css.map +1 -0
- package/dist/assets/fonts/mangrove-icon-set/LICENSE.txt +21 -0
- package/dist/assets/fonts/mangrove-icon-set/README.txt +75 -0
- package/dist/assets/fonts/mangrove-icon-set/config.json +336 -0
- package/dist/assets/fonts/mangrove-icon-set/demo.html +403 -0
- package/dist/assets/fonts/mangrove-icon-set/font/mangrove-icon-set.eot +0 -0
- package/dist/assets/fonts/mangrove-icon-set/font/mangrove-icon-set.svg +116 -0
- package/dist/assets/fonts/mangrove-icon-set/font/mangrove-icon-set.ttf +0 -0
- package/dist/assets/fonts/mangrove-icon-set/font/mangrove-icon-set.woff +0 -0
- package/dist/assets/fonts/mangrove-icon-set/font/mangrove-icon-set.woff2 +0 -0
- package/dist/assets/fonts/roboto/README.md +12 -0
- package/dist/assets/fonts/roboto/fonts/Black/Roboto-Black.woff +0 -0
- package/dist/assets/fonts/roboto/fonts/Black/Roboto-Black.woff2 +0 -0
- package/dist/assets/fonts/roboto/fonts/BlackItalic/Roboto-BlackItalic.woff +0 -0
- package/dist/assets/fonts/roboto/fonts/BlackItalic/Roboto-BlackItalic.woff2 +0 -0
- package/dist/assets/fonts/roboto/fonts/Bold/Roboto-Bold.woff +0 -0
- package/dist/assets/fonts/roboto/fonts/Bold/Roboto-Bold.woff2 +0 -0
- package/dist/assets/fonts/roboto/fonts/BoldItalic/Roboto-BoldItalic.woff +0 -0
- package/dist/assets/fonts/roboto/fonts/BoldItalic/Roboto-BoldItalic.woff2 +0 -0
- package/dist/assets/fonts/roboto/fonts/COPYRIGHT.txt +1 -0
- package/dist/assets/fonts/roboto/fonts/DESCRIPTION.en_us.html +13 -0
- package/dist/assets/fonts/roboto/fonts/Italic/Roboto-Italic.woff +0 -0
- package/dist/assets/fonts/roboto/fonts/Italic/Roboto-Italic.woff2 +0 -0
- package/dist/assets/fonts/roboto/fonts/LICENSE.txt +202 -0
- package/dist/assets/fonts/roboto/fonts/Light/Roboto-Light.woff +0 -0
- package/dist/assets/fonts/roboto/fonts/Light/Roboto-Light.woff2 +0 -0
- package/dist/assets/fonts/roboto/fonts/LightItalic/Roboto-LightItalic.woff +0 -0
- package/dist/assets/fonts/roboto/fonts/LightItalic/Roboto-LightItalic.woff2 +0 -0
- package/dist/assets/fonts/roboto/fonts/METADATA.pb +121 -0
- package/dist/assets/fonts/roboto/fonts/Medium/Roboto-Medium.woff +0 -0
- package/dist/assets/fonts/roboto/fonts/Medium/Roboto-Medium.woff2 +0 -0
- package/dist/assets/fonts/roboto/fonts/MediumItalic/Roboto-MediumItalic.woff +0 -0
- package/dist/assets/fonts/roboto/fonts/MediumItalic/Roboto-MediumItalic.woff2 +0 -0
- package/dist/assets/fonts/roboto/fonts/Regular/Roboto-Regular.woff +0 -0
- package/dist/assets/fonts/roboto/fonts/Regular/Roboto-Regular.woff2 +0 -0
- package/dist/assets/fonts/roboto/fonts/Thin/Roboto-Thin.woff +0 -0
- package/dist/assets/fonts/roboto/fonts/Thin/Roboto-Thin.woff2 +0 -0
- package/dist/assets/fonts/roboto/fonts/ThinItalic/Roboto-ThinItalic.woff +0 -0
- package/dist/assets/fonts/roboto/fonts/ThinItalic/Roboto-ThinItalic.woff2 +0 -0
- package/dist/assets/fonts/roboto/roboto.scss +15 -0
- package/dist/assets/fonts/roboto/sass/_Black.scss +10 -0
- package/dist/assets/fonts/roboto/sass/_BlackItalic.scss +10 -0
- package/dist/assets/fonts/roboto/sass/_Bold.scss +19 -0
- package/dist/assets/fonts/roboto/sass/_BoldItalic.scss +19 -0
- package/dist/assets/fonts/roboto/sass/_Italic.scss +19 -0
- package/dist/assets/fonts/roboto/sass/_Light.scss +10 -0
- package/dist/assets/fonts/roboto/sass/_LightItalic.scss +10 -0
- package/dist/assets/fonts/roboto/sass/_Medium.scss +10 -0
- package/dist/assets/fonts/roboto/sass/_MediumItalic.scss +10 -0
- package/dist/assets/fonts/roboto/sass/_Regular.scss +19 -0
- package/dist/assets/fonts/roboto/sass/_Thin.scss +10 -0
- package/dist/assets/fonts/roboto/sass/_ThinItalic.scss +10 -0
- package/dist/assets/fonts/roboto/sass/_mixins.scss +5 -0
- package/dist/assets/fonts/roboto/sass/_variables.scss +2 -0
- package/dist/assets/fonts/roboto/sass/roboto.scss +15 -0
- package/dist/assets/fonts/roboto-condensed/LICENSE +201 -0
- package/dist/assets/fonts/roboto-condensed/README.md +8 -0
- package/dist/assets/fonts/roboto-condensed/fonts/Bold/RobotoCondensed-Bold.woff +0 -0
- package/dist/assets/fonts/roboto-condensed/fonts/Bold/RobotoCondensed-Bold.woff2 +0 -0
- package/dist/assets/fonts/roboto-condensed/fonts/BoldItalic/RobotoCondensed-BoldItalic.woff +0 -0
- package/dist/assets/fonts/roboto-condensed/fonts/BoldItalic/RobotoCondensed-BoldItalic.woff2 +0 -0
- package/dist/assets/fonts/roboto-condensed/fonts/COPYRIGHT.txt +1 -0
- package/dist/assets/fonts/roboto-condensed/fonts/DESCRIPTION.en_us.html +13 -0
- package/dist/assets/fonts/roboto-condensed/fonts/Italic/RobotoCondensed-Italic.woff +0 -0
- package/dist/assets/fonts/roboto-condensed/fonts/Italic/RobotoCondensed-Italic.woff2 +0 -0
- package/dist/assets/fonts/roboto-condensed/fonts/LICENSE.txt +202 -0
- package/dist/assets/fonts/roboto-condensed/fonts/Light/RobotoCondensed-Light.woff +0 -0
- package/dist/assets/fonts/roboto-condensed/fonts/Light/RobotoCondensed-Light.woff2 +0 -0
- package/dist/assets/fonts/roboto-condensed/fonts/LightItalic/RobotoCondensed-LightItalic.woff +0 -0
- package/dist/assets/fonts/roboto-condensed/fonts/LightItalic/RobotoCondensed-LightItalic.woff2 +0 -0
- package/dist/assets/fonts/roboto-condensed/fonts/METADATA.pb +67 -0
- package/dist/assets/fonts/roboto-condensed/fonts/Regular/RobotoCondensed-Regular.woff +0 -0
- package/dist/assets/fonts/roboto-condensed/fonts/Regular/RobotoCondensed-Regular.woff2 +0 -0
- package/dist/assets/fonts/roboto-condensed/roboto-condensed.scss +8 -0
- package/dist/assets/fonts/roboto-condensed/sass/_Bold.scss +11 -0
- package/dist/assets/fonts/roboto-condensed/sass/_BoldItalic.scss +11 -0
- package/dist/assets/fonts/roboto-condensed/sass/_Italic.scss +11 -0
- package/dist/assets/fonts/roboto-condensed/sass/_Light.scss +11 -0
- package/dist/assets/fonts/roboto-condensed/sass/_LightItalic.scss +11 -0
- package/dist/assets/fonts/roboto-condensed/sass/_Regular.scss +11 -0
- package/dist/assets/fonts/roboto-condensed/sass/_mixins.scss +5 -0
- package/dist/assets/fonts/roboto-condensed/sass/_variables.scss +1 -0
- package/dist/assets/icons/arrow-left.svg +3 -0
- package/dist/assets/icons/arrow-right.svg +3 -0
- package/dist/assets/icons/chevron-left-circle.svg +11 -0
- package/dist/assets/icons/chevron-right-circle.svg +11 -0
- package/dist/assets/images/author.png +0 -0
- package/dist/assets/images/card-image.png +0 -0
- package/dist/assets/images/figcaption.jpg +0 -0
- package/dist/assets/images/hero_background.png +0 -0
- package/dist/assets/images/sample_image-lg.jpg +0 -0
- package/dist/assets/images/sample_image-md.jpg +0 -0
- package/dist/assets/images/sample_image-sm.jpg +0 -0
- package/dist/assets/images/undrr-logo-blue.svg +22 -0
- package/dist/assets/images/undrr-logo-square-blue.svg +24 -0
- package/dist/assets/images/undrr-logo-square-white.svg +24 -0
- package/dist/assets/images/undrr-logo-white.svg +21 -0
- package/dist/assets/js/fitText.js +23 -0
- package/dist/assets/js/show-more.js +43 -0
- package/dist/assets/js/tabs.js +243 -0
- package/dist/assets/js/undrr.js +26 -0
- package/dist/assets/scss/_breakpoints.scss +28 -0
- package/dist/assets/scss/_components.scss +69 -0
- package/dist/assets/scss/_fonts.scss +9 -0
- package/dist/assets/scss/_foundational.scss +322 -0
- package/dist/assets/scss/_mixins.scss +522 -0
- package/dist/assets/scss/_utility.scss +148 -0
- package/dist/assets/scss/_variables-irp.scss +40 -0
- package/dist/assets/scss/_variables-mcr.scss +55 -0
- package/dist/assets/scss/_variables-preventionweb.scss +39 -0
- package/dist/assets/scss/_variables.scss +345 -0
- package/dist/assets/scss/style-gutenberg.scss +28 -0
- package/dist/assets/scss/style-irp.scss +8 -0
- package/dist/assets/scss/style-mcr.scss +8 -0
- package/dist/assets/scss/style-preventionweb.scss +8 -0
- package/dist/assets/scss/style.scss +7 -0
- package/dist/components/64859daad6c1e719d2b3.png +1 -0
- package/dist/components/871deead6fbe28d9b668.png +1 -0
- package/dist/components/BarChart.js +6 -0
- package/dist/components/BarChart.js.LICENSE.txt +9 -0
- package/dist/components/Fetcher.js +6 -0
- package/dist/components/Fetcher.js.LICENSE.txt +11 -0
- package/dist/components/MapComponent.js +6 -0
- package/dist/components/MapComponent.js.LICENSE.txt +16 -0
- package/dist/components/MegaMenu.js +6 -0
- package/dist/components/MegaMenu.js.LICENSE.txt +9 -0
- package/dist/components/QuoteHighlight.js +6 -0
- package/dist/components/QuoteHighlight.js.LICENSE.txt +9 -0
- package/dist/components/ScrollContainer.js +6 -0
- package/dist/components/ScrollContainer.js.LICENSE.txt +9 -0
- package/dist/components/ShareButtons.js +6 -0
- package/dist/components/ShareButtons.js.LICENSE.txt +9 -0
- package/dist/components/assets/2b3e1faf89f94a4835397e7a43b4f77d.png +0 -0
- package/dist/components/assets/416d91365b44e4b4f4777663e6f009f3.png +0 -0
- package/dist/components/assets/680f69f3c2e6b90c1812a813edf67fd7.png +0 -0
- package/dist/components/assets/8f2c4d11474275fbc1614b9098334eae.png +0 -0
- package/dist/components/assets/a0c6cc1401c107b501efee6477816891.png +0 -0
- package/dist/components/cab155b6ee25ecd4541b.png +1 -0
- package/package.json +16 -0
|
@@ -0,0 +1,480 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
/**
|
|
3
|
+
* This is from the UNDRR Mangrove component library
|
|
4
|
+
* https://github.com/unisdr/undrr-mangrove?tab=readme-ov-file
|
|
5
|
+
*
|
|
6
|
+
* _ _ _ _ ____ ____ ____ __ __
|
|
7
|
+
* | | | | \ | | _ \| _ \| _ \ | \/ | __ _ _ __ __ _ _ __ _____ _____
|
|
8
|
+
* | | | | \| | | | | |_) | |_) | | |\/| |/ _` | '_ \ / _` | '__/ _ \ \ / / _ \
|
|
9
|
+
* | |_| | |\ | |_| | _ <| _ < | | | | (_| | | | | (_| | | | (_) \ V / __/
|
|
10
|
+
* \___/|_| \_|____/|_| \_\_| \_\ |_| |_|\__,_|_| |_|\__, |_| \___/ \_/ \___|
|
|
11
|
+
* |___/
|
|
12
|
+
*/
|
|
13
|
+
/**
|
|
14
|
+
* @tokens Colors - basic
|
|
15
|
+
* @presenter Color
|
|
16
|
+
*
|
|
17
|
+
* https://github.com/UX-and-I/storybook-design-token
|
|
18
|
+
*/
|
|
19
|
+
/**
|
|
20
|
+
* @tokens Colors - neutral
|
|
21
|
+
* @presenter Color
|
|
22
|
+
*
|
|
23
|
+
* https://github.com/UX-and-I/storybook-design-token
|
|
24
|
+
*/
|
|
25
|
+
/**
|
|
26
|
+
* @tokens Colors - accent
|
|
27
|
+
* @presenter Color
|
|
28
|
+
*
|
|
29
|
+
* https://github.com/UX-and-I/storybook-design-token
|
|
30
|
+
*/
|
|
31
|
+
/**
|
|
32
|
+
* @tokens Colors - interactive
|
|
33
|
+
* @presenter Color
|
|
34
|
+
*
|
|
35
|
+
* https://github.com/UX-and-I/storybook-design-token
|
|
36
|
+
*/
|
|
37
|
+
/**
|
|
38
|
+
* @tokens UNDRR Colors
|
|
39
|
+
* @presenter Color
|
|
40
|
+
*
|
|
41
|
+
* https://github.com/UX-and-I/storybook-design-token
|
|
42
|
+
*/
|
|
43
|
+
/**
|
|
44
|
+
* @tokens Sendai Framework Colors
|
|
45
|
+
* @presenter Color
|
|
46
|
+
*
|
|
47
|
+
* https://github.com/UX-and-I/storybook-design-token
|
|
48
|
+
*/
|
|
49
|
+
/**
|
|
50
|
+
* @tokens Spacing
|
|
51
|
+
* @presenter Spacing
|
|
52
|
+
*/
|
|
53
|
+
/**
|
|
54
|
+
* @tokens Font sizes
|
|
55
|
+
* @presenter FontSize
|
|
56
|
+
*
|
|
57
|
+
* https://github.com/UX-and-I/storybook-design-token
|
|
58
|
+
*/
|
|
59
|
+
/**
|
|
60
|
+
* @tokens Font families
|
|
61
|
+
* @presenter FontFamily
|
|
62
|
+
*
|
|
63
|
+
* https://github.com/UX-and-I/storybook-design-token
|
|
64
|
+
*/
|
|
65
|
+
/**
|
|
66
|
+
* @tokens Widths
|
|
67
|
+
* @presenter Spacing
|
|
68
|
+
*/
|
|
69
|
+
/**
|
|
70
|
+
* @tokens Breakpoints
|
|
71
|
+
* @presenter Spacing
|
|
72
|
+
*/
|
|
73
|
+
/**
|
|
74
|
+
* @tokens Colors - component
|
|
75
|
+
* @presenter Color
|
|
76
|
+
*
|
|
77
|
+
* https://github.com/UX-and-I/storybook-design-token
|
|
78
|
+
*/
|
|
79
|
+
/**
|
|
80
|
+
* @tokens Component sizing
|
|
81
|
+
* @presenter Spacing
|
|
82
|
+
*/
|
|
83
|
+
/**
|
|
84
|
+
* @tokens-end
|
|
85
|
+
*/
|
|
86
|
+
/* variables end */
|
|
87
|
+
/**
|
|
88
|
+
* @tokens IRP Colors
|
|
89
|
+
* @presenter Color
|
|
90
|
+
*
|
|
91
|
+
* https://github.com/UX-and-I/storybook-design-token
|
|
92
|
+
*/
|
|
93
|
+
/* variables end */
|
|
94
|
+
/* Roboto */
|
|
95
|
+
/* BEGIN Light */@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(../fonts/roboto/fonts/Light/Roboto-Light.woff2?v=2.137) format("woff2"),url(../fonts/roboto/fonts/Light/Roboto-Light.woff?v=2.137) format("woff")}
|
|
96
|
+
/* END Light */
|
|
97
|
+
/* BEGIN Light Italic */@font-face{font-family:Roboto;font-style:italic;font-weight:300;src:url(../fonts/roboto/fonts/LightItalic/Roboto-LightItalic.woff2?v=2.137) format("woff2"),url(../fonts/roboto/fonts/LightItalic/Roboto-LightItalic.woff?v=2.137) format("woff")}
|
|
98
|
+
/* END Light Italic */
|
|
99
|
+
/* BEGIN Regular */@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(../fonts/roboto/fonts/Regular/Roboto-Regular.woff2?v=2.137) format("woff2"),url(../fonts/roboto/fonts/Regular/Roboto-Regular.woff?v=2.137) format("woff")}
|
|
100
|
+
/* END Regular */
|
|
101
|
+
/* BEGIN Italic */@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url(../fonts/roboto/fonts/Italic/Roboto-Italic.woff2?v=2.137) format("woff2"),url(../fonts/roboto/fonts/Italic/Roboto-Italic.woff?v=2.137) format("woff")}
|
|
102
|
+
/* END Italic */
|
|
103
|
+
/* BEGIN Medium */@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url(../fonts/roboto/fonts/Medium/Roboto-Medium.woff2?v=2.137) format("woff2"),url(../fonts/roboto/fonts/Medium/Roboto-Medium.woff?v=2.137) format("woff")}
|
|
104
|
+
/* END Medium */
|
|
105
|
+
/* BEGIN Medium Italic */@font-face{font-family:Roboto;font-style:italic;font-weight:500;src:url(../fonts/roboto/fonts/MediumItalic/Roboto-MediumItalic.woff2?v=2.137) format("woff2"),url(../fonts/roboto/fonts/MediumItalic/Roboto-MediumItalic.woff?v=2.137) format("woff")}
|
|
106
|
+
/* END Medium Italic */
|
|
107
|
+
/* BEGIN Bold */@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(../fonts/roboto/fonts/Bold/Roboto-Bold.woff2?v=2.137) format("woff2"),url(../fonts/roboto/fonts/Bold/Roboto-Bold.woff?v=2.137) format("woff")}
|
|
108
|
+
/* END Bold */
|
|
109
|
+
/* BEGIN Bold Italic */@font-face{font-family:Roboto;font-style:italic;font-weight:700;src:url(../fonts/roboto/fonts/BoldItalic/Roboto-BoldItalic.woff2?v=2.137) format("woff2"),url(../fonts/roboto/fonts/BoldItalic/Roboto-BoldItalic.woff?v=2.137) format("woff")}
|
|
110
|
+
/* END Bold Italic */
|
|
111
|
+
/* BEGIN Black */@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:url(../fonts/roboto/fonts/Black/Roboto-Black.woff2?v=2.137) format("woff2"),url(../fonts/roboto/fonts/Black/Roboto-Black.woff?v=2.137) format("woff")}
|
|
112
|
+
/* END Black */
|
|
113
|
+
/* BEGIN Black Italic */@font-face{font-family:Roboto;font-style:italic;font-weight:900;src:url(../fonts/roboto/fonts/BlackItalic/Roboto-BlackItalic.woff2?v=2.137) format("woff2"),url(../fonts/roboto/fonts/BlackItalic/Roboto-BlackItalic.woff?v=2.137) format("woff")}
|
|
114
|
+
/* END Black Italic */
|
|
115
|
+
/* Roboto Condensed */
|
|
116
|
+
/* BEGIN Light */@font-face{font-display:fallback;font-family:Roboto Condensed;font-style:normal;font-weight:300;src:url(../fonts/roboto-condensed/fonts/Light/RobotoCondensed-Light.woff2?v=2.137) format("woff2"),url(../fonts/roboto-condensed/fonts/Light/RobotoCondensed-Light.woff?v=2.137) format("woff")}
|
|
117
|
+
/* END Light */
|
|
118
|
+
/* BEGIN Light Italic */@font-face{font-display:fallback;font-family:Roboto Condensed;font-style:italic;font-weight:300;src:url(../fonts/roboto-condensed/fonts/LightItalic/RobotoCondensed-LightItalic.woff2?v=2.137) format("woff2"),url(../fonts/roboto-condensed/fonts/LightItalic/RobotoCondensed-LightItalic.woff?v=2.137) format("woff")}
|
|
119
|
+
/* END Light Italic */
|
|
120
|
+
/* BEGIN Regular */@font-face{font-display:fallback;font-family:Roboto Condensed;font-style:normal;font-weight:400;src:url(../fonts/roboto-condensed/fonts/Regular/RobotoCondensed-Regular.woff2?v=2.137) format("woff2"),url(../fonts/roboto-condensed/fonts/Regular/RobotoCondensed-Regular.woff?v=2.137) format("woff")}
|
|
121
|
+
/* END Regular */
|
|
122
|
+
/* BEGIN Italic */@font-face{font-display:fallback;font-family:Roboto Condensed;font-style:italic;font-weight:400;src:url(../fonts/roboto-condensed/fonts/Italic/RobotoCondensed-Italic.woff2?v=2.137) format("woff2"),url(../fonts/roboto-condensed/fonts/Italic/RobotoCondensed-Italic.woff?v=2.137) format("woff")}
|
|
123
|
+
/* END Italic */
|
|
124
|
+
/* BEGIN Bold */@font-face{font-display:fallback;font-family:Roboto Condensed;font-style:normal;font-weight:700;src:url(../fonts/roboto-condensed/fonts/Bold/RobotoCondensed-Bold.woff2?v=2.137) format("woff2"),url(../fonts/roboto-condensed/fonts/Bold/RobotoCondensed-Bold.woff?v=2.137) format("woff")}
|
|
125
|
+
/* END Bold */
|
|
126
|
+
/* BEGIN Bold Italic */@font-face{font-display:fallback;font-family:Roboto Condensed;font-style:italic;font-weight:700;src:url(../fonts/roboto-condensed/fonts/BoldItalic/RobotoCondensed-BoldItalic.woff2?v=2.137) format("woff2"),url(../fonts/roboto-condensed/fonts/BoldItalic/RobotoCondensed-BoldItalic.woff?v=2.137) format("woff")}
|
|
127
|
+
/* END Bold Italic */
|
|
128
|
+
/* mixing end */
|
|
129
|
+
/* placeholder start */.menu li a,small{font-size:1rem
|
|
130
|
+
/* medium design */}@media (width >= 48em){.menu li a,small{font-size:1.25rem}}.language__item,details p,figure figcaption{font-size:1.25rem;line-height:1.4
|
|
131
|
+
/* medium design */}@media (width >= 48em){.language__item,details p,figure figcaption{font-size:1.6rem}}abbr[title],code,details summary,label,label.error,mark,q{font-size:1.6rem
|
|
132
|
+
/* medium design */}@media (width >= 48em){abbr[title],code,details summary,label,label.error,mark,q{font-size:1.8rem}}cite{font-size:1.8rem;line-height:1.1
|
|
133
|
+
/* medium design */}@media (width >= 48em){cite{font-size:2.3rem}}.language__item,.sidebar_item,tbody tr{border-bottom:1px solid grey}.author__img img,.image-figcaption__cart img{height:100%;object-fit:cover;padding:0;width:100%}.breadcrumb__item,table.stacked.border tr td,table.stacked.border tr th,table.striped tr{border:none}.sidebar_item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:.5rem;position:relative
|
|
134
|
+
/* medium design */}@media (width >= 48em){.sidebar_item{padding:1rem}}.sidebar_item.selected{background-color:#4d84b2}.sidebar_item.selected h6{color:#fff}.sidebar_item.selected:hover{background-color:#4d84b2}input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;border:2px solid #c10920;cursor:pointer;height:16px;margin:0;width:16px}input[type=checkbox]:hover,input[type=radio]:hover{border-color:#b669ab}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{box-shadow:0 0 4px #1a619c;outline:0}.cta__link.cta--space:after{content:"";height:1.188rem;margin-left:.25rem;margin-top:2px;width:.813rem
|
|
135
|
+
/* medium design */}@media (width >= 48em){.cta__link.cta--space:after{margin-top:0}}.multi-select ul .has-submenu button:after,.multi-select>button:after,.select-box button:after{content:"";float:right;height:13px;position:absolute;right:14px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:translateY(-50%);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:20px}.author__img:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.sidebar-accordion h6:after,.sidebar-accordion ul>li button:after{content:"";height:.813rem;position:absolute;right:1.188rem;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;transition:translateY(-50%);width:20px}.dropdown-language button,.dropdown-language ul li a{border:none;font-size:1.25rem;font-weight:600;text-transform:uppercase}.breadcrumb__item,.cta__link,.menu li a,.pagination ul li a,.sidebar-accordion li>a,.sidebar-accordion ul ul.accordion__panel li a,table.stacked.border tr td,table.stacked.border tr th,table.striped tr{background-image:none}.multi-select>button,.select-box button,.select-default{border:2px solid #1a1a1a;color:#1a1a1a;cursor:pointer;font-size:1.6rem;font-weight:600;line-height:1.125rem;margin:0;padding:.5rem 10rem .5rem .5rem;position:relative;text-transform:uppercase;width:100%}.multi-select ul,.select-box ul{border:2px solid #1a1a1a;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;min-height:100px;padding:0 .5rem;width:100%}.multi-select ul:focus,.select-box ul:focus{box-shadow:0 0 4px #1a619c;outline:0}[dir=rtl] .multi-select button,[dir=rtl] .select-box button{padding-left:3.125rem;padding-right:.5rem;text-align:right}[dir=rtl] .multi-select button:after,[dir=rtl] .select-box button:after{left:16px;margin:0;right:auto}[data-viewport=true]{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transition:translateX(-100px);-webkit-transition:transform 1.2s cubic-bezier(.34,.41,.03,1),opacity 1.2s cubic-bezier(.34,.41,.03,1);-moz-transition:transform 1.2s cubic-bezier(.34,.41,.03,1),opacity 1.2s cubic-bezier(.34,.41,.03,1);-ms-transition:transform 1.2s cubic-bezier(.34,.41,.03,1),opacity 1.2s cubic-bezier(.34,.41,.03,1);-o-transition:transform 1.2s cubic-bezier(.34,.41,.03,1),opacity 1.2s cubic-bezier(.34,.41,.03,1);transition:transform 1.2s cubic-bezier(.34,.41,.03,1),opacity 1.2s cubic-bezier(.34,.41,.03,1);visibility:hidden}[data-viewport=true].inviewport,[dir=rtl] [data-viewport=true].inviewport{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transition:translateX(0);visibility:visible}.scale-up{-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transition:scale(.9);-webkit-transition:transform 1.2s cubic-bezier(.34,.41,.03,1);-moz-transition:transform 1.2s cubic-bezier(.34,.41,.03,1);-ms-transition:transform 1.2s cubic-bezier(.34,.41,.03,1);-o-transition:transform 1.2s cubic-bezier(.34,.41,.03,1);transition:transform 1.2s cubic-bezier(.34,.41,.03,1)}.opacity-only{opacity:0;-webkit-transition:opacity 1.2s cubic-bezier(.34,.41,.03,1);-moz-transition:opacity 1.2s cubic-bezier(.34,.41,.03,1);-ms-transition:opacity 1.2s cubic-bezier(.34,.41,.03,1);-o-transition:opacity 1.2s cubic-bezier(.34,.41,.03,1);transition:opacity 1.2s cubic-bezier(.34,.41,.03,1)}.opacity-only.inviewport{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transition:translateX(0)}.accordion,.select-box ul.active,.sidebar-accordion,input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],textarea{background-color:#fff}.multi-select ul>li,.select-box ul li{border-top:1px solid grey;cursor:pointer;margin-bottom:0;padding:0}:lang(my) .language__item,:lang(my) details p,:lang(my) figure figcaption,details :lang(my) p,figure :lang(my) figcaption{font-size:1rem;line-height:1.7
|
|
136
|
+
/* medium design */}@media (width >= 48em){:lang(my) .language__item,:lang(my) details p,:lang(my) figure figcaption,details :lang(my) p,figure :lang(my) figcaption{font-size:1.25rem}}:lang(my) abbr[title],:lang(my) code,:lang(my) details summary,:lang(my) label,:lang(my) mark,:lang(my) q,details :lang(my) summary{font-size:1.25rem
|
|
137
|
+
/* medium design */}@media (width >= 48em){:lang(my) abbr[title],:lang(my) code,:lang(my) details summary,:lang(my) label,:lang(my) mark,:lang(my) q,details :lang(my) summary{font-size:1.6rem}}:lang(my) cite{font-size:1.8rem;line-height:1.1
|
|
138
|
+
/* medium design */}@media (width >= 48em){:lang(my) cite{font-size:2.3rem}}.accordion li :lang(my) button,.sidebar-accordion ul>li :lang(my) button,:lang(my) .accordion li button,:lang(my) .cta__link,:lang(my) .sidebar-accordion ul>li button{font-size:1.25rem}.cta__link.cta--arrow i:after,.cta__link.cta--arrow i:before{box-sizing:border-box;content:"";display:block;position:absolute}.cta__link.cta--arrow i{box-sizing:border-box;display:block;height:.5rem;left:1.25rem;position:relative;-webkit-transition:width .3s;-moz-transition:width .3s;-ms-transition:width .3s;-o-transition:width .3s;transition:width .3s;width:0}.cta__link.cta--arrow i:before{background-color:#c10920;display:none;height:2px;right:0;top:7px;width:100%}.cta__link.cta--arrow i:after{border-right:2px solid #c10920;border-top:2px solid #c10920;height:.25rem;right:0;top:2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transition:rotate(45deg);width:.25rem}.cta__link.cta--arrow:hover i{width:5rem}.cta__link.cta--arrow:hover i:before{display:unset}
|
|
139
|
+
|
|
140
|
+
/* placeholder end */
|
|
141
|
+
/* base start */.show-large{display:none
|
|
142
|
+
/* medium design */}@media (width >= 48em){.show-large{display:block}}.show-small{display:block
|
|
143
|
+
/* medium design */}@media (width >= 48em){.show-small{display:none}}
|
|
144
|
+
|
|
145
|
+
/* animation start */.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.scale-up.inviewport{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transition:scale(1)}.expand-to-size{max-width:calc(100% - 1rem)
|
|
146
|
+
/* medium design */}@media (width >= 48em){.expand-to-size{max-width:calc(100% - 3rem)}}[dir=rtl] [data-viewport=true]{-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transition:translateX(100px)}.overflow-hidden{overflow:hidden}.yellow .stats-card:hover{background-color:#ff0}.yellow .progress-bar{background:#ff0}.yellow .blockquote{background-color:#ff0}.red .stats-card:hover{background-color:#c10920}.red .progress-bar{background:#c10920}.red .blockquote{background-color:#c10920}.green .stats-card:hover{background-color:#008484}.green .progress-bar{background:#008484}.green .blockquote{background-color:#008484}.blue .stats-card:hover{background-color:azure}.blue .progress-bar{background:azure}.blue .blockquote{background-color:azure}.mg-u-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}.mg-u-text-wrap-balanced{text-wrap:balance}.mg-u-text-wrap-pretty{text-wrap:pretty}.mg-u-comma-between>:after{content:", "}.mg-u-comma-between>:last-child:after{content:""}
|
|
147
|
+
|
|
148
|
+
/* base end */
|
|
149
|
+
/* typography start */html{font-size:10px;-webkit-tap-highlight-color:transparent}body{color:#1a1a1a;font-family:Roboto,sans-serif;font-size:1.6rem;line-height:1.25em
|
|
150
|
+
/* medium design */}@media (width >= 48em){body{font-size:1.6rem}}button{font-family:Roboto,sans-serif}caption,h1,h2,h3,h4,h5,h6{margin:0 0 .25rem;padding:0
|
|
151
|
+
/* medium design */}@media (width >= 48em){caption,h1,h2,h3,h4,h5,h6{margin-bottom:1.6rem}}h1{font-family:Roboto,sans-serif;font-size:3.2rem;letter-spacing:.06rem;line-height:1.08;text-wrap:balance
|
|
152
|
+
/* medium design */
|
|
153
|
+
/* medium design */}@media (width >= 48em){h1{font-size:5.125rem}}@media (width >= 64em){h1{font-size:6.25rem}}h2{font-size:2.5rem;font-weight:700;line-height:1.1
|
|
154
|
+
/* medium design */
|
|
155
|
+
/* medium design */}@media (width >= 48em){h2{font-size:2.813rem}}@media (width >= 64em){h2{font-size:3.438rem}}h3{font-size:1.875rem;font-weight:600;line-height:1.15
|
|
156
|
+
/* medium design */}@media (width >= 48em){h3{font-size:2.188rem}}h4{font-size:1.563rem;font-weight:400;line-height:1.15
|
|
157
|
+
/* medium design */}@media (width >= 48em){h4{font-size:2.188rem}}h5{font-size:1.25rem;font-weight:400;line-height:1.15
|
|
158
|
+
/* medium design */}@media (width >= 48em){h5{font-size:1.563rem}}h6{font-size:1rem;font-weight:700;letter-spacing:.03rem;line-height:1.15}p{margin-top:0}ol,ul{margin:0;padding-left:1.125rem
|
|
159
|
+
/* medium design */}@media (width >= 48em){ol,ul{padding-left:1.313rem}}ol li,ul li{margin-bottom:0;padding-left:0
|
|
160
|
+
/* medium design */}@media (width >= 48em){ol li,ul li{margin-bottom:0;padding-left:.25rem}}ul li::marker{font-size:1.125rem
|
|
161
|
+
/* medium design */}@media (width >= 48em){ul li::marker{font-size:1.313rem}}ol li{margin-bottom:1.063rem}dl{font-size:.875rem;line-height:1.37;margin:0
|
|
162
|
+
/* medium design */}@media (width >= 48em){dl{font-size:1.25rem}}dt{margin-bottom:.25rem}dd{margin-bottom:.5rem;margin-inline-start:2rem
|
|
163
|
+
/* medium design */}@media (width >= 48em){dd{margin-bottom:1rem;margin-inline-start:3rem}}hr{border:1px solid #1a1a1a}@keyframes line-loop-animation{0%{background-position:100% 100%,-30px 100%;background-size:100% 2px,0 2px}to{background-position:calc(100% + 30px) 100%,0 100%;background-size:0 2px,100% 2px}}a{text-decoration:none}a,a:hover{color:#0f78bf}a:hover{text-decoration:underline}:lang(my) body{font-family:Roboto,sans-serif}:lang(my) body,:lang(my) h1,:lang(my) h2,:lang(my) h3,:lang(my) h4,:lang(my) h5,:lang(my) h6{line-height:1.7}:lang(my) h1{font-family:Roboto,sans-serif;font-size:2.625rem
|
|
164
|
+
/* medium design */
|
|
165
|
+
/* medium design */}@media (width >= 48em){:lang(my) h1{font-size:3.875rem}}@media (width >= 64em){:lang(my) h1{font-size:5rem}}:lang(my) h2{font-size:2rem
|
|
166
|
+
/* medium design */
|
|
167
|
+
/* medium design */}@media (width >= 48em){:lang(my) h2{font-size:2.188rem}}@media (width >= 64em){:lang(my) h2{font-size:2.813rem}}:lang(my) h4{font-size:1.3rem
|
|
168
|
+
/* medium design */}@media (width >= 48em){:lang(my) h4{font-size:1.8rem}}:lang(my) h5{font-size:1.8rem
|
|
169
|
+
/* medium design */}@media (width >= 48em){:lang(my) h5{font-size:1.375rem}}:lang(my) p{font-size:1.25rem;line-height:1.7
|
|
170
|
+
/* medium design */}@media (width >= 48em){:lang(my) p{font-size:1.6rem}}:lang(my) dl,:lang(my) ol li,:lang(my) ul li{font-size:.875rem;line-height:1.9
|
|
171
|
+
/* medium design */}@media (width >= 48em){:lang(my) dl,:lang(my) ol li,:lang(my) ul li{font-size:1.125rem}}:lang(my) .sbdocs .sbdocs-content,:lang(my) .sbdocs h1,:lang(my) .sbdocs h2,:lang(my) .sbdocs h3,:lang(my) .sbdocs h4,:lang(my) .sbdocs h5,:lang(my) .sbdocs h6,:lang(my) .sbdocs p{font-family:Roboto,sans-serif}:lang(my) .sbdocs .sbdocs-h1{font-size:1.5rem}[dir=rtl] ol,[dir=rtl] ul{padding-left:0;padding-right:1.125rem
|
|
172
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] ol,[dir=rtl] ul{padding-right:1.313rem}}[dir=rtl] ol li,[dir=rtl] ul li{padding-left:0;padding-right:.875rem
|
|
173
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] ol li,[dir=rtl] ul li{padding-right:.25rem}}
|
|
174
|
+
|
|
175
|
+
/* Cyrillic scripts */:lang(be) h1,:lang(bg) h1,:lang(kk) h1,:lang(ky) h1,:lang(mk) h1,:lang(mn) h1,:lang(ru) h1,:lang(sr) h1,:lang(uk) h1{font-family:Roboto,sans-serif}
|
|
176
|
+
|
|
177
|
+
/* typography end */
|
|
178
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
|
179
|
+
/* Document
|
|
180
|
+
========================================================================== */
|
|
181
|
+
/**
|
|
182
|
+
* 1. Correct the line height in all browsers.
|
|
183
|
+
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
|
184
|
+
*/html{line-height:1.15; /* 1 */text-size-adjust:100% /* 2 */}
|
|
185
|
+
|
|
186
|
+
/* Sections
|
|
187
|
+
========================================================================== */
|
|
188
|
+
/**
|
|
189
|
+
* Remove the margin in all browsers.
|
|
190
|
+
*/body{margin:0}
|
|
191
|
+
|
|
192
|
+
/**
|
|
193
|
+
* Render the `main` element consistently in IE.
|
|
194
|
+
*/main{display:block}
|
|
195
|
+
|
|
196
|
+
/**
|
|
197
|
+
* Correct the font size and margin on `h1` elements within `section` and
|
|
198
|
+
* `article` contexts in Chrome, Firefox, and Safari.
|
|
199
|
+
*/h1{font-size:2em;margin:.67em 0}
|
|
200
|
+
|
|
201
|
+
/* Grouping content
|
|
202
|
+
========================================================================== */
|
|
203
|
+
/**
|
|
204
|
+
* 1. Add the correct box sizing in Firefox.
|
|
205
|
+
* 2. Show the overflow in Edge and IE.
|
|
206
|
+
*/hr{box-sizing:content-box; /* 1 */height:0; /* 1 */overflow:visible /* 2 */}
|
|
207
|
+
|
|
208
|
+
/**
|
|
209
|
+
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
210
|
+
* 2. Correct the odd `em` font sizing in all browsers.
|
|
211
|
+
*/pre{font-family:monospace; /* 1 */font-size:1em /* 2 */}
|
|
212
|
+
|
|
213
|
+
/* Text-level semantics
|
|
214
|
+
========================================================================== */
|
|
215
|
+
/**
|
|
216
|
+
* Remove the gray background on active links in IE 10.
|
|
217
|
+
*/a{background-color:transparent}
|
|
218
|
+
|
|
219
|
+
/**
|
|
220
|
+
* 1. Remove the bottom border in Chrome 57-
|
|
221
|
+
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
|
222
|
+
*/abbr[title]{border-bottom:none; /* 1 */text-decoration:underline; /* 2 */text-decoration:underline dotted /* 2 */}
|
|
223
|
+
|
|
224
|
+
/**
|
|
225
|
+
* Add the correct font weight in Chrome, Edge, and Safari.
|
|
226
|
+
*/b,strong{font-weight:bolder}
|
|
227
|
+
|
|
228
|
+
/**
|
|
229
|
+
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
230
|
+
* 2. Correct the odd `em` font sizing in all browsers.
|
|
231
|
+
*/code,kbd,samp{font-family:monospace; /* 1 */font-size:1em /* 2 */}
|
|
232
|
+
|
|
233
|
+
/**
|
|
234
|
+
* Add the correct font size in all browsers.
|
|
235
|
+
*/small{font-size:80%}
|
|
236
|
+
|
|
237
|
+
/**
|
|
238
|
+
* Prevent `sub` and `sup` elements from affecting the line height in
|
|
239
|
+
* all browsers.
|
|
240
|
+
*/sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}
|
|
241
|
+
|
|
242
|
+
/* Embedded content
|
|
243
|
+
========================================================================== */
|
|
244
|
+
/**
|
|
245
|
+
* Remove the border on images inside links in IE 10.
|
|
246
|
+
*/img{border-style:none}
|
|
247
|
+
|
|
248
|
+
/* Forms
|
|
249
|
+
========================================================================== */
|
|
250
|
+
/**
|
|
251
|
+
* 1. Change the font styles in all browsers.
|
|
252
|
+
* 2. Remove the margin in Firefox and Safari.
|
|
253
|
+
*/button,input,optgroup,select,textarea{font-family:inherit; /* 1 */font-size:100%; /* 1 */line-height:1.15; /* 1 */margin:0 /* 2 */}
|
|
254
|
+
|
|
255
|
+
/**
|
|
256
|
+
* Show the overflow in IE.
|
|
257
|
+
* 1. Show the overflow in Edge.
|
|
258
|
+
*/button,input{
|
|
259
|
+
/* 1 */overflow:visible}
|
|
260
|
+
|
|
261
|
+
/**
|
|
262
|
+
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
|
263
|
+
* 1. Remove the inheritance of text transform in Firefox.
|
|
264
|
+
*/button,select{
|
|
265
|
+
/* 1 */text-transform:none}
|
|
266
|
+
|
|
267
|
+
/**
|
|
268
|
+
* Correct the inability to style clickable types in iOS and Safari.
|
|
269
|
+
*/[type=button],[type=reset],[type=submit],button{appearance:button}
|
|
270
|
+
|
|
271
|
+
/**
|
|
272
|
+
* Remove the inner border and padding in Firefox.
|
|
273
|
+
*/[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
|
|
274
|
+
|
|
275
|
+
/**
|
|
276
|
+
* Restore the focus styles unset by the previous rule.
|
|
277
|
+
*/[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
|
|
278
|
+
|
|
279
|
+
/**
|
|
280
|
+
* Correct the padding in Firefox.
|
|
281
|
+
*/fieldset{padding:.35em .75em .625em}
|
|
282
|
+
|
|
283
|
+
/**
|
|
284
|
+
* 1. Correct the text wrapping in Edge and IE.
|
|
285
|
+
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
|
286
|
+
* 3. Remove the padding so developers are not caught out when they zero out
|
|
287
|
+
* `fieldset` elements in all browsers.
|
|
288
|
+
*/legend{box-sizing:border-box; /* 1 */color:inherit; /* 2 */display:table; /* 1 */max-width:100%; /* 1 */padding:0; /* 3 */white-space:normal /* 1 */}
|
|
289
|
+
|
|
290
|
+
/**
|
|
291
|
+
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
|
292
|
+
*/progress{vertical-align:baseline}
|
|
293
|
+
|
|
294
|
+
/**
|
|
295
|
+
* Remove the default vertical scrollbar in IE 10+.
|
|
296
|
+
*/textarea{overflow:auto}
|
|
297
|
+
|
|
298
|
+
/**
|
|
299
|
+
* 1. Add the correct box sizing in IE 10.
|
|
300
|
+
* 2. Remove the padding in IE 10.
|
|
301
|
+
*/[type=checkbox],[type=radio]{box-sizing:border-box; /* 1 */padding:0 /* 2 */}
|
|
302
|
+
|
|
303
|
+
/**
|
|
304
|
+
* Correct the cursor style of increment and decrement buttons in Chrome.
|
|
305
|
+
*/[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
|
|
306
|
+
|
|
307
|
+
/**
|
|
308
|
+
* 1. Correct the odd appearance in Chrome and Safari.
|
|
309
|
+
* 2. Correct the outline style in Safari.
|
|
310
|
+
*/[type=search]{appearance:textfield; /* 1 */outline-offset:-2px /* 2 */}
|
|
311
|
+
|
|
312
|
+
/**
|
|
313
|
+
* Remove the inner padding in Chrome and Safari on macOS.
|
|
314
|
+
*/[type=search]::-webkit-search-decoration{appearance:none}
|
|
315
|
+
|
|
316
|
+
/**
|
|
317
|
+
* 1. Correct the inability to style clickable types in iOS and Safari.
|
|
318
|
+
* 2. Change font properties to `inherit` in Safari.
|
|
319
|
+
*/::-webkit-file-upload-button{appearance:button; /* 1 */font:inherit /* 2 */}
|
|
320
|
+
|
|
321
|
+
/* Interactive
|
|
322
|
+
========================================================================== */
|
|
323
|
+
/*
|
|
324
|
+
* Add the correct display in Edge, IE 10+, and Firefox.
|
|
325
|
+
*/details{display:block}
|
|
326
|
+
|
|
327
|
+
/*
|
|
328
|
+
* Add the correct display in all browsers.
|
|
329
|
+
*/summary{display:list-item}
|
|
330
|
+
|
|
331
|
+
/* Misc
|
|
332
|
+
========================================================================== */
|
|
333
|
+
/**
|
|
334
|
+
* Add the correct display in IE 10+.
|
|
335
|
+
*/
|
|
336
|
+
|
|
337
|
+
/**
|
|
338
|
+
* Add the correct display in IE 10.
|
|
339
|
+
*/[hidden],template{display:none}abbr[title]{border-bottom:2px dashed #c10920;text-decoration:none}blockquote{font-size:3.2rem;font-weight:600;line-height:1.16;margin:0
|
|
340
|
+
/* medium design */}@media (width >= 48em){blockquote{font-size:4rem;line-height:1.15}}:lang(my) blockquote{line-height:1.7}cite{display:block;font-style:inherit;font-weight:400;margin-top:1.125rem}code{background:#b3b3b3;padding:0 .25rem .25rem}mark{background:#ffffe0;font-size:1.25rem;padding:.25rem
|
|
341
|
+
/* medium design */}@media (width >= 48em){mark{font-size:1.8rem}}q{font-style:italic}@font-face{font-family:FontAwesome;font-weight:400;src:url(../../assets/fonts/mangrove-icon-set/font/mangrove-icon-set.ttf) format("ttf"),url(../../assets/fonts/mangrove-icon-set/font/mangrove-icon-set.woff2) format("woff2")}.fa,.fa-before:before,.fab,.fas,.mg-icon{font-family:FontAwesome,sans-serif;font-style:normal}.fa-before:before{padding-right:.5em}.fa-2x{font-size:2em}.fa-rss:before{content:"\f09e"}.fa-file-alt:before{content:"\f15c"}.fa-facebook:before{content:"\f230"}.fa-twitter:before,.fa-x-social:before{content:"\f099"}.fa-linkedin:before{content:"\f0e1"}.fa-flickr:before{content:"\f16e"}.fa-youtube:before{content:"\f16a"}.fa-search:before{content:"\e808"}.fa-envelope-o:before,.fa-envelope:before{content:"\e806"}.fa-newspaper:before{content:"\f1ea"}.fa-chart-bar:before{content:"\e80b"}.fa-file:before{content:"\f15b"}.fa-graduation-cap:before{content:"\f19d"}.fa-calendar-alt:before{content:"\f133"}.fa-building:before{content:"\f0f7"}.fa-pen-nib:before{content:"\f0f6"}.fa-business-time:before{content:"\e809"}.fa-code-branch:before{content:"\f126"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-cubes:before{content:"\f1b3"}.fa-bar-chart:before{content:"\e80b"}.fa-sort-alpha-down:before,.fa-tags:before{content:"\e800"}.fa-landmark:before{content:"\f19c"}.fa-power-off:before{content:"\f090"}.fa-user:before{content:"\e805"}.fa-times:before{content:"\f00d"}.fa-link:before{content:"\e802"}.fa-clone:before{content:"\f24d"}.fa-globe:before{content:"\f0ac"}.fa-share:before{content:"\f1e0"}.fa-left:before{content:"\f177"}.fa-right:before{content:"\f178"}.fa-angle-circled-right:before{content:"\f138"}.fa-angle-circled-left:before{content:"\f137"}.fa-menu:before{content:"\f0c9"}
|
|
342
|
+
|
|
343
|
+
/* author image */.author__img{height:80px;min-width:80px;position:relative;width:80px}.author__img,.author__img:before{border-radius:50%;overflow:hidden}.author__img:before{opacity:0;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s}.author__img:hover:before{opacity:.75}.author__img:hover.blue:before,.author__img:hover.green:before,.author__img:hover.red:before,.author__img:hover.yellow:before,.author__img:hover:before{background:linear-gradient(45deg,#ff0,transparent 53%)}.author__img.large{height:180px;width:180px}[dir=rtl] .author__img:before{-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1);transition:scaleX(-1)}
|
|
344
|
+
|
|
345
|
+
/* img start */img,picture{height:auto;max-width:100%}picture{display:block}
|
|
346
|
+
|
|
347
|
+
/* img end */
|
|
348
|
+
/* image with caption start */.image-figcaption{display:flex;flex-wrap:wrap;justify-content:center}.image-figcaption .image__caption{margin:.5rem 1rem 0
|
|
349
|
+
/* medium design */}@media (width >= 48em){.image-figcaption .image__caption{margin:1.5rem 0 0;width:58.33333%}}.image-figcaption.medium{
|
|
350
|
+
/* medium design */}@media (width >= 48em){.image-figcaption.medium{margin:0 auto;width:58.3333%}.image-figcaption.medium .image__caption{width:100%}}.image-figcaption.portrait{align-items:flex-end
|
|
351
|
+
/* medium design */}@media (width >= 48em){.image-figcaption.portrait .image-figcaption__cart{width:33.33333%}.image-figcaption.portrait .image__caption{display:block;margin:0 0 0 1rem;padding-bottom:0;width:25%}.image-figcaption.portrait .image__caption p{font-size:1.25rem;line-height:1.4;margin-bottom:.5rem;padding:0}.image-figcaption.portrait .image__caption p+.credits{border-top:1px solid #666;margin-left:0;padding:.5rem 0 0}}.image-figcaption.portrait .credits{border-left:0;border-right:0;margin-bottom:.5rem}.image-figcaption.portrait .author__caption{font-size:1.25rem;line-height:1.5}.image-figcaption__cart img{display:block}
|
|
352
|
+
|
|
353
|
+
/* medium design */@media (width >= 48em){[dir=rtl] .image-figcaption.portrait .image__caption{margin:0 1rem 0 0}[dir=rtl] .image-figcaption.portrait .credits{border-right:0;margin-right:0;padding:.5rem 0}}
|
|
354
|
+
/* image with caption end */.credits{font-size:1.25rem;line-height:1.4
|
|
355
|
+
/* medium design */}@media (width >= 48em){.credits{font-size:1.6rem}}.mg-container{margin:0 auto;max-width:100%;padding:1rem}@media (min-width:480px){.mg-container{max-width:480px}}@media (min-width:1024px){.mg-container{max-width:1024px}}@media (min-width:1164px){.mg-container{max-width:1164px}}@media (min-width:1440px){.mg-container{max-width:1440px}}@media (min-width:480px){.mg-container--slim{max-width:480px}}@media (min-width:1024px){.mg-container--slim{max-width:1024px}}@media (min-width:1164px){.mg-container--slim{max-width:1164px}}.mg-container--spacer{--mg-container-spacer:1.5rem}.mg-container--spacer>.has-background+.has-background,.mg-container--spacer>.has-background+.mg-hero,.mg-container--spacer>.mg-hero+.has-background,.mg-container--spacer>.mg-hero:first-child,.mg-container--spacer>.mg-mega-wrapper+.mg-hero,.mg-container--spacer>.mg-u-sr-only:first-child~.mg-hero{--mg-container-spacer:0}.mg-container--spacer>*{margin-top:var(--mg-container-spacer)}
|
|
356
|
+
|
|
357
|
+
/* Our custom css grid based on https://stable.visual-framework.dev/components/vf-grid/ */g-grid{display:flex}.mg-grid>*{flex:1;margin:0 0 1rem 1.2292%}.mg-grid>:first-child{margin-left:0}[class*=mg-grid__]{flex-wrap:wrap}.mg-grid__col-2>*{flex:0 0 49.38538%;max-width:49.38538%}.mg-grid__col-2>:nth-of-type(3n){margin-left:0}.mg-grid__col-3>*{flex:0 0 32.51384%;max-width:32.51384%}.mg-grid__col-3>:nth-of-type(4n){margin-left:0}.mg-grid__col-4>*{flex:0 0 24.078%;max-width:24.078%}.mg-grid__col-4>:nth-of-type(5n){margin-left:0}.mg-grid__col-5>*{flex:0 0 19.01661%;max-width:19.01661%}.mg-grid__col-5>:nth-of-type(6n){margin-left:0}.mg-grid__col-6>*{flex:0 0 15.6423%;max-width:15.6423%}.mg-grid__col-6>:nth-of-type(7n){margin-left:0}@media (max-width:1024px){.mg-grid{flex-wrap:wrap}.mg-grid>*{flex:0 0 49.18305%}}@supports (display:grid){.mg-grid{column-gap:2rem;display:grid;grid-column:main;row-gap:2rem}@media (min-width:1024px){.mg-grid{grid-auto-flow:column}}@media (max-width:1024px){.embl-grid .mg-grid{grid-column:1/-1}}.mg-grid>*{margin:0;max-width:unset}[class*=grid__]{grid-auto-flow:unset}.mg-grid__col-1{grid-template-columns:repeat(1,1fr)}@media (min-width:1024px){.mg-grid__col-2{grid-template-columns:repeat(2,1fr)}.mg-grid__col-3{grid-template-columns:repeat(3,1fr)}.mg-grid__col-4{grid-template-columns:repeat(2,1fr)}.mg-grid__col-5,.mg-grid__col-6{grid-template-columns:repeat(3,1fr)}}@media (min-width:1164px){.mg-grid__col-4{grid-template-columns:repeat(4,1fr)}.mg-grid__col-5{grid-template-columns:repeat(5,1fr)}.mg-grid__col-6{grid-template-columns:repeat(6,1fr)}}.mg-grid__col--span-2{grid-column-end:span 2}.mg-grid__col--span-3{grid-column-end:span 3}.mg-grid__col--span-4{grid-column-end:span 4}.mg-grid__col--span-5{grid-column-end:span 5}.mg-grid__col--span-6{grid-column-end:span 6}.mg-grid__col--span-all{grid-column:1/-1}.mg-grid__row--span-2{grid-row-end:span 2}.mg-grid__row--span-3{grid-row-end:span 3}.mg-grid__row--span-4{grid-row-end:span 4}.mg-grid__row--span-5{grid-row-end:span 5}.mg-grid__row--span-6{grid-row-end:span 6}.mg-grid__row--span-all{grid-row:1/-1}}.breadcrumb__item{color:#c10920;font-size:1rem;font-weight:600;text-transform:uppercase}.breadcrumb__item:hover{color:#c10920}.language__item{display:inline-block;line-height:.9;min-width:100px;padding:.25rem .5rem}.menu li a{border:none;display:inline;letter-spacing:.03em}.menu li a:hover{color:#4d4d4d;cursor:pointer}.menu li a.selected{border-bottom:2px solid #c10920;padding-bottom:.25rem}.progress-container{background:#999;height:.75rem;width:100%
|
|
358
|
+
/* medium design */}@media (width >= 48em){.progress-container{height:1rem}}.progress-container.small{height:.625rem
|
|
359
|
+
/* medium design */}@media (width >= 48em){.progress-container.small{height:.75rem}}.progress-container.small .progress-bar{height:.625rem
|
|
360
|
+
/* medium design */}@media (width >= 48em){.progress-container.small .progress-bar{height:.75rem}}.progress-container.yellow .progress-bar{background:#ff0}.progress-container.red .progress-bar{background:#c10920}.progress-container.green .progress-bar{background:#008484}.progress-container.blue .progress-bar{background:azure}.progress-bar{height:.75rem;min-width:1%;position:fixed;-webkit-transition:width .2s linear;-moz-transition:width .2s linear;-ms-transition:width .2s linear;-o-transition:width .2s linear;transition:width .2s linear;width:34%;z-index:1
|
|
361
|
+
/* medium design */}@media (width >= 48em){.progress-bar{height:1rem}}.progress-top{top:0}.sidebar_item:hover{background-color:#b3b3b3}.sidebar_item.open .arrow{transform:rotate(180deg);transition:all .1s ease}.sidebar_item h6{margin-bottom:0}
|
|
362
|
+
/* details tag start */details summary{list-style-type:none;outline:0}details summary::-webkit-details-marker{display:none}details summary:before{content:"";display:inline-block;height:14px;margin-right:.25rem;width:14px}details[open] summary{margin-bottom:.5rem}details[open] summary:before{content:"";display:inline-block;height:14px;width:14px}[dir=rtl] details summary:before{margin-left:.25rem;margin-right:0;-webkit-transform:translate(0) rotate(180deg);-moz-transform:translate(0) rotate(180deg);-ms-transform:translate(0) rotate(180deg);-o-transform:translate(0) rotate(180deg);transition:translate(0) rotate(180deg)}[dir=rtl] details[open] summary:before{-webkit-transform:translate(0) rotate(0deg);-moz-transform:translate(0) rotate(0deg);-ms-transform:translate(0) rotate(0deg);-o-transform:translate(0) rotate(0deg);transition:translate(0) rotate(0deg)}
|
|
363
|
+
|
|
364
|
+
/* details tag end */
|
|
365
|
+
/* figure tag start */figure{margin:0}figure img{max-width:100%;padding-bottom:.875rem}
|
|
366
|
+
/* figure tag end */
|
|
367
|
+
/* table tag start */table{border-collapse:collapse;border-spacing:0;width:100%
|
|
368
|
+
/* medium design */}@media (width >= 48em){table{width:auto}}table.small td,table.small th{font-size:1.6rem;-webkit-text-size-adjust:100%}table.striped tr:nth-child(2n){background-color:#b3b3b3}table.border{border-collapse:collapse}table.border td,table.border th{border:1px solid grey}table.stacked td,table.stacked th{display:block
|
|
369
|
+
/* medium design */}@media (width >= 48em){table.stacked td,table.stacked th{display:table-cell}}table.stacked thead tr{display:none
|
|
370
|
+
/* medium design */}@media (width >= 48em){table.stacked thead tr{display:table-row}}table.stacked.border tr{border:1px solid grey}table.stacked.border tr td,table.stacked.border tr th{
|
|
371
|
+
/* medium design */}@media (width >= 48em){table.stacked.border tr td,table.stacked.border tr th{border:1px solid grey}}td,th{font-size:1.8rem;line-height:1.4;padding:.25rem;vertical-align:top
|
|
372
|
+
/* medium design */}@media (width >= 48em){td,th{padding:.25rem 2rem .25rem .25rem}}thead tr th{background-color:#999;font-weight:600;text-align:left}.scroll{overflow-x:auto}.scroll thead th{white-space:nowrap}.scroll td,.scroll th{-webkit-text-size-adjust:100%}[dir=rtl] td,[dir=rtl] th{text-align:right
|
|
373
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] td,[dir=rtl] th{padding:.25rem .25rem .25rem 2rem}}:lang(my) td,:lang(my) th{line-height:1.7}
|
|
374
|
+
|
|
375
|
+
/* table tag end */
|
|
376
|
+
/* video start */video{object-fit:cover}
|
|
377
|
+
|
|
378
|
+
/* video start end */.mg-boilerplate{border:1px solid #c10920;border-radius:.5rem;padding:1rem}.mg-boilerplate__title{font-size:1.5rem;margin-bottom:1rem}.mg-boilerplate--primary{background-color:#b3cade}.mg-boilerplate--secondary{background-color:#ccdce9}
|
|
379
|
+
|
|
380
|
+
/* checkbox */.form-check{align-items:center;display:flex;position:relative}.form-check label{cursor:pointer;font-size:1.6rem;padding:0 7px}input[type=checkbox]{border-radius:0}.select-box{color:#1a1a1a;display:flex;flex-direction:column;font-size:3.6rem;height:52px;max-width:18.5rem;position:relative}.select-box.expanded button:after{-webkit-transform:translateY(-50%) rotate(-180deg);-moz-transform:translateY(-50%) rotate(-180deg);-ms-transform:translateY(-50%) rotate(-180deg);-o-transform:translateY(-50%) rotate(-180deg);transition:translateY(-50%) rotate(-180deg)}.select-box button{background:#fff;display:flex}.select-box ul{background-color:#fff;order:1;position:absolute;top:51px;-webkit-transition:all .4s cubic-bezier(.64,.05,.35,1.05);-moz-transition:all .4s cubic-bezier(.64,.05,.35,1.05);-ms-transition:all .4s cubic-bezier(.64,.05,.35,1.05);-o-transition:all .4s cubic-bezier(.64,.05,.35,1.05);transition:all .4s cubic-bezier(.64,.05,.35,1.05);z-index:20}.select-box ul.active{border-top:0;display:block;overflow-y:auto}.select-box ul::-webkit-scrollbar{background-color:rgba(0,0,0,.3);width:4px}.select-box ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.6)}.select-box ul li{display:block;position:relative}.select-box ul li span{display:block;font-size:1.6rem;margin:0 -1rem;padding:.5rem}.select-box ul li span:hover{background-color:#ccc}[dir=rtl] .select-box ul{padding:0 .5rem}[dir=rtl] .select-box ul li{padding-right:0}:lang(my) .options-container{top:52px}:lang(my) .select-box button{font-family:Roboto,sans-serif}
|
|
381
|
+
|
|
382
|
+
/* multi-select start */.multi-select{max-width:18.5rem;position:relative}.multi-select.open>button{border-bottom:0}.multi-select.open>button:after{top:50%;-webkit-transform:translateY(-50%) rotate(-180deg);-moz-transform:translateY(-50%) rotate(-180deg);-ms-transform:translateY(-50%) rotate(-180deg);-o-transform:translateY(-50%) rotate(-180deg);transition:translateY(-50%) rotate(-180deg)}.multi-select.open ul{background-color:#fff;border-top:0;display:block}.multi-select.open ul.fix-height{max-height:18.75rem}.multi-select.open ul ul{border:0;display:none;overflow:hidden;padding:0 0 0 2rem}.multi-select.open ul li{margin-bottom:0}.multi-select>button{background:#fff;display:flex;max-width:100%;text-align:left}.multi-select>button span{padding-left:.3125rem}.multi-select ul{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:auto}.multi-select ul>li{list-style:none}.multi-select ul>li .form-check:hover{background-color:#ccc}.multi-select ul .has-submenu{position:relative}.multi-select ul .has-submenu.open ul{border:0;border-top:1px solid grey;display:block;overflow:visible;padding:0 0 0 2rem}.multi-select ul .has-submenu.open button:after{top:50%;-webkit-transform:translateY(-50%) rotate(-180deg);-moz-transform:translateY(-50%) rotate(-180deg);-ms-transform:translateY(-50%) rotate(-180deg);-o-transform:translateY(-50%) rotate(-180deg);transition:translateY(-50%) rotate(-180deg)}.multi-select ul .has-submenu button{background:#fff;border:0;cursor:pointer;display:block;font-size:1.6rem;margin:0 -1rem;padding:.5rem;position:relative;text-align:left;width:calc(100% + 2rem)}.multi-select ul .has-submenu button:hover{background-color:#ccc}.multi-select ul .has-submenu button:after{right:.875rem}.multi-select ul .sub-menu{display:none;list-style:none}.multi-select ul .sub-menu>li{border-top:1px solid grey;margin-bottom:0}.multi-select ul .sub-menu>li:first-of-type{border-top:0}.multi-select ul .sub-menu>li>.checkbox-wrapper:hover{background-color:#ccc}.multi-select ul::-webkit-scrollbar{background-color:rgba(0,0,0,.3);width:4px}.multi-select ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.6)}.multi-select ul .form-check{justify-content:space-between;margin:0 -1rem;padding:0 .5rem}.multi-select ul .form-check label{padding:.5rem 0;width:100%}.multi-select ul .form-check input{position:absolute;right:.5rem}:lang(my) .multi-select button,:lang(my) .multi-select ul li{font-family:Roboto,sans-serif}[dir=rtl] .multi-select button span{padding-left:0;padding-right:.3125rem}[dir=rtl] .multi-select ul{padding:0 .5rem}[dir=rtl] .multi-select ul li{padding-right:0}[dir=rtl] .multi-select ul .form-check input{left:.5rem;right:inherit}[dir=rtl] .multi-select .has-submenu button{text-align:right}[dir=rtl] .multi-select .has-submenu button:after,[dir=rtl] .multi-select.open .radio span{left:.5rem;right:inherit}[dir=rtl] .multi-select.open ul ul{padding:0 2rem 0 0}
|
|
383
|
+
|
|
384
|
+
/* multi-select end */label{display:block}label.error{color:#1a1a1a;margin-top:0}label.disabled{color:grey}.help{color:#666;display:block;font-size:1.25rem}.error,.help{margin-bottom:0;margin-top:.25rem}.error{color:#c10920;font-size:1.6rem}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],textarea{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:2px solid #1a1a1a;border-radius:0;box-sizing:border-box;display:block;font-family:Roboto,sans-serif;font-size:1.6rem;height:46px;margin-top:.25rem;padding:.625rem;width:100%}input[type=date]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:#666}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,textarea:focus{box-shadow:0 0 4px #1a619c;outline:0}input[type=date] input[type=date],input[type=date] input[type=search],input[type=email] input[type=date],input[type=email] input[type=search],input[type=number] input[type=date],input[type=number] input[type=search],input[type=password] input[type=date],input[type=password] input[type=search],input[type=search] input[type=date],input[type=search] input[type=search],input[type=tel] input[type=date],input[type=tel] input[type=search],input[type=text] input[type=date],input[type=text] input[type=search],textarea input[type=date],textarea input[type=search]{padding-left:2rem;position:relative}input[type=date].disabled,input[type=email].disabled,input[type=number].disabled,input[type=password].disabled,input[type=search].disabled,input[type=tel].disabled,input[type=text].disabled,textarea.disabled{background-color:#fff;border:2px solid grey;color:grey}input[type=date].disabled::placeholder,input[type=email].disabled::placeholder,input[type=number].disabled::placeholder,input[type=password].disabled::placeholder,input[type=search].disabled::placeholder,input[type=tel].disabled::placeholder,input[type=text].disabled::placeholder,textarea.disabled::placeholder{color:grey}input[type=date].error,input[type=email].error,input[type=number].error,input[type=password].error,input[type=search].error,input[type=tel].error,input[type=text].error,textarea.error{border:2px solid #c10920}input[type=date]{background-color:#fff;color:#666;padding-left:2rem}input[type=search]{color:#a9b1b7;padding-left:2.5rem}.help.disabled{color:grey}textarea{height:auto;max-width:100%;resize:vertical}input[type=date]::-webkit-calendar-picker-indicator{appearance:none;left:3px;opacity:0;position:absolute}@media (hover:none) and (pointer:coarse){[dir=rtl] input[type=date] input[type=date],[dir=rtl] input[type=email] input[type=date],[dir=rtl] input[type=number] input[type=date],[dir=rtl] input[type=password] input[type=date],[dir=rtl] input[type=search] input[type=date],[dir=rtl] input[type=tel] input[type=date],[dir=rtl] input[type=text] input[type=date],[dir=rtl] textarea input[type=date]{padding-right:1rem}}[dir=rtl] input[type=date]::-webkit-calendar-picker-indicator{left:inherit;position:absolute;right:27px}[dir=rtl] input::-webkit-date-and-time-value{margin-right:0;text-align:right}:lang(my) .error{line-height:1.7}:lang(my) input[type=date],:lang(my) input[type=email],:lang(my) input[type=number],:lang(my) input[type=password],:lang(my) input[type=search],:lang(my) input[type=tel],:lang(my) input[type=text],:lang(my) textarea{font-family:Roboto,sans-serif}
|
|
385
|
+
|
|
386
|
+
/* radio */input[type=radio]{background-color:transparent;border-radius:100%;box-shadow:inset 0 0 0 #fff}input[type=radio]:checked{background-color:#c10920;box-shadow:inset 0 0 0 3px #fff}.select-default{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1a1a1a;display:block}[dir=rtl] .select-default{background-position:left 22px center;padding:.5rem .5rem .5rem 10rem;text-align:right}.breadcrumb ul{align-items:baseline;display:flex;flex-wrap:wrap;font-size:1rem;padding:0}.breadcrumb ul li{display:inline-block;margin:.25rem 1rem .25rem 0;padding-left:0;position:relative}.breadcrumb ul li:after{color:#c10920;content:"/";font-weight:700;position:absolute;right:-12px;top:0}.breadcrumb ul li:first-of-type{margin-left:0}.breadcrumb ul li:last-of-type{font-weight:600;letter-spacing:.03em;margin-right:0;max-width:calc(100vw - 2rem)}.breadcrumb ul li:last-of-type:after{display:none}.breadcrumb ul li a{background:none;color:#c10920;font-size:1rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;transition:opacity .2s ease}.breadcrumb ul li a:hover{color:#c10920}.breadcrumb.white li a,.breadcrumb.white li:after{color:#fff}.breadcrumb.white li a:hover{color:#fff;opacity:.7}.breadcrumb.white li:last-of-type,.breadcrumb.white:last-of-type{color:#fff}[dir=rtl] .breadcrumb ul{padding:0}[dir=rtl] .breadcrumb li{margin:.25rem 0 .25rem 1rem;padding-right:0}[dir=rtl] .breadcrumb li a{margin:0}[dir=rtl] .breadcrumb li:first-of-type{margin-left:1rem;margin-right:0}[dir=rtl] .breadcrumb li:last-of-type{margin-left:0;margin-right:0}[dir=rtl] .breadcrumb li:after{left:-14px;right:unset;top:63%;-webkit-transform:translateY(-63%) rotate(140deg);-moz-transform:translateY(-63%) rotate(140deg);-ms-transform:translateY(-63%) rotate(140deg);-o-transform:translateY(-63%) rotate(140deg);transition:translate(0,-63%) rotate(140deg)}:lang(my) .breadcrumb li:last-of-type{font-size:1rem}
|
|
387
|
+
|
|
388
|
+
/* pagination start */.pagination ul{align-items:center;display:flex;padding-left:0}.pagination ul li{display:flex;font-size:1.6rem;margin-bottom:0;margin-right:1rem;padding-left:0;position:relative}.pagination ul li a{border-bottom:0;font-size:1.6rem}.pagination ul li span{margin:0 .375rem}.pagination ul li span:last-of-type{margin-right:0}.pagination ul li:first-of-type,.pagination ul li:last-of-type{cursor:pointer}.pagination ul li:first-of-type a,.pagination ul li:last-of-type a{font-size:0;height:45px;width:45px}.pagination ul li:first-of-type a:before,.pagination ul li:last-of-type a:before{content:" ";display:block;height:45px;width:45px}.pagination ul li.disabled a:before{opacity:.3}.pagination ul li:last-of-type{margin-right:0}[dir=rtl] .pagination ul{padding-right:0}[dir=rtl] .pagination li{margin-left:1rem;margin-right:0;padding-right:0}[dir=rtl] .pagination li:first-of-type a:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transition:rotateZ(180deg)}[dir=rtl] .pagination li:last-of-type{margin-left:0}[dir=rtl] .pagination li:last-of-type a:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transition:rotateZ(180deg)}[dir=rtl] .pagination li span:last-of-type{margin-left:0;margin-right:.375rem}
|
|
389
|
+
|
|
390
|
+
/* pagination end */.mg-quote-highlight{border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden}.mg-quote-highlight :link{text-decoration:underline}.mg-quote-highlight :hover{text-decoration:none}.mg-quote-highlight--full,.mg-quote-highlight--left{margin-bottom:5rem;width:100%}.mg-quote-highlight--left{float:left;margin-right:5rem
|
|
391
|
+
/* medium design */}@media (width >= 48em){.mg-quote-highlight--left{max-width:400px;width:40%}}[dir=rtl] .mg-quote-highlight--left{float:right;margin-left:5rem;margin-right:0}.mg-quote-highlight--right{float:right;margin-bottom:5rem;margin-left:5rem;width:100%
|
|
392
|
+
/* medium design */}@media (width >= 48em){.mg-quote-highlight--right{max-width:400px;width:40%}}[dir=rtl] .mg-quote-highlight--right{float:left;margin-left:0;margin-right:5rem}.mg-quote-highlight--line{flex-direction:column}.mg-quote-highlight--line.mg-quote-highlight--has-image{
|
|
393
|
+
/* medium design */}@media (width >= 48em){.mg-quote-highlight--line.mg-quote-highlight--has-image{flex-direction:row}}.mg-quote-highlight--image{flex-direction:column
|
|
394
|
+
/* medium design */}@media (width >= 48em){.mg-quote-highlight--image{flex-direction:row}}.mg-quote-highlight__content{display:flex;flex:1;flex-direction:column;justify-content:center;padding:5rem
|
|
395
|
+
/* medium design */}@media (width >= 48em){.mg-quote-highlight__content{padding:6rem}}.mg-quote-highlight__quote{font-size:1.8rem;font-style:italic;font-weight:600;line-height:1.5;margin:0 0 3rem;padding:0 0 0 5rem;position:relative;text-wrap:balance}.mg-quote-highlight__quote:before{color:inherit;content:"“";font-size:4.8rem;font-weight:700;left:0;opacity:.5;position:absolute;top:-1rem}.mg-quote-highlight__quote p{margin:0}[dir=rtl] .mg-quote-highlight__quote{padding-left:0;padding-right:5rem}[dir=rtl] .mg-quote-highlight__quote:before{left:auto;right:0}.mg-quote-highlight__separator{height:4px;margin:1rem 0 2rem;width:100px}.mg-quote-highlight__attribution{margin-top:1rem}.mg-quote-highlight__attribution-wrapper{align-items:center;display:flex}.mg-quote-highlight__attribution-text{flex:1}.mg-quote-highlight__attribution-name{font-size:1.6rem;font-weight:600;margin:0}.mg-quote-highlight__attribution-title{font-size:1.25rem;margin:.5rem 0 0}.mg-quote-highlight__portrait-container{border-radius:50%;flex-shrink:0;height:50px;margin-right:2rem;overflow:hidden;width:50px}[dir=rtl] .mg-quote-highlight__portrait-container{margin-left:2rem;margin-right:0}.mg-quote-highlight__portrait{height:100%;object-fit:cover;object-position:center;width:100%}.mg-quote-highlight__image-container{flex:0 0 auto;height:200px;width:100%
|
|
396
|
+
/* medium design */
|
|
397
|
+
/* medium design */}@media (width >= 48em){.mg-quote-highlight__image-container{height:auto;width:250px}}@media (width >= 64em){.mg-quote-highlight__image-container{width:300px}}.mg-quote-highlight__image{height:100%;object-fit:cover;object-position:center;width:100%}.mg-quote-highlight--light{background-color:rgba(15,120,191,.1)}.mg-quote-highlight--light .mg-quote-highlight__quote{color:rgba(15,120,191,.9)}.mg-quote-highlight--light .mg-quote-highlight__quote:before{color:rgba(15,120,191,.5)}.mg-quote-highlight--dark,.mg-quote-highlight--light .mg-quote-highlight__separator{background-color:rgba(15,120,191,.7)}.mg-quote-highlight--dark{color:#fff}.mg-quote-highlight--dark .mg-quote-highlight__quote:before{color:hsla(0,0%,100%,.8)}.mg-quote-highlight--dark .mg-quote-highlight__separator{background-color:#fff}.mg-quote-highlight--bright{background-color:#fff;border:1px solid #b3b3b3}.mg-quote-highlight--bright .mg-quote-highlight__quote{color:#000}.mg-quote-highlight--bright .mg-quote-highlight__quote:before{color:#666}.mg-quote-highlight--bright .mg-quote-highlight__separator{background-color:rgba(15,120,191,.7)}
|
|
398
|
+
|
|
399
|
+
/* sidebar start */.sidebar-accordion{padding:0;position:relative}.sidebar-accordion.show-small h6{border-bottom:2px solid #1a1a1a}.sidebar-accordion.show-small h6:after{-webkit-transform:translateY(-50%) rotate(-180deg);-moz-transform:translateY(-50%) rotate(-180deg);-ms-transform:translateY(-50%) rotate(-180deg);-o-transform:translateY(-50%) rotate(-180deg);transition:translateY(-50%) rotateZ(-180deg)}.sidebar-accordion.show-small ul{display:block;padding:0}.sidebar-accordion li,.sidebar-accordion ul{list-style-type:none;margin-bottom:0;padding-left:0
|
|
400
|
+
/* medium design */}@media (width >= 48em){.sidebar-accordion li a:hover,.sidebar-accordion ul a:hover{background-color:#999}}.sidebar-accordion h6{background-color:#999;cursor:pointer;display:block;margin-bottom:0;padding:.5rem;position:relative
|
|
401
|
+
/* medium design */}@media (width >= 48em){.sidebar-accordion h6{display:none}}.sidebar-accordion ul{display:none;padding:0
|
|
402
|
+
/* medium design */}@media (width >= 48em){.sidebar-accordion ul{display:block}}.sidebar-accordion ul>.active{border-bottom:none
|
|
403
|
+
/* medium design */}.sidebar-accordion ul>.active>a{
|
|
404
|
+
/* medium design */}@media (width >= 48em){.sidebar-accordion ul>.active>a{background-color:#004f91;color:#fff}}.sidebar-accordion ul>.active>button:after{top:1.125rem;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transition:rotateZ(-180deg)
|
|
405
|
+
/* medium design */}@media (width >= 48em){.sidebar-accordion ul>.active>button:after{top:1rem}}.sidebar-accordion ul>li{background-color:#999;position:relative
|
|
406
|
+
/* medium design */}@media (width >= 48em){.sidebar-accordion ul>li{background-color:transparent;padding:0}}.sidebar-accordion ul>li button{float:right;height:1.25rem;margin-right:1.188rem;margin-top:-2.188rem;width:1.25rem
|
|
407
|
+
/* medium design */}@media (width >= 48em){.sidebar-accordion ul>li button{margin-top:-2.688rem;top:2.063rem}}.sidebar-accordion ul>li button:after{top:1rem
|
|
408
|
+
/* medium design */}@media (width >= 48em){.sidebar-accordion ul>li button:after{top:2.063rem}}.sidebar-accordion ul ul.accordion__panel{display:none;height:auto;padding:0}.sidebar-accordion ul ul.accordion__panel li a{border:none;display:block;font-size:1.25rem;font-weight:400;padding:.5rem 1rem .5rem 1.5rem
|
|
409
|
+
/* medium design */}@media (width >= 48em){.sidebar-accordion ul ul.accordion__panel li a{font-size:1.6rem;padding-left:3rem}}.sidebar-accordion ul ul.accordion__panel li:first-of-type a{background-color:transparent;color:#1a1a1a
|
|
410
|
+
/* medium design */}@media (width >= 48em){.sidebar-accordion ul ul.accordion__panel li:first-of-type a:hover{background-color:#999}}.sidebar-accordion ul ul.accordion__panel li:last-of-type a{margin-bottom:0}.sidebar-accordion.narrow ul.accordion__panel li a{
|
|
411
|
+
/* medium design */}@media (width >= 48em){.sidebar-accordion.narrow ul.accordion__panel li a{font-size:.875rem;padding-left:1.5rem}}.sidebar-accordion.narrow ul.accordion__panel li:last-of-type a{
|
|
412
|
+
/* medium design */}@media (width >= 48em){.sidebar-accordion.narrow ul.accordion__panel li:last-of-type a{margin-bottom:2rem}}.sidebar-accordion.narrow ul>li button:after{
|
|
413
|
+
/* medium design */}@media (width >= 48em){.sidebar-accordion.narrow ul>li button:after{top:1.625rem}}.sidebar-accordion.narrow li.active button:after{
|
|
414
|
+
/* medium design */}@media (width >= 48em){.sidebar-accordion.narrow li.active button:after{top:1.125rem}}[dir=rtl] .sidebar-accordion h6:after,[dir=rtl] .sidebar-accordion ul li>button:after{left:24px;right:unset}[dir=rtl] .sidebar-accordion li,[dir=rtl] .sidebar-accordion ul{padding-right:0}[dir=rtl] .sidebar-accordion button{float:left;margin-left:1rem;margin-right:0}[dir=rtl] .sidebar-accordion.narrow ul.accordion__panel li a{
|
|
415
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] .sidebar-accordion.narrow ul.accordion__panel li a{padding-left:1rem;padding-right:1.5rem}}
|
|
416
|
+
|
|
417
|
+
/* sidebar end */
|
|
418
|
+
/* Accordian start */.accordion{padding:0;position:relative}.accordion li{border-bottom:1px solid #666;cursor:pointer;list-style:none;margin-bottom:0;overflow:hidden;padding-left:0;position:relative}.accordion li button{font-size:2.3rem;font-weight:400;letter-spacing:0;line-height:1.15;margin:0 auto;padding:.5rem 0 1rem;text-align:left;width:100%}.accordion li button:before{border-top-color:#f3f3f3;content:"";height:1.25rem;margin-left:1rem;position:absolute;right:0;top:1rem;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:1.25rem}.accordion li button.accordion--active:before{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transition:rotateZ(-180deg)}.accordion li p:last-of-type{margin-bottom:0}[dir=rtl] .accordion li button{text-align:right}[dir=rtl] .accordion li button:before{left:0;margin-left:0;right:unset}[dir=rtl] .accordion li button.accordion--active{padding-right:0}[dir=rtl] .accordion li button.accordion--active:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transition:rotateZ(180deg)}.accordion__panel{display:none;height:auto;padding:1.5rem
|
|
419
|
+
/* medium design */}@media (width >= 48em){.accordion__panel{padding:2rem}}[data-accordion=mobile] .desktop-visible{
|
|
420
|
+
/* medium design */}@media (width >= 48em){[data-accordion=mobile] .desktop-visible{display:block!important}}[data-accordion=mobile] .desktop-event-none{
|
|
421
|
+
/* medium design */}@media (width >= 48em){[data-accordion=mobile] .desktop-event-none{pointer-events:none}}:lang(my) .accordion li button{font-family:Roboto,sans-serif}
|
|
422
|
+
|
|
423
|
+
/* Accordian end */.chip{align-items:center;background:#e6e6e6;border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,.2);display:inline-flex;min-height:1.875rem;padding:.25rem .5rem}.chip:hover{background-color:#999}.chip.chip__cross:before{content:"";display:inline-flex;height:22px;margin-left:-.25rem;margin-right:.25rem;padding-right:1.375rem;position:relative;top:0;width:auto}[dir=rtl] .chip__cross:before{margin-left:.25rem;margin-right:-.25rem}:lang(my) .chip{align-items:flex-end}:lang(my) .chip__cross{align-items:baseline}:lang(my) .chip__cross:before{top:5px}.mg-button{align-items:center;background:transparent;border:1px solid #fff;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;font-weight:600;justify-content:center;line-height:1;padding:1rem 1.5rem
|
|
424
|
+
/* medium design */}.mg-button:focus-visible{box-shadow:0 0 4px #eb752a;outline:0}@media (width >= 48em){.mg-button{display:inline-flex}}.mg-button+.mg-button{margin-left:1rem}button:focus-visible{box-shadow:0 0 4px #0f78bf;outline:0}.mg-button-primary{background-color:#0f78bf}.mg-button-primary:hover{background-color:#eb752a;color:#fff}.mg-button-secondary{background-color:#4d84b2}.mg-button-secondary:hover{background-color:#80a7c8;color:#fff}.mg-button.disabled{background-color:grey;color:#999;pointer-events:none}.cta__link{color:#1a1a1a}.cta__link.cta--arrow{padding-left:0;padding-right:1rem}.cta__link.cta--space:after{-webkit-transition:.2s ease;-moz-transition:.2s ease;-ms-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease}.cta__link.cta--space:hover:after{-webkit-transform:translate(70%);-moz-transform:translate(70%);-ms-transform:translate(70%);-o-transform:translate(70%);transition:translate(70%,0)}[dir=rtl] .cta__link{align-items:flex-end}[dir=rtl] .cta__link.cta--space:after{margin-left:0;margin-right:.25rem;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transition:rotate(180deg)}[dir=rtl] .cta__link.cta--space:hover:after{-webkit-transform:translate(-50%) rotate(180deg);-moz-transform:translate(-50%) rotate(180deg);-ms-transform:translate(-50%) rotate(180deg);-o-transform:translate(-50%) rotate(180deg);transition:translate(-50%,0) rotate(180deg)}[dir=rtl] .cta__link.cta--arrow{padding-left:1rem;padding-right:0}[dir=rtl] .cta__link.cta--arrow i{left:0;right:1.25rem;-webkit-transform:translate(0) rotate(180deg);-moz-transform:translate(0) rotate(180deg);-ms-transform:translate(0) rotate(180deg);-o-transform:translate(0) rotate(180deg);transition:translate(0) rotate(180deg)}.mg-share{display:flex;flex-direction:column;gap:1rem;max-width:400px}.mg-share__header{color:#1a1a1a;display:flex;font-family:Roboto,sans-serif;font-size:1.6rem;font-weight:600;justify-content:start}.mg-share__buttons{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:left}.mg-share__button{align-items:center;background-color:#0f78bf;border:1px solid #fff;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;height:4rem;justify-content:center;padding:1rem;width:4rem}.mg-share__button:hover{background-color:rgba(235,117,42,.8)}.mg-share__button:focus-visible{box-shadow:0 0 4px #eb752a;outline:0}.mg-share__copy-button{align-items:center;background-color:#0f78bf;border:0 solid #fff;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-family:Roboto,sans-serif;justify-content:space-between;padding:1rem}.mg-share__copy-button:hover .mg-share__copy-text{text-decoration:underline}.mg-share__clip-icon{align-items:center;display:flex;flex-shrink:0;height:25px;justify-content:center;width:25px}.mg-share__clip-icon img{width:18px}.mg-share__copy-text{align-items:start;color:#fff;flex:auto;font-size:1rem;height:17px;margin-left:1em;margin-right:1em;overflow:hidden;scrollbar-width:0}.mg-share__stack-icon{align-items:center;background-color:rgba(15,120,191,.5);display:flex;flex-shrink:0;height:25px;justify-content:center;width:25px}.mg-share__stack-icon img{width:18px}.mg-mega-wrapper{box-shadow:0 2px 3px 0 rgba(51,51,51,.31);position:relative;z-index:10}.mg-mega-topbar{align-items:flex-start;background:#fff;display:flex;padding:0;width:100%;z-index:10}.mg-mega-topbar__item{color:#0f78bf;cursor:pointer;font-size:1.6rem;font-weight:700;list-style:none;padding:1.5rem 2rem}.mg-mega-topbar__item p{font-weight:400}.mg-mega-topbar__item--active{background:rgba(15,120,191,.2);color:#0f78bf}.mg-mega-topbar__item--active .mg-mega-topbar__item-link,.mg-mega-topbar__item--active a{color:#0f78bf;text-decoration:none}.mg-mega-topbar__item--active a.mg-button-primary{color:#fff;text-decoration:none}.mg-mega-topbar__item--active .mg-mega-content{display:flex}.mg-mega-topbar__item-link{background:none;border:none;color:#0f78bf;cursor:pointer;font-family:Roboto Condensed,sans-serif;font-size:1.8rem;font-weight:700;list-style:none}.mg-mega-content{align-items:flex-start;background:hsla(0,0%,100%,.8);border-radius:0 0 0 0;box-shadow:-1px 5px 10px -1px rgba(0,0,0,.25);display:none;height:35rem;justify-content:start;left:0;overflow:hidden;position:absolute;top:4.8rem;width:100%;z-index:1}@media screen and (max-width:480px){.mg-mega-content{display:flex;flex-direction:column;height:auto;position:relative;top:1px}}.mg-mega-content.mg-container-full-width{position:absolute}@media screen and (max-width:480px){.mg-mega-content.mg-container-full-width{position:relative}}.mg-mega-content__left{background-color:#0f78bf;flex-basis:33%;height:100%}.mg-mega-content__banner{color:#fff;padding:2.4rem}.mg-mega-content__banner header{font-size:2.3rem;font-weight:700;padding-bottom:1rem}.mg-mega-content__banner p a{text-decoration:underline}.mg-mega-content__banner p a:hover{text-decoration:none}.mg-mega-content:focus-visible,.mg-mega-content__left:focus-visible,.mg-mega-content__right:focus-visible,.mg-mega-topbar__item-link:focus-visible{outline:1px auto -webkit-focus-ring-color;outline-offset:1px}.mg-mega-content__left{box-shadow:inset 0 5px 5px -3px rgba(0,0,0,.2)}.mg-mega-content__left .mg-mega-content__section-list-link:not(.mg-mega-content__section-list-link--active),.mg-mega-content__left a,.mg-mega-content__left a:hover{color:#fff}.mg-mega-content__left .mg-mega-content__section-list-link,.mg-mega-content__left .mg-mega-content__section-list-link:hover{color:#0f78bf}.mg-mega-content__section-list{padding-left:2rem}.mg-mega-content__section-list-item{list-style:none;margin:0;padding:0}.mg-mega-content__section-list-item .mg-mega-content__section-list-link{display:block;font-weight:700;padding:.5rem 0;text-decoration:none}.mg-mega-content__section-list-item .mg-mega-content__section-list-link--active{background-color:#fff;margin-left:-2rem;padding:.5rem 2rem}.mg-mega-content__right{background-color:#fff;box-shadow:inset 0 5px 5px -3px rgba(0,0,0,.2);display:flex;flex:1;height:100%}@media screen and (max-width:480px){.mg-mega-content__right{width:100%}}.mg-mega-content__right ul{display:flex;flex:1;flex-direction:column;flex-wrap:wrap;gap:0;justify-items:start;list-style:none;padding:1.5rem}.mg-mega-content__right ul ul{opacity:.8;padding:0 0 0 1.5rem}.mg-mega-content__right ul li{margin:0;padding:0}.mg-mega-content__right ul li a{color:#1a1a1a;display:block;font-weight:400;overflow:hidden;padding:.5rem;text-overflow:clip;white-space:wrap}.mg-mega-content__right ul li a:hover{color:#1a1a1a;text-decoration:underline}.mg-recursive-menu-item{list-style:none;margin:0;padding:0}.mg-recursive-menu-item a{color:#1a1a1a;text-decoration:none}.mg-recursive-menu-item a:hover{color:#1a1a1a}.mg-recursive-menu-item__children{list-style:none}.mg-icon-button{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:center;padding:1rem}.mg-icon-button:hover{background-color:#6695bd}.mg-mega-sidebar-section{list-style:none}.mg-mega-sidebar-section ol{list-style:none;margin:0}.mg-mega-sidebar-section ol li{margin:0}.mg-mega-sidebar-section ol ol li{list-style:none;margin:0;padding-bottom:.5rem;padding-left:3rem;padding-top:.5rem}.mg-mega-sidebar-section ol ol li a{color:#fff;text-decoration:none}.mg-mega-sidebar-section ol ol li:hover{background:#3372a7}.mg-mega-sidebar-section__item{align-items:center;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 2.4rem}@media screen and (max-width:480px){.mg-mega-sidebar-section__item{background:#004f91;border:none;border-top:1px solid #fff;width:100%}}.mg-mega-sidebar-section__item:hover{background:#6695bd}.mg-mega-sidebar-section__item:focus-visible{outline:2px auto -webkit-focus-ring-color;outline-offset:-1px}.mg-mega-sidebar{background-color:#004f91;-webkit-box-shadow:-5px 0 8px -4px rgba(0,0,0,.25);-moz-box-shadow:-5px 0 8px -4px rgba(0,0,0,.25);box-shadow:-5px 0 8px -4px rgba(0,0,0,.25);height:100vh;overflow:auto;position:absolute;right:0;top:0;width:300px;z-index:10}@media screen and (max-width:480px){.mg-mega-sidebar{width:100%}}.mg-mega-sidebar__list{background:#fff;display:flex;flex-direction:column;position:absolute;right:0;width:calc(100% - 3.5rem)}.mg-mega-sidebar__section{align-items:center;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem 3rem}.mg-mega-sidebar__section:hover{background:#80a7c8}.mg-mega-topbar__icon-button{align-items:center;background:#fff;border:none;color:#0f78bf;cursor:pointer;display:none;font-size:2rem;justify-content:center;padding:1rem;position:absolute;right:0;transition-duration:.4s;transition-property:right;width:3.5rem}.mg-mega-topbar__icon-button:hover{background:#1a619c;color:#fff}.mg-mega-topbar__icon-button:has(.fa-angle-circled-left){background:#000;right:calc(100% - 3.5rem);transform:rotate(180deg)}@media screen and (max-width:480px){.mg-mega-topbar__icon-button{display:flex;z-index:11}.mg-mega-topbar{position:relative}}.mg-page-header__toolbar-wrapper{background:#333 url(//www.undrr.org/themes/custom/undrr_common/images/toolbar-background.png) no-repeat 50%;box-shadow:0 2px 4px 0 rgba(0,0,0,.3);z-index:22}@media (width >= 1164px){.mg-page-header__toolbar-wrapper .mg-page-header__container{padding:0}}.mg-page-header__region--toolbar{align-items:center;display:flex;gap:1rem}.mg-page-header__region--toolbar a{color:#fff}.mg-page-header__region--toolbar .fa{vertical-align:middle}.mg-page-header__region--toolbar>:first-child{flex-grow:1}.mg-page-header__block--logo{flex-grow:1;padding:.5rem 0 .5rem .1rem}@media (max-width:1024px){.mg-page-header__logo-img{height:48px;object-fit:cover;object-position:0 50%;width:175px}}@media (max-width:1440px){.mg-page-header__logo-img{padding-left:1rem}}.mg-page-header__select-wrapper{background:transparent;height:auto;margin:0;min-width:auto}.mg-page-header__select-wrapper:before{background:none!important;border:none;height:30px;line-height:30px;width:30px}.mg-page-header__select,.mg-page-header__select-wrapper:focus:before,.mg-page-header__select-wrapper:hover:before{background-color:transparent}.mg-page-header__select{border:none;border-radius:0;color:#fff;direction:rtl;font-size:1.65rem;height:30px;line-height:2rem;min-width:auto;padding-right:30px;width:auto!important}.mg-page-header__select option{color:#333}.mg-page-header__decoration{align-content:flex-start;align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between}.mg-page-header__decoration div{display:inline-block;height:7px;width:25%}.mg-page-header__decoration div:first-child{background:#c10920}.mg-page-header__decoration div:nth-child(2){background:#962987}.mg-page-header__decoration div:nth-child(3){background:#eb752a}.mg-page-header__decoration div:nth-child(4){background:#00afae}.mg-page-header__label{display:inline-block;font-size:1.25rem;font-weight:700;margin-right:.25rem;padding:.25rem 0}@media (max-width:1024px){.mg-page-header__label{display:none}}.mg-page-header__label-mobile{display:none}@media (max-width:1024px){.mg-page-header__label-mobile{display:unset}}
|
|
425
|
+
|
|
426
|
+
/* content-card start */.mg-card{display:inline-block;margin-bottom:1rem;position:relative}.mg-card__vc{display:grid;gap:.5rem}.mg-card__vc .mg-card__visual{aspect-ratio:16/9;overflow:hidden}.mg-card__hc{color:#1a1a1a;display:grid;gap:1rem;grid-template-columns:1fr}.mg-card__hc .mg-card__content{grid-column:1/3;grid-row:2/3}.mg-card__hc .mg-card__content:only-child{grid-column:1/-1}@media (min-width:480px){.mg-card__hc .mg-card__content{grid-column:2/4;grid-row:1/2}}.mg-card__hc:has(.mg-card__visual){grid-template-rows:300px 1fr auto}@media (min-width:480px){.mg-card__hc:has(.mg-card__visual){grid-template-columns:160px 1fr;grid-template-rows:1fr auto}}@media (min-width:1024px){.mg-card__hc:has(.mg-card__visual){grid-template-columns:330px 1fr}}.mg-card__hc.mg-card-book__hc .mg-card__visual{border:1px solid rgba(77,77,77,.2);overflow:hidden}.mg-card__hc.mg-card-book__hc:has(.mg-card__visual){grid-template-rows:200px 1fr auto}@media (min-width:480px){.mg-card__hc.mg-card-book__hc:has(.mg-card__visual){grid-template-columns:160px 1fr;grid-template-rows:1fr auto}}.mg-card__visual{align-items:flex-end;display:flex;justify-content:flex-end}.mg-card__image{align-self:center;object-fit:cover;width:100%}.mg-card__share{padding:0 .5rem .25rem;position:absolute;z-index:101}.mg-card__label,.mg-card__share{cursor:pointer;display:inline-block}.mg-card__label{color:#0f78bf;font-size:1.25rem;margin-right:.5rem}.mg-card__label:hover{color:#0f78bf}.mg-card__title{font-size:2.3rem;font-weight:700;line-height:1.25em;padding-bottom:.75rem;padding-top:1rem}.mg-card__title a{color:#1a1a1a;cursor:pointer;display:inline-block}.mg-card__title .active{background:#e6e6e6;font-weight:700}.mg-card__title a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:100}.mg-card__summary{padding-bottom:.5rem}.mg-card__summary a,.mg-card__text-link{color:#0f78bf}.mg-card .mg-button,.mg-card__label,.mg-card__summary a,.mg-card__text-link{position:relative;z-index:101}.mg-card__summary a:hover,.mg-card__text-link:hover{text-decoration:underline}.mg-card__book{max-width:200px}.mg-card__book .mg-card__visual{aspect-ratio:3/4;border:1px solid rgba(77,77,77,.2)}.mg-card__book .mg-card__title{font-size:1.6rem;padding-top:.25rem}@media (min-width:1164px){.mg-card__book{max-width:400px}}
|
|
427
|
+
/* content-card end */
|
|
428
|
+
/* statscard start */.stats-card{background-color:#b3b3b3;box-sizing:border-box;overflow-wrap:break-word;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s
|
|
429
|
+
/* small design */}@media (width <= 47.9375em){.stats-card{max-width:21.938rem;padding:2rem}}.stats-card h3{font-weight:600;margin-bottom:2rem
|
|
430
|
+
/* medium design */}@media (width >= 48em){.stats-card h3{margin-bottom:5rem}}.stats-card h2{color:#b3b3b3;font-family:Roboto,sans-serif;font-size:5rem;letter-spacing:.05rem;margin-bottom:1rem;text-shadow:-1px -1px 0 #1a1a1a,1px -1px 0 #1a1a1a,-1px 1px 0 #1a1a1a,1px 1px 0 #1a1a1a;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s
|
|
431
|
+
/* medium design */}@supports (-webkit-text-stroke:2px #1a1a1a){.stats-card h2{text-shadow:none;-webkit-text-stroke:2px #1a1a1a}}@media (width >= 48em){.stats-card h2{font-size:6.875rem;line-height:1.09;margin-bottom:1.5rem}}.stats-card h4{letter-spacing:0;margin-bottom:.25rem
|
|
432
|
+
/* medium design */}@media (width >= 48em){.stats-card h4{margin-bottom:.5rem}}.stats-card p{margin:0
|
|
433
|
+
/* medium design */}@media (width >= 48em){.stats-card p{font-size:2.3rem}}.stats-card.x-large{padding:2rem
|
|
434
|
+
/* medium design */}@media (width >= 48em){.stats-card.x-large{max-width:42.75rem;padding:6rem}}.stats-card.x-large h2{font-size:2.3rem
|
|
435
|
+
/* medium design */}@media (width >= 48em){.stats-card.x-large h2{font-size:7.5rem}}.stats-card.x-large h3{font-size:2rem;font-weight:700
|
|
436
|
+
/* medium design */}@media (width >= 48em){.stats-card.x-large h3{font-size:3.438rem}}.stats-card.x-large h4{font-weight:600
|
|
437
|
+
/* small design */}@media (width <= 47.9375em){.stats-card.x-large h4{font-size:1.875rem}}.stats-card.large{
|
|
438
|
+
/* medium design */}@media (width >= 48em){.stats-card.large{max-width:28rem;padding:6rem 3rem}}.stats-card.medium{padding:3rem
|
|
439
|
+
/* medium design */}@media (width >= 48em){.stats-card.medium{max-width:30rem}.stats-card.medium h4{font-weight:600}}.stats-card.medium p{font-size:1.8rem}.stats-card.small{max-width:10.625rem;padding:1rem
|
|
440
|
+
/* medium design */}@media (width >= 48em){.stats-card.small{max-width:13.25rem;padding:1.5rem}}.stats-card.small h2{font-size:2.3rem;height:3rem;white-space:nowrap
|
|
441
|
+
/* medium design */}@media (width >= 48em){.stats-card.small h2{font-size:1.8rem}}.stats-card.small h4{font-size:1.8rem
|
|
442
|
+
/* medium design */}@media (width >= 48em){.stats-card.small h4{font-size:2.3rem}}.stats-card.small p{font-size:1.25rem;word-break:normal
|
|
443
|
+
/* medium design */}@media (width >= 48em){.stats-card.small p{font-size:1.6rem}}.stats-card:hover{background-color:#ff0}.stats-card:hover h2{color:#1a1a1a}.stats-card:hover.yellow{background-color:#ff0}.stats-card:hover.red{background-color:#c10920}.stats-card:hover.green{background-color:#008484}.stats-card:hover.blue{background-color:azure}:lang(be) .stats-card h2,:lang(bg) .stats-card h2,:lang(kk) .stats-card h2,:lang(ky) .stats-card h2,:lang(mk) .stats-card h2,:lang(mn) .stats-card h2,:lang(my) .stats-card h2,:lang(ru) .stats-card h2,:lang(sr) .stats-card h2,:lang(uk) .stats-card h2{font-family:Roboto,sans-serif}.mg-snackbar-wrapper{display:flex;justify-content:center;left:50%;max-width:600px;position:fixed;top:0;transform:translate(-50%,-300%);transition:transform .3s ease-in-out;width:calc(100% - 32px);z-index:9999}.mg-snackbar-wrapper__open{transform:translate(-50%)}@media (max-width:480px){.mg-snackbar-wrapper{top:8px;width:calc(100% - 16px)}}.mg-snackbar{align-items:center;background-color:#0f78bf;border-radius:0 0 0 0;box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;display:flex;padding:1rem 1.5rem;fill:#fff;width:100%}.mg-snackbar__error{background-color:#c10920;color:#fff}.mg-snackbar__warning{background-color:#ae7a03;color:#fff}.mg-snackbar__info{background-color:#0f78bf;color:#fff}.mg-snackbar__success{background-color:#0d69a7;color:#fff}.mg-snackbar__content{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:100%}@media (max-width:480px){.mg-snackbar__content{align-items:flex-start;flex-direction:column;flex-wrap:wrap}.mg-snackbar__content .mg-button{margin-top:1rem;min-height:44px;width:100%}}.mg-snackbar__message{flex:1;margin-right:2rem;word-break:break-word}.mg-snackbar .mg-button{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.5);border-radius:4px;color:inherit;cursor:pointer;font-weight:700;min-height:36px;min-width:88px;padding:.5rem 1.5rem;transition:background-color .2s ease}.mg-snackbar .mg-button:hover{background-color:hsla(0,0%,100%,.2)}.mg-snackbar .mg-button:active{background-color:hsla(0,0%,100%,.3)}.mg-snackbar .mg-button:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (max-width:480px){.mg-snackbar .mg-button{align-items:center;display:flex;justify-content:center;min-height:44px}}.mg-snackbar__icon{flex-shrink:0;height:25px;width:25px}.mg-snackbar__icon svg{fill:currentColor}.mg-hero{background-position:50%;background-size:cover;color:#fff;display:grid;grid-template-columns:1fr;margin-left:calc(50% - 50vw);padding-left:1rem;position:relative;width:100vw}@media (min-width:1024px){.mg-hero{aspect-ratio:16/4;padding-left:calc(50vw - 582px)}}@media (min-width:1440px){.mg-hero{padding-left:calc(50vw - 720px)}}.mg-hero a.mg-button-primary{background-color:#fff}.mg-hero a.mg-button-secondary{background-color:hsla(0,0%,100%,.9)}.mg-hero a.mg-button,.mg-hero a.mg-button:hover,.mg-hero a.mg-button:visited{color:#0f78bf}.mg-hero__overlay{align-items:center;background-color:rgba(15,120,191,.85);display:grid;margin:2rem 0;max-width:40rem;padding:2rem}.mg-hero__content{display:grid;margin-top:.25rem;row-gap:1rem}.mg-hero__meta{padding-bottom:.25rem}.mg-hero__meta.meta-detail{display:flex;flex-direction:column}.mg-hero__label{display:inline-block;font-size:1.25rem;font-weight:700;margin-right:.25rem;padding:.25rem 0}.mg-hero__label.detail{font-weight:400}.mg-hero a,.mg-hero a:hover,.mg-hero a:visited{color:#fff}.mg-hero__title{color:#fff;display:inline-block;font-size:3.2rem;font-weight:700;margin-bottom:.25rem}.mg-hero__title .text-xxl{font-size:3.6rem}@media (max-width:480px){.mg-hero__title .text-xxl{font-size:3.2rem}}.mg-hero__title .text-xl{font-size:3.2rem;padding-bottom:1.5rem;padding-top:2.4rem}@media (max-width:480px){.mg-hero__title .text-xl{font-size:2.3rem;padding-bottom:1.5rem;padding-top:2.4rem}}.mg-hero__title h1,.mg-hero__title h2,.mg-hero__title h3,.mg-hero__title h4,.mg-hero__title h5,.mg-hero__title h6{color:#fff;font-size:3.2rem;font-weight:700}.mg-hero__title h1.text-xxl,.mg-hero__title h2.text-xxl,.mg-hero__title h3.text-xxl,.mg-hero__title h4.text-xxl,.mg-hero__title h5.text-xxl,.mg-hero__title h6.text-xxl{font-size:3.6rem}@media (max-width:480px){.mg-hero__title h1.text-xxl,.mg-hero__title h2.text-xxl,.mg-hero__title h3.text-xxl,.mg-hero__title h4.text-xxl,.mg-hero__title h5.text-xxl,.mg-hero__title h6.text-xxl{font-size:3.2rem}}.mg-hero__title h1.text-xl,.mg-hero__title h2.text-xl,.mg-hero__title h3.text-xl,.mg-hero__title h4.text-xl,.mg-hero__title h5.text-xl,.mg-hero__title h6.text-xl{font-size:3.2rem;padding-bottom:1.5rem;padding-top:2.4rem}@media (max-width:480px){.mg-hero__title h1.text-xl,.mg-hero__title h2.text-xl,.mg-hero__title h3.text-xl,.mg-hero__title h4.text-xl,.mg-hero__title h5.text-xl,.mg-hero__title h6.text-xl{font-size:2.3rem;padding-bottom:1.5rem;padding-top:2.4rem}}.mg-hero__summaryText{font-size:1.8rem;margin-bottom:.25rem}.mg-hero__buttons{display:flex;padding-bottom:.5rem;padding-top:.75rem}@media (max-width:1024px){.mg-hero--child .mg-hero__overlay{margin-left:0}}.mg-hero--secondary .mg-hero__overlay{background-color:rgba(237,131,63,.85)}.mg-hero--secondary .mg-hero__overlay a.mg-button,.mg-hero--secondary .mg-hero__overlay a.mg-button:hover,.mg-hero--secondary .mg-hero__overlay a.mg-button:visited{color:#ed833f}.mg-hero--tertiary .mg-hero__overlay{background-color:rgba(0,0,0,.85)}.mg-hero--tertiary .mg-hero__overlay a.mg-button,.mg-hero--tertiary .mg-hero__overlay a.mg-button:hover,.mg-hero--tertiary .mg-hero__overlay a.mg-button:visited{color:#000}.mg-hero--quaternary .mg-hero__overlay{background-color:rgba(199,34,54,.85)}.mg-hero--quaternary .mg-hero__overlay a.mg-button,.mg-hero--quaternary .mg-hero__overlay a.mg-button:hover,.mg-hero--quaternary .mg-hero__overlay a.mg-button:visited{color:#c72236}[dir=rtl] .mg-hero{margin-right:calc(50% - 50vw);padding-right:1rem}@media (min-width:1024px){[dir=rtl] .mg-hero{padding-right:calc(50vw - 582px)}}@media (min-width:1440px){[dir=rtl] .mg-hero{padding-right:calc(50vw - 720px)}}
|
|
444
|
+
|
|
445
|
+
/* language-switcher start */.dropdown-language{display:inline-block;position:relative}.dropdown-language ul{height:0;left:.5rem;overflow:hidden;padding:0;position:absolute;top:calc(100% + 3px);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;z-index:9}.dropdown-language ul li{list-style:none;margin-bottom:0;padding-left:0}.dropdown-language ul li a{background:#b3b3b3;border-bottom:1px solid grey;box-shadow:0 3px 4px rgba(0,0,0,.1);display:block;padding:.25rem .5rem}.dropdown-language ul li a:hover{color:#4d4d4d}.dropdown-language.active button:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transition:rotateZ(180deg)}.dropdown-language.active ul{height:auto}.dropdown-language button{align-items:center;background-color:#fff;color:#1a1a1a;cursor:pointer;display:flex;padding:0}.dropdown-language button:before{background-color:#4d84b2;content:"";height:26px;margin-right:.25rem;width:25px
|
|
446
|
+
/* small design */}@media (width <= 47.9375em){.dropdown-language button:before{background:0;-webkit-mask:inherit;mask:inherit}}.dropdown-language button:after{background-color:#4d84b2;content:"";height:10px;margin-left:.25rem;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;width:15px
|
|
447
|
+
/* small design */}@media (width <= 47.9375em){.dropdown-language button:after{background:0;-webkit-mask:inherit;mask:inherit}}.dropdown-language button:hover{color:#80a7c8}.dropdown-language button:hover:after,.dropdown-language button:hover:before{background-color:#80a7c8}.dropdown-language button.white{color:#fff}[dir=rtl] .dropdown-language ul{left:unset;padding-right:0;right:16px}[dir=rtl] .dropdown-language ul li{padding-right:0}[dir=rtl] .dropdown-language button:before{margin-left:.25rem;margin-right:0;transform:scaleX(-1)}[dir=rtl] .dropdown-language button:after{margin-left:0;margin-right:.25rem}:lang(my) .dropdown-language button{font-family:Roboto,sans-serif}
|
|
448
|
+
|
|
449
|
+
/* language-switcher end */.mg-scroll{align-items:center;display:flex;max-height:inherit;position:relative;width:100%
|
|
450
|
+
/* small design */}@media (width <= 47.9375em){.mg-scroll{height:auto;max-height:inherit;width:100%;-webkit-overflow-scrolling:touch}}.mg-scroll:has(.mg-scroll__nav){margin-top:40px}.mg-scroll__nav{display:flex;gap:.5rem;position:absolute;right:0;top:-40px;z-index:1}.mg-scroll__nav-button{align-items:center;background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.6rem;height:3rem;justify-content:center;-webkit-transition:background-color .2s,opacity .2s;-moz-transition:background-color .2s,opacity .2s;-ms-transition:background-color .2s,opacity .2s;-o-transition:background-color .2s,opacity .2s;transition:background-color .2s,opacity .2s;width:3rem}.mg-scroll__nav-button:hover{background:#4d4d4d}.mg-scroll__nav-button:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #333;outline:none}.mg-scroll__nav-button:disabled{background:#999;cursor:not-allowed}.mg-scroll__container{cursor:grab;display:block;max-height:inherit;max-width:100%;overflow-x:auto;overflow-y:auto;position:relative;width:100%;-webkit-overflow-scrolling:touch;scrollbar-color:#666 #ccc;scrollbar-width:thin
|
|
451
|
+
/* small design */}@media (width <= 47.9375em){.mg-scroll__container{height:auto}}.mg-scroll__container:active{cursor:grabbing}.mg-scroll--mobile .mg-scroll__container,.mg-scroll--mobile .mg-scroll__container:active{cursor:default}.mg-scroll__container::-webkit-scrollbar{height:.5rem}.mg-scroll__container::-webkit-scrollbar-track{background:#ccc;border-radius:4px}.mg-scroll__container::-webkit-scrollbar-thumb{background:#666;border-radius:4px}.mg-scroll__container::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.mg-scroll__container--custom-height{height:var(--scroll-height,auto)}.mg-scroll__container--custom-width{min-width:var(--scroll-min-width,auto)}.mg-scroll__container--custom-padding{padding:var(--scroll-padding,0)}.mg-scroll__container--mobile{height:auto!important;max-height:none!important}.mg-scroll__container--mobile .mg-scroll__content{display:inline-flex;height:auto;width:auto}.mg-scroll__content{align-items:flex-start;display:flex;flex-wrap:nowrap;height:auto
|
|
452
|
+
/* small design */}@media (width <= 47.9375em){.mg-scroll__content{gap:1rem;height:auto;min-height:auto}}.mg-scroll__item-wrapper{flex-shrink:0;margin-right:3rem;min-width:var(--scroll-item-width,300px);white-space:normal;width:var(--scroll-item-width,300px);word-wrap:break-word;overflow-wrap:break-word
|
|
453
|
+
/* small design */}@media (width <= 47.9375em){.mg-scroll__item-wrapper{display:inline-block;vertical-align:top}}.mg-scroll__item-wrapper:last-child{margin-right:0}.mg-tabs__list{background:rgba(140,198,63,.1);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;position:relative;width:100%}.mg-tabs__list:after{border-bottom:.25rem solid #999;content:" ";height:1px;position:relative;top:-.25rem;width:100%;z-index:-1}.mg-tabs__item{display:inline-block;-ms-flex-preferred-size:max-content;flex-basis:max-content;padding:0}.mg-tabs--horizontal .mg-tabs-content,.mg-tabs--stacked .mg-tabs-content{display:grid;list-style-type:none;padding-left:0}.mg-tabs--horizontal .mg-tabs__link.is-active+.mg-tabs-content,.mg-tabs--stacked .mg-tabs__link.is-active+.mg-tabs-content{display:block}.mg-tabs--stacked .mg-tabs__list{display:flex;flex-direction:column}.mg-tabs--stacked .mg-tabs__item{margin-bottom:.25rem;width:100%}.mg-tabs--stacked .mg-tabs__section{padding:1.5rem}.mg-tabs--stacked .mg-tabs__link{padding-right:4rem;position:relative}.mg-tabs--stacked .mg-tabs__link:focus,.mg-tabs--stacked .mg-tabs__link:hover{border:none}.mg-tabs--stacked .mg-tabs__link:before{border-style:solid;border-width:.2em .2em 0 0;content:"";height:.45em;position:absolute;right:1.5rem;top:50%;transform:rotate(-45deg);transition:transform 0;vertical-align:top;width:.45em}.mg-tabs--stacked .mg-tabs__link.mg-tabs__stacked--open:before{top:30%;transform:rotate(135deg);transition:transform 1s ease}@media (max-width:480px){.mg-tabs--horizontal .mg-tabs__list{display:flex;flex-direction:column}.mg-tabs--horizontal .mg-tabs__item{margin-bottom:.25rem;width:100%}.mg-tabs--horizontal .mg-tabs__section{padding:1.5rem}.mg-tabs--horizontal .mg-tabs__link{padding-right:4rem;position:relative}.mg-tabs--horizontal .mg-tabs__link:focus,.mg-tabs--horizontal .mg-tabs__link:hover{border:none}.mg-tabs--horizontal .mg-tabs__link:before{border-style:solid;border-width:.2em .2em 0 0;content:"";height:.45em;position:absolute;right:1.5rem;top:50%;transform:rotate(-45deg);transition:transform 0;vertical-align:top;width:.45em}.mg-tabs--horizontal .mg-tabs__link.mg-tabs__stacked--open:before{top:30%;transform:rotate(135deg);transition:transform 1s ease}}@media (min-width:480px){.mg-tabs--horizontal .mg-tabs__list{display:grid;grid-template-areas:"a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a a" "b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b b";min-width:800px}.mg-tabs--horizontal .mg-tabs__item{display:flex;grid-row:1}.mg-tabs--horizontal .mg-tabs__link{flex-grow:1;text-align:center;width:max-content}.mg-tabs--horizontal .mg-tabs-content{grid-area:b;grid-column:1/-1;grid-row:2;height:100%;width:100%}}.mg-tabs--horizontal .mg-tabs-content[hidden]{display:none}.mg-tabs__link{border:none;border-radius:0 0 0 0;color:#666;display:block;font-family:Roboto,sans-serif;font-size:1.8rem;font-weight:600;line-height:1.421;margin:0;outline:0;padding:.75rem 1.5rem;position:relative;text-decoration:none}.mg-tabs__link:focus,.mg-tabs__link:hover{background:#8cc63f;border-bottom:.25rem solid rgba(140,198,63,.1);color:#fff;text-decoration:none;z-index:1150}.mg-tabs__link.is-active{background-color:rgba(140,198,63,.3);border-bottom:.25rem solid rgba(140,198,63,.1);color:#333;text-shadow:none}.mg-tabs__link.is-active:focus,.mg-tabs__link.is-active:hover{background:rgba(140,198,63,.3);border-bottom:.25rem solid rgba(140,198,63,.1);color:#333}.mg-tabs__section{background-color:#fff;border-radius:0 0 0 0;box-shadow:none;padding:1rem 0;position:relative}[dir=rtl] .mg-tabs>ul{padding-right:0
|
|
454
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] .mg-tabs>ul{padding-right:3rem}}[dir=rtl] .mg-tabs>ul li{margin-left:1rem;margin-right:0;padding-right:0}
|
|
455
|
+
|
|
456
|
+
/* Tab end */.mg-table-of-contents li{margin-bottom:.5rem;margin-left:.5rem}
|
|
457
|
+
|
|
458
|
+
/* blockquote cta start */.blockquote{background-color:none;padding:1.5rem 1rem
|
|
459
|
+
/* medium design */}@media (width >= 48em){.blockquote{padding:5.313rem 6rem}}.blockquote.gray{background-color:#b3b3b3}.blockquote.yellow{background-color:#ff0}.blockquote.red{background-color:#c10920}.blockquote.green{background-color:#008484}.blockquote.blue{background-color:azure}
|
|
460
|
+
|
|
461
|
+
/* blockquote cta end */
|
|
462
|
+
/* image caption start */.image__caption{border-bottom:2px solid #1a1a1a
|
|
463
|
+
/* medium design */}@media (width >= 48em){.image__caption{display:flex;justify-content:space-between;padding-bottom:1.5rem}}.image__caption p{color:#4d4d4d;font-size:1.25rem;margin-bottom:.5rem
|
|
464
|
+
/* medium design */}@media (width >= 48em){.image__caption p{border:0;font-size:1.6rem;margin:0}}.image__caption p+.credits{border-top:1px solid #666;display:flex;flex-shrink:0;flex-wrap:wrap;margin-bottom:.5rem;padding-top:.5rem
|
|
465
|
+
/* medium design */}@media (width >= 48em){.image__caption p+.credits{border-left:1px solid #666;border-top:0;display:block;margin-bottom:0;margin-left:1.5rem;padding-left:1.5rem;padding-top:0}}.image__caption .credits{display:flex;margin-bottom:.5rem
|
|
466
|
+
/* medium design */}@media (width >= 48em){.image__caption .credits{border-top:0;display:block;margin-bottom:0;padding-top:0}}.image__caption .credits strong{margin-left:.25rem
|
|
467
|
+
/* medium design */}@media (width >= 48em){.image__caption .credits strong{margin-left:0}}[dir=rtl] .image__caption p{
|
|
468
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] .image__caption p{padding-right:0}}[dir=rtl] .image__caption p+.credits{
|
|
469
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] .image__caption p+.credits{border-right:1px solid #666;border-top:0;display:block;margin-right:1.5rem;padding-right:1.5rem;padding-top:0}}[dir=rtl] .image__caption .credits{
|
|
470
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] .image__caption .credits{border-left:none;margin-left:0;padding-left:0}}[dir=rtl] .image__caption .credits strong{margin-right:.25rem
|
|
471
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] .image__caption .credits strong{margin-right:0}}:lang(my) .image__caption .credits,:lang(my) .image__caption p{line-height:1.7}
|
|
472
|
+
|
|
473
|
+
/* image caption end */
|
|
474
|
+
/* sidebar data start */.sidebar-accordion li>a{border:none;border-bottom:1px solid #666;display:block;font-size:1.6rem;font-weight:700;line-height:1.15;margin-bottom:0;padding:.5rem
|
|
475
|
+
/* medium design */}@media (width >= 48em){.sidebar-accordion li>a{padding:1rem}}.sidebar-accordion.narrow li>a{
|
|
476
|
+
/* medium design */}@media (width >= 48em){.sidebar-accordion.narrow li>a{padding:.5rem}}[dir=rtl] .sidebar-accordion .accordion__panel li>a{padding-left:1rem;padding-right:1.5rem
|
|
477
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] .sidebar-accordion .accordion__panel li>a{padding-right:3rem}}
|
|
478
|
+
|
|
479
|
+
/* sidebar data end */@keyframes loader-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader{-webkit-animation:loader-animation 2s linear infinite;-moz-animation:loader-animation 2s linear infinite;-ms-animation:loader-animation 2s linear infinite;-o-animation:loader-animation 2s linear infinite;animation:loader-animation 2s linear infinite;border:8px solid #4d84b2;border-radius:50%;border-top-color:#999;height:40px;width:40px
|
|
480
|
+
/* medium design */}@media (width >= 48em){.loader{border:14px solid #4d84b2;border-top-color:#999;height:96px;width:96px}}.mg-container-full-width{position:relative}.mg-container-full-width:before{background-color:inherit;background-image:inherit;background-position:inherit;background-repeat:inherit;background-size:cover;content:"";grid-column:1/-1;height:100%;margin-left:calc(50% - 50vw);position:absolute;top:0;width:100vw;z-index:-1}[dir=rtl] .mg-container-full-width:before{margin-right:calc(50% - 50vw)}:root{--mg-show-more-height:200px}.mg-show-more--collapsed{margin-bottom:-1rem;max-height:200px;max-height:var(--mg-show-more-height);overflow:hidden;position:relative}.mg-show-more--collapsed:before{background-image:linear-gradient(180deg,hsla(0,0%,100%,0),#fff);content:"";cursor:s-resize;display:block;height:200px;margin-top:calc(var(--mg-show-more-height) - 200px);position:absolute;width:100%;z-index:1}.mg-show-more--button{padding:1rem 4rem;position:relative;z-index:2}
|