@undrr/undrr-mangrove 1.3.2 → 1.4.0
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/README.md +32 -25
- package/components/BarChart.js +2 -2
- package/components/BookCard.js +6 -0
- package/components/BookCard.js.LICENSE.txt +11 -0
- package/components/Breadcrumbs.js +6 -0
- package/components/Breadcrumbs.js.LICENSE.txt +9 -0
- package/components/Checkbox.js +6 -0
- package/components/Checkbox.js.LICENSE.txt +9 -0
- package/components/Chips.js +6 -0
- package/components/Chips.js.LICENSE.txt +9 -0
- package/components/CtaButton.js +6 -0
- package/components/CtaButton.js.LICENSE.txt +9 -0
- package/components/EmbedContainer.js +6 -0
- package/components/EmbedContainer.js.LICENSE.txt +9 -0
- package/components/Fetcher.js +2 -2
- package/components/Footer.js +6 -0
- package/components/Footer.js.LICENSE.txt +9 -0
- package/components/FormErrorSummary.js +6 -0
- package/components/FormErrorSummary.js.LICENSE.txt +9 -0
- package/components/FormGroup.js +6 -0
- package/components/FormGroup.js.LICENSE.txt +9 -0
- package/components/FullWidth.js +6 -0
- package/components/FullWidth.js.LICENSE.txt +9 -0
- package/components/Gallery.js +2 -2
- package/components/Hero.js +6 -0
- package/components/Hero.js.LICENSE.txt +9 -0
- package/components/HighlightBox.js +6 -0
- package/components/HighlightBox.js.LICENSE.txt +9 -0
- package/components/HorizontalBookCard.js +6 -0
- package/components/HorizontalBookCard.js.LICENSE.txt +11 -0
- package/components/HorizontalCard.js +6 -0
- package/components/HorizontalCard.js.LICENSE.txt +11 -0
- package/components/IconCard.js +2 -2
- package/components/IconCard.js.LICENSE.txt +1 -1
- package/components/Loader.js +6 -0
- package/components/Loader.js.LICENSE.txt +9 -0
- package/components/MapComponent.js +2 -2
- package/components/MegaMenu.js +2 -2
- package/components/PageHeader.js +6 -0
- package/components/PageHeader.js.LICENSE.txt +9 -0
- package/components/Pager.js +2 -2
- package/components/QuoteHighlight.js +2 -2
- package/components/Radio.js +6 -0
- package/components/Radio.js.LICENSE.txt +9 -0
- package/components/ScrollContainer.js +2 -2
- package/components/Select.js +6 -0
- package/components/Select.js.LICENSE.txt +9 -0
- package/components/ShareButtons.js +2 -2
- package/components/ShowMore.js +6 -0
- package/components/ShowMore.js.LICENSE.txt +9 -0
- package/components/StatsCard.js +2 -2
- package/components/SyndicationSearchWidget.js +2 -2
- package/components/Tab.js +6 -0
- package/components/Tab.js.LICENSE.txt +9 -0
- package/components/TextCta.js +6 -0
- package/components/TextCta.js.LICENSE.txt +11 -0
- package/components/TextInput.js +6 -0
- package/components/TextInput.js.LICENSE.txt +9 -0
- package/components/Textarea.js +6 -0
- package/components/Textarea.js.LICENSE.txt +9 -0
- package/components/VerticalCard.js +6 -0
- package/components/VerticalCard.js.LICENSE.txt +11 -0
- package/components/hydrate.js +5 -0
- package/css/style-delta.css +464 -0
- package/css/style-delta.css.map +1 -0
- package/css/style-gutenberg.css +19 -18
- package/css/style-gutenberg.css.map +1 -1
- package/css/style-irp-legacy.css +469 -0
- package/css/style-irp-legacy.css.map +1 -0
- package/css/style-irp.css +96 -103
- package/css/style-irp.css.map +1 -1
- package/css/style-legacy.css +462 -0
- package/css/style-legacy.css.map +1 -0
- package/css/style-mcr-legacy.css +469 -0
- package/css/style-mcr-legacy.css.map +1 -0
- package/css/style-mcr.css +96 -103
- package/css/style-mcr.css.map +1 -1
- package/css/style-preventionweb-legacy.css +469 -0
- package/css/style-preventionweb-legacy.css.map +1 -0
- package/css/style-preventionweb.css +96 -103
- package/css/style-preventionweb.css.map +1 -1
- package/css/style.css +96 -103
- package/css/style.css.map +1 -1
- package/error-pages/401.html +10 -11
- package/error-pages/403.html +11 -12
- package/error-pages/404.html +13 -14
- package/error-pages/429.html +12 -13
- package/error-pages/500.html +10 -11
- package/error-pages/502.html +12 -13
- package/error-pages/503.html +12 -13
- package/error-pages/504.html +10 -11
- package/error-pages/5xx.html +10 -11
- package/error-pages/challenge.html +12 -13
- package/error-pages/managed-challenge.html +12 -13
- package/js/tabs.js +427 -88
- package/package.json +1 -1
- package/scss/Atom/BaseTypography/Blockquote/blockquote.scss +1 -8
- package/scss/Atom/BaseTypography/Cite/cite.scss +2 -2
- package/scss/Atom/Images/AuthorImage/author-image.scss +4 -4
- package/scss/Atom/Images/ImageCaptionCredit/image-caption-credit.scss +24 -28
- package/scss/Atom/Images/ImageCredit/image-credit.scss +1 -1
- package/scss/Atom/Layout/Container/container.scss +2 -2
- package/scss/Atom/Layout/Grid/grid.scss +1 -1
- package/scss/Atom/ReachElement/Details/details.scss +6 -6
- package/scss/Atom/ReachElement/Figcaption/figcaption.scss +1 -1
- package/scss/Atom/Table/table.scss +0 -8
- package/scss/Components/Boilerplate/boilerplate.scss +2 -2
- package/scss/Components/Breadcrumbs/breadcrumbs.scss +2 -9
- package/scss/Components/Buttons/Chips/chips.scss +5 -19
- package/scss/Components/Buttons/CtaButton/buttons.scss +3 -124
- package/scss/Components/Buttons/CtaButton/cta-button.scss +124 -0
- package/scss/Components/Buttons/ShareButtons/share-buttons.scss +2 -2
- package/scss/Components/Cards/Card/card.scss +41 -2
- package/scss/Components/ErrorPages/error-pages.scss +12 -12
- package/scss/Components/Footer/footer.scss +72 -4
- package/scss/Components/Forms/Select/select.scss +2 -2
- package/scss/Components/Forms/_form-base.scss +5 -5
- package/scss/Components/Forms/_form-legacy.scss +1 -1
- package/scss/Components/Gallery/gallery.scss +4 -4
- package/scss/Components/Hero/hero.scss +18 -17
- package/scss/Components/HighlightBox/highlight-box.scss +5 -5
- package/scss/Components/MegaMenu/mega-menu.scss +750 -0
- package/scss/Components/MegaMenu/megamenu.scss +3 -659
- package/scss/Components/PageHeader/page-header.scss +4 -4
- package/scss/Components/Pagination/pagination.scss +2 -2
- package/scss/Components/SyndicationSearchWidget/SyndicationSearchWidget.scss +3 -1480
- package/scss/Components/SyndicationSearchWidget/syndication-search-widget.scss +1515 -0
- package/scss/Components/Tab/tab.scss +66 -7
- package/scss/Components/TextCta/text-cta.scss +129 -0
- package/scss/Components/TextCta/textcta.scss +3 -27
- package/scss/Molecules/ImageCaption/image-caption.scss +6 -16
- package/scss/Molecules/SectionHeader/section-header.scss +8 -0
- package/scss/Molecules/SectionHeader/sectionheader.scss +3 -8
- package/scss/Utilities/FullWidth/FullWidth.scss +3 -23
- package/scss/Utilities/FullWidth/full-width.scss +23 -0
- package/scss/Utilities/Loader/loader.scss +1 -1
- package/scss/Utilities/ShowMore/ShowMore.scss +3 -26
- package/scss/Utilities/ShowMore/show-more.scss +26 -0
- package/scss/assets/scss/_components.scss +14 -9
- package/scss/assets/scss/_foundational.scss +13 -7
- package/scss/assets/scss/_mixins.scss +9 -314
- package/scss/assets/scss/_utility.scss +19 -71
- package/scss/assets/scss/_variables-delta.scss +105 -0
- package/scss/assets/scss/_variables-irp.scss +1 -1
- package/scss/assets/scss/_variables-mcr.scss +1 -1
- package/scss/assets/scss/_variables-preventionweb.scss +1 -1
- package/scss/assets/scss/_variables.scss +68 -34
- package/scss/assets/scss/style-delta.scss +8 -0
- package/scss/assets/scss/style-gutenberg.scss +2 -2
- package/scss/assets/scss/style-irp-legacy.scss +20 -0
- package/scss/assets/scss/style-legacy.scss +20 -0
- package/scss/assets/scss/style-mcr-legacy.scss +20 -0
- package/scss/assets/scss/style-preventionweb-legacy.scss +20 -0
- package/scss/Components/BlockquoteComponent/blockquotecomp.scss +0 -31
- package/scss/Components/Buttons/CtaLink/cta-link.scss +0 -61
- /package/scss/Components/TableOfContents/{TableOfContents.scss → table-of-contents.scss} +0 -0
|
@@ -0,0 +1,464 @@
|
|
|
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 DELTA Resilience Colors
|
|
89
|
+
* @presenter Color
|
|
90
|
+
*
|
|
91
|
+
* DELTA Resilience theme overrides for Mangrove.
|
|
92
|
+
* Source: deltaresilience.org mockups + GitHub issue #776
|
|
93
|
+
*
|
|
94
|
+
* Note: Delta's primary is a dark navy (rgb 19 46 72). Mangrove
|
|
95
|
+
* already defaults to Roboto. Differentiation is primarily in
|
|
96
|
+
* border-radius, button styling, and color palette.
|
|
97
|
+
*
|
|
98
|
+
* Open design questions:
|
|
99
|
+
* - IconCard accent palette: Delta mockups show 6 pastel icon background
|
|
100
|
+
* colors. Their design-system role (semantic, decorative, categorical) is
|
|
101
|
+
* unknown. Currently passed as raw hex via `iconColor` prop.
|
|
102
|
+
*/
|
|
103
|
+
/* variables end */
|
|
104
|
+
/* Roboto */
|
|
105
|
+
/* BEGIN Light */@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/Light/Roboto-Light.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/Light/Roboto-Light.woff?v=2.137) format("woff")}
|
|
106
|
+
/* END Light */
|
|
107
|
+
/* BEGIN Light Italic */@font-face{font-family:Roboto;font-style:italic;font-weight:300;src:url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/LightItalic/Roboto-LightItalic.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/LightItalic/Roboto-LightItalic.woff?v=2.137) format("woff")}
|
|
108
|
+
/* END Light Italic */
|
|
109
|
+
/* BEGIN Regular */@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/Regular/Roboto-Regular.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/Regular/Roboto-Regular.woff?v=2.137) format("woff")}
|
|
110
|
+
/* END Regular */
|
|
111
|
+
/* BEGIN Italic */@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/Italic/Roboto-Italic.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/Italic/Roboto-Italic.woff?v=2.137) format("woff")}
|
|
112
|
+
/* END Italic */
|
|
113
|
+
/* BEGIN Medium */@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/Medium/Roboto-Medium.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/Medium/Roboto-Medium.woff?v=2.137) format("woff")}
|
|
114
|
+
/* END Medium */
|
|
115
|
+
/* BEGIN Medium Italic */@font-face{font-family:Roboto;font-style:italic;font-weight:500;src:url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/MediumItalic/Roboto-MediumItalic.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/MediumItalic/Roboto-MediumItalic.woff?v=2.137) format("woff")}
|
|
116
|
+
/* END Medium Italic */
|
|
117
|
+
/* BEGIN Bold */@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/Bold/Roboto-Bold.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/Bold/Roboto-Bold.woff?v=2.137) format("woff")}
|
|
118
|
+
/* END Bold */
|
|
119
|
+
/* BEGIN Bold Italic */@font-face{font-family:Roboto;font-style:italic;font-weight:700;src:url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/BoldItalic/Roboto-BoldItalic.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/BoldItalic/Roboto-BoldItalic.woff?v=2.137) format("woff")}
|
|
120
|
+
/* END Bold Italic */
|
|
121
|
+
/* BEGIN Black */@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/Black/Roboto-Black.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/Black/Roboto-Black.woff?v=2.137) format("woff")}
|
|
122
|
+
/* END Black */
|
|
123
|
+
/* BEGIN Black Italic */@font-face{font-family:Roboto;font-style:italic;font-weight:900;src:url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/BlackItalic/Roboto-BlackItalic.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/static/fonts/roboto/v1.0.0/BlackItalic/Roboto-BlackItalic.woff?v=2.137) format("woff")}
|
|
124
|
+
/* END Black Italic */
|
|
125
|
+
/* Roboto Condensed */
|
|
126
|
+
/* BEGIN Light */@font-face{font-display:fallback;font-family:Roboto Condensed;font-style:normal;font-weight:300;src:url(https://assets.undrr.org/static/fonts/roboto-condensed/v1.0.0/Light/RobotoCondensed-Light.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/static/fonts/roboto-condensed/v1.0.0/Light/RobotoCondensed-Light.woff?v=2.137) format("woff")}
|
|
127
|
+
/* END Light */
|
|
128
|
+
/* BEGIN Light Italic */@font-face{font-display:fallback;font-family:Roboto Condensed;font-style:italic;font-weight:300;src:url(https://assets.undrr.org/static/fonts/roboto-condensed/v1.0.0/LightItalic/RobotoCondensed-LightItalic.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/static/fonts/roboto-condensed/v1.0.0/LightItalic/RobotoCondensed-LightItalic.woff?v=2.137) format("woff")}
|
|
129
|
+
/* END Light Italic */
|
|
130
|
+
/* BEGIN Regular */@font-face{font-display:fallback;font-family:Roboto Condensed;font-style:normal;font-weight:400;src:url(https://assets.undrr.org/static/fonts/roboto-condensed/v1.0.0/Regular/RobotoCondensed-Regular.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/static/fonts/roboto-condensed/v1.0.0/Regular/RobotoCondensed-Regular.woff?v=2.137) format("woff")}
|
|
131
|
+
/* END Regular */
|
|
132
|
+
/* BEGIN Italic */@font-face{font-display:fallback;font-family:Roboto Condensed;font-style:italic;font-weight:400;src:url(https://assets.undrr.org/static/fonts/roboto-condensed/v1.0.0/Italic/RobotoCondensed-Italic.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/static/fonts/roboto-condensed/v1.0.0/Italic/RobotoCondensed-Italic.woff?v=2.137) format("woff")}
|
|
133
|
+
/* END Italic */
|
|
134
|
+
/* BEGIN Bold */@font-face{font-display:fallback;font-family:Roboto Condensed;font-style:normal;font-weight:700;src:url(https://assets.undrr.org/static/fonts/roboto-condensed/v1.0.0/Bold/RobotoCondensed-Bold.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/static/fonts/roboto-condensed/v1.0.0/Bold/RobotoCondensed-Bold.woff?v=2.137) format("woff")}
|
|
135
|
+
/* END Bold */
|
|
136
|
+
/* BEGIN Bold Italic */@font-face{font-display:fallback;font-family:Roboto Condensed;font-style:italic;font-weight:700;src:url(https://assets.undrr.org/static/fonts/roboto-condensed/v1.0.0/BoldItalic/RobotoCondensed-BoldItalic.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/static/fonts/roboto-condensed/v1.0.0/BoldItalic/RobotoCondensed-BoldItalic.woff?v=2.137) format("woff")}
|
|
137
|
+
/* END Bold Italic */
|
|
138
|
+
/* Arabic Fonts */
|
|
139
|
+
/* Noto Kufi Arabic - for headings in Arabic */
|
|
140
|
+
/* Noto Kufi Arabic - Arabic Headings Font (700 weight only) */@font-face{font-display:swap;font-family:Noto Kufi Arabic;font-style:normal;font-weight:700;src:url(https://assets.undrr.org/testing/static/fonts/noto-kufi-arabic/v1.0.0/Bold/noto-kufi-arabic-arabic-700-normal.woff2) format("woff2"),url(https://assets.undrr.org/testing/static/fonts/noto-kufi-arabic/v1.0.0/Bold/noto-kufi-arabic-arabic-700-normal.woff) format("woff")}
|
|
141
|
+
/* Dubai - for body text in Arabic */
|
|
142
|
+
/* Dubai - Arabic Body Text Font */@font-face{font-display:swap;font-family:Dubai;font-style:normal;font-weight:400;src:url(https://assets.undrr.org/testing/static/fonts/dubai/v1.0.0/Regular/Dubai-Regular.woff2) format("woff2"),url(https://assets.undrr.org/testing/static/fonts/dubai/v1.0.0/Regular/Dubai-Regular.woff) format("woff")}
|
|
143
|
+
/* mixing end */
|
|
144
|
+
/* placeholder start */.menu li a,small{font-size:.625rem
|
|
145
|
+
/* medium design */}@media (width >= 48em){.menu li a,small{font-size:.78125rem}}details p,figure figcaption{font-size:.78125rem;line-height:1.4
|
|
146
|
+
/* medium design */}@media (width >= 48em){details p,figure figcaption{font-size:1rem}}.mg-form-group__legend,details summary,label,label.error{font-size:1rem
|
|
147
|
+
/* medium design */}@media (width >= 48em){.mg-form-group__legend,details summary,label,label.error{font-size:1.125rem}}.mg-table tbody tr{border-bottom:1px solid grey}.mg-author-image img,.mg-image-figcaption__cart img{height:100%;object-fit:cover;padding:0;width:100%}.mg-table.mg-table--stacked.mg-table--border tr td,.mg-table.mg-table--stacked.mg-table--border tr th,.mg-table.mg-table--striped tr{border:none}.mg-author-image:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.menu li a,.mg-table.mg-table--stacked.mg-table--border tr td,.mg-table.mg-table--stacked.mg-table--border tr th,.mg-table.mg-table--striped tr{background-image:none}.mg-form-input,.mg-form-select,.mg-form-textarea,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}
|
|
148
|
+
|
|
149
|
+
/* placeholder end */
|
|
150
|
+
/* base start */.mg-u-responsive--show-large{display:none
|
|
151
|
+
/* medium design */}@media (width >= 48em){.mg-u-responsive--show-large{display:block}}.mg-u-responsive--show-small{display:block
|
|
152
|
+
/* medium design */}@media (width >= 48em){.mg-u-responsive--show-small{display:none}}.mg-u-expand-to-size{max-width:calc(100% - .625rem)
|
|
153
|
+
/* medium design */}@media (width >= 48em){.mg-u-expand-to-size{max-width:calc(100% - 1.875rem)}}.mg-u-overflow-hidden{overflow:hidden}.yellow .stats-card:hover{background-color:#ff0}.yellow .progress-bar{background:#ff0}.red .stats-card:hover{background-color:#c10920}.red .progress-bar{background:#c10920}.green .stats-card:hover{background-color:#008484}.green .progress-bar{background:#008484}.blue .stats-card:hover{background-color:azure}.blue .progress-bar{background:azure}.mg-u-sr-only{clip-path:inset(0 0 0 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:""}
|
|
154
|
+
|
|
155
|
+
/* Color utilities start */.mg-u-background-color--white{background-color:#fff}.mg-u-background-color--black{background-color:#1a1a1a}.mg-u-background-color--blue-50{background-color:#e6edf4}.mg-u-background-color--blue-100{background-color:#ccdce9}.mg-u-background-color--blue-200{background-color:#b3cade}.mg-u-background-color--blue-300{background-color:#99b9d3}.mg-u-background-color--blue-400{background-color:#80a7c8}.mg-u-background-color--blue-500{background-color:#6695bd}.mg-u-background-color--blue-600{background-color:#4d84b2}.mg-u-background-color--blue-700{background-color:#3372a7}.mg-u-background-color--blue-800{background-color:#1a619c}.mg-u-background-color--blue-900{background-color:#004f91}.mg-u-background-color--orange-50{background-color:#fdf1ea}.mg-u-background-color--orange-100{background-color:#fbe3d4}.mg-u-background-color--orange-200{background-color:#f9d6bf}.mg-u-background-color--orange-300{background-color:#f7c8aa}.mg-u-background-color--orange-400{background-color:#f5ba95}.mg-u-background-color--orange-500{background-color:#f3ac7f}.mg-u-background-color--orange-600{background-color:#f19e6a}.mg-u-background-color--orange-700{background-color:#ef9155}.mg-u-background-color--orange-800{background-color:#ed833f}.mg-u-background-color--orange-900{background-color:#eb752a}.mg-u-background-color--red-50{background-color:#f9e6e9}.mg-u-background-color--red-100{background-color:#f3ced2}.mg-u-background-color--red-200{background-color:#ecb5bc}.mg-u-background-color--red-300{background-color:#e69da6}.mg-u-background-color--red-400{background-color:#e08490}.mg-u-background-color--red-500{background-color:#da6b79}.mg-u-background-color--red-600{background-color:#d45363}.mg-u-background-color--red-700{background-color:#cd3a4d}.mg-u-background-color--red-800{background-color:#c72236}.mg-u-background-color--red-900{background-color:#c10920}.mg-u-background-color--neutral-0{background-color:#fff}.mg-u-background-color--neutral-25{background-color:#f2f2f2}.mg-u-background-color--neutral-50{background-color:#e6e6e6}.mg-u-background-color--neutral-100{background-color:#ccc}.mg-u-background-color--neutral-200{background-color:#b3b3b3}.mg-u-background-color--neutral-300{background-color:#999}.mg-u-background-color--neutral-400{background-color:grey}.mg-u-background-color--neutral-500{background-color:#666}.mg-u-background-color--neutral-600{background-color:#4d4d4d}.mg-u-background-color--neutral-700{background-color:#333}.mg-u-background-color--neutral-800{background-color:#1a1a1a}.mg-u-background-color--neutral-900{background-color:#000}.mg-u-background-color--accent-100{background-color:#f4e496}.mg-u-background-color--accent-200{background-color:#d3cea9}.mg-u-background-color--accent-300{background-color:#fdf6d9}.mg-u-background-color--accent-400{background-color:#0a6969}.mg-u-background-color--sendai-red{background-color:#c10920}.mg-u-background-color--sendai-orange{background-color:#eb752a}.mg-u-background-color--sendai-purple{background-color:#962987}.mg-u-background-color--sendai-turquoise{background-color:#00afae}.mg-u-background-color--interactive,.mg-u-background-color--interactive-active{background-color:#132e48}.mg-u-color--white{color:#fff}.mg-u-color--black{color:#1a1a1a}.mg-u-color--blue-50{color:#e6edf4}.mg-u-color--blue-100{color:#ccdce9}.mg-u-color--blue-200{color:#b3cade}.mg-u-color--blue-300{color:#99b9d3}.mg-u-color--blue-400{color:#80a7c8}.mg-u-color--blue-500{color:#6695bd}.mg-u-color--blue-600{color:#4d84b2}.mg-u-color--blue-700{color:#3372a7}.mg-u-color--blue-800{color:#1a619c}.mg-u-color--blue-900{color:#004f91}.mg-u-color--orange-50{color:#fdf1ea}.mg-u-color--orange-100{color:#fbe3d4}.mg-u-color--orange-200{color:#f9d6bf}.mg-u-color--orange-300{color:#f7c8aa}.mg-u-color--orange-400{color:#f5ba95}.mg-u-color--orange-500{color:#f3ac7f}.mg-u-color--orange-600{color:#f19e6a}.mg-u-color--orange-700{color:#ef9155}.mg-u-color--orange-800{color:#ed833f}.mg-u-color--orange-900{color:#eb752a}.mg-u-color--red-50{color:#f9e6e9}.mg-u-color--red-100{color:#f3ced2}.mg-u-color--red-200{color:#ecb5bc}.mg-u-color--red-300{color:#e69da6}.mg-u-color--red-400{color:#e08490}.mg-u-color--red-500{color:#da6b79}.mg-u-color--red-600{color:#d45363}.mg-u-color--red-700{color:#cd3a4d}.mg-u-color--red-800{color:#c72236}.mg-u-color--red-900{color:#c10920}.mg-u-color--neutral-0{color:#fff}.mg-u-color--neutral-50{color:#e6e6e6}.mg-u-color--neutral-100{color:#ccc}.mg-u-color--neutral-200{color:#b3b3b3}.mg-u-color--neutral-300{color:#999}.mg-u-color--neutral-400{color:grey}.mg-u-color--neutral-500{color:#666}.mg-u-color--neutral-600{color:#4d4d4d}.mg-u-color--neutral-700{color:#333}.mg-u-color--neutral-800{color:#1a1a1a}.mg-u-color--neutral-900{color:#000}.mg-u-color--accent-100{color:#f4e496}.mg-u-color--accent-200{color:#d3cea9}.mg-u-color--accent-300{color:#fdf6d9}.mg-u-color--accent-400{color:#0a6969}.mg-u-color--sendai-red{color:#c10920}.mg-u-color--sendai-orange{color:#eb752a}.mg-u-color--sendai-purple{color:#962987}.mg-u-color--sendai-turquoise{color:#00afae}.mg-u-color--interactive,.mg-u-color--interactive-active{color:#132e48}
|
|
156
|
+
|
|
157
|
+
/* Color utilities end */
|
|
158
|
+
/* Flex and alignment utilities start */.mg-u-flex{display:flex}.mg-u-flex-wrap{flex-wrap:wrap}.mg-u-align-items-center{align-items:center}.mg-u-gap-100{gap:.625rem}.mg-u-push-end{margin-inline-start:auto}.mg-u-push-start{margin-inline-end:auto}.mg-u-push-center{margin-inline:auto}
|
|
159
|
+
|
|
160
|
+
/* Flex and alignment utilities end */
|
|
161
|
+
/* Font size utilities start */.mg-u-font-size-150{font-size:.703125rem;line-height:1.5em}.mg-u-font-size-200{font-size:.78125rem;line-height:1.5em}.mg-u-font-size-250{font-size:.875rem;line-height:1.5em}.mg-u-font-size-300,.mg-u-font-size-400{font-size:1rem;line-height:1.5em}.mg-u-font-size-400{
|
|
162
|
+
/* medium design */}@media (width >= 48em){.mg-u-font-size-400{font-size:1.125rem}}.mg-u-font-size-500{font-size:1.125rem;line-height:1.25em
|
|
163
|
+
/* medium design */}@media (width >= 48em){.mg-u-font-size-500{font-size:1.4375rem}}.mg-u-font-size-600{font-size:1.4375rem;line-height:1.25em
|
|
164
|
+
/* medium design */}@media (width >= 48em){.mg-u-font-size-600{font-size:2rem}}.mg-u-font-size-800{font-size:2rem;line-height:1.25em
|
|
165
|
+
/* medium design */}@media (width >= 48em){.mg-u-font-size-800{font-size:2.25rem}}.mg-u-font-size-900{font-size:2.25rem;line-height:1.25em
|
|
166
|
+
/* medium design */}@media (width >= 48em){.mg-u-font-size-900{font-size:2.5rem}}:lang(ar) .mg-u-font-size-600,:lang(ar) .mg-u-font-size-800,:lang(ar) .mg-u-font-size-900{line-height:1.4}
|
|
167
|
+
|
|
168
|
+
/* Font size utilities end */
|
|
169
|
+
/* typography start */*,:after,:before{box-sizing:border-box;overflow-wrap:break-word}html{-webkit-tap-highlight-color:transparent}body{color:#1a1a1a;font-size:1rem;line-height:1.5em}body,button{font-family:Roboto,sans-serif}caption,h1,h2,h3,h4,h5,h6{margin:.625rem 0;padding:0}h1{font-family:Roboto,sans-serif;font-size:2rem;letter-spacing:.02em;line-height:1.08;text-wrap:balance}h1,h2{font-weight:700}h2{font-size:1.4375rem;line-height:1.1}h3{font-size:1.125rem}h3,h4,h5{font-weight:600;line-height:1.15}h4,h5{font-size:1rem}h6{font-size:.78125rem;font-weight:700;letter-spacing:.024em;line-height:1.15}p{margin-top:0}ol,ul{list-style-position:outside;margin:0 0 .625rem;padding-left:1.25rem}ol li,ul li{margin-bottom:0;padding-left:0}dl{line-height:1.37;margin:0}dt{margin-bottom:.15625rem}dd{margin-bottom:.3125rem;margin-inline-start:1.25rem
|
|
170
|
+
/* medium design */}@media (width >= 48em){dd{margin-bottom:.625rem;margin-inline-start:1.875rem}}header{text-wrap:balance}hr{border:1px solid #b3b3b3}img{height:auto;max-width:100%}a{text-decoration:none}a,a:hover{color:#132e48}a:hover{text-decoration:underline}[dir=rtl] ol,[dir=rtl] ul{direction:rtl;padding-left:0;padding-right:.6875rem
|
|
171
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] ol,[dir=rtl] ul{padding-right:.8125rem}}[dir=rtl] ol li,[dir=rtl] ul li{padding-left:0;padding-right:.5625rem
|
|
172
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] ol li,[dir=rtl] ul li{padding-right:.5625rem}}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{font-weight:700}
|
|
173
|
+
|
|
174
|
+
/* Arabic fonts */:lang(ar) body,:lang(ar) p{font-family:Dubai,sans-serif}:lang(ar){
|
|
175
|
+
/* Headings use Noto Kufi Arabic */}:lang(ar) button,:lang(ar) h1,:lang(ar) h2,:lang(ar) h3,:lang(ar) h4,:lang(ar) h5,:lang(ar) h6,:lang(ar) header,:lang(ar) th{font-family:Noto Kufi Arabic,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
|
+
*/
|
|
200
|
+
/* Grouping content
|
|
201
|
+
========================================================================== */
|
|
202
|
+
/**
|
|
203
|
+
* 1. Add the correct box sizing in Firefox.
|
|
204
|
+
* 2. Show the overflow in Edge and IE.
|
|
205
|
+
*/hr{box-sizing:content-box; /* 1 */height:0; /* 1 */overflow:visible /* 2 */}
|
|
206
|
+
|
|
207
|
+
/**
|
|
208
|
+
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
209
|
+
* 2. Correct the odd `em` font sizing in all browsers.
|
|
210
|
+
*/pre{font-family:monospace; /* 1 */font-size:1em /* 2 */}
|
|
211
|
+
|
|
212
|
+
/* Text-level semantics
|
|
213
|
+
========================================================================== */
|
|
214
|
+
/**
|
|
215
|
+
* Remove the gray background on active links in IE 10.
|
|
216
|
+
*/a{background-color:transparent}
|
|
217
|
+
|
|
218
|
+
/**
|
|
219
|
+
* 1. Remove the bottom border in Chrome 57-
|
|
220
|
+
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
|
221
|
+
*/abbr[title]{border-bottom:none; /* 1 */text-decoration:underline; /* 2 */text-decoration:underline dotted /* 2 */}
|
|
222
|
+
|
|
223
|
+
/**
|
|
224
|
+
* Add the correct font weight in Chrome, Edge, and Safari.
|
|
225
|
+
*/b,strong{font-weight:bolder}
|
|
226
|
+
|
|
227
|
+
/**
|
|
228
|
+
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
229
|
+
* 2. Correct the odd `em` font sizing in all browsers.
|
|
230
|
+
*/code,kbd,samp{font-family:monospace; /* 1 */font-size:1em /* 2 */}
|
|
231
|
+
|
|
232
|
+
/**
|
|
233
|
+
* Add the correct font size in all browsers.
|
|
234
|
+
*/small{font-size:80%}
|
|
235
|
+
|
|
236
|
+
/**
|
|
237
|
+
* Prevent `sub` and `sup` elements from affecting the line height in
|
|
238
|
+
* all browsers.
|
|
239
|
+
*/sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}
|
|
240
|
+
|
|
241
|
+
/* Embedded content
|
|
242
|
+
========================================================================== */
|
|
243
|
+
/**
|
|
244
|
+
* Remove the border on images inside links in IE 10.
|
|
245
|
+
*/img{border-style:none}
|
|
246
|
+
|
|
247
|
+
/* Forms
|
|
248
|
+
========================================================================== */
|
|
249
|
+
/**
|
|
250
|
+
* 1. Change the font styles in all browsers.
|
|
251
|
+
* 2. Remove the margin in Firefox and Safari.
|
|
252
|
+
*/button,input,optgroup,select,textarea{font-family:inherit; /* 1 */font-size:100%; /* 1 */line-height:1.15; /* 1 */margin:0 /* 2 */}
|
|
253
|
+
|
|
254
|
+
/**
|
|
255
|
+
* Show the overflow in IE.
|
|
256
|
+
* 1. Show the overflow in Edge.
|
|
257
|
+
*/button,input{
|
|
258
|
+
/* 1 */overflow:visible}
|
|
259
|
+
|
|
260
|
+
/**
|
|
261
|
+
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
|
262
|
+
* 1. Remove the inheritance of text transform in Firefox.
|
|
263
|
+
*/button,select{
|
|
264
|
+
/* 1 */text-transform:none}
|
|
265
|
+
|
|
266
|
+
/**
|
|
267
|
+
* Correct the inability to style clickable types in iOS and Safari.
|
|
268
|
+
*/[type=button],[type=reset],[type=submit],button{appearance:auto}
|
|
269
|
+
|
|
270
|
+
/**
|
|
271
|
+
* Remove the inner border and padding in Firefox.
|
|
272
|
+
*/[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
|
|
273
|
+
|
|
274
|
+
/**
|
|
275
|
+
* Restore the focus styles unset by the previous rule.
|
|
276
|
+
*/[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
|
|
277
|
+
|
|
278
|
+
/**
|
|
279
|
+
* Correct the padding in Firefox.
|
|
280
|
+
*/fieldset{padding:.35em .75em .625em}
|
|
281
|
+
|
|
282
|
+
/**
|
|
283
|
+
* 1. Correct the text wrapping in Edge and IE.
|
|
284
|
+
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
|
285
|
+
* 3. Remove the padding so developers are not caught out when they zero out
|
|
286
|
+
* `fieldset` elements in all browsers.
|
|
287
|
+
*/legend{box-sizing:border-box; /* 1 */color:inherit; /* 2 */display:table; /* 1 */max-width:100%; /* 1 */padding:0; /* 3 */white-space:normal /* 1 */}
|
|
288
|
+
|
|
289
|
+
/**
|
|
290
|
+
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
|
291
|
+
*/progress{vertical-align:baseline}
|
|
292
|
+
|
|
293
|
+
/**
|
|
294
|
+
* Remove the default vertical scrollbar in IE 10+.
|
|
295
|
+
*/textarea{overflow:auto}
|
|
296
|
+
|
|
297
|
+
/**
|
|
298
|
+
* 1. Add the correct box sizing in IE 10.
|
|
299
|
+
* 2. Remove the padding in IE 10.
|
|
300
|
+
*/[type=checkbox],[type=radio]{box-sizing:border-box; /* 1 */padding:0 /* 2 */}
|
|
301
|
+
|
|
302
|
+
/**
|
|
303
|
+
* Correct the cursor style of increment and decrement buttons in Chrome.
|
|
304
|
+
*/[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
|
|
305
|
+
|
|
306
|
+
/**
|
|
307
|
+
* 1. Correct the odd appearance in Chrome and Safari.
|
|
308
|
+
* 2. Correct the outline style in Safari.
|
|
309
|
+
*/[type=search]{appearance:textfield; /* 1 */outline-offset:-2px /* 2 */}
|
|
310
|
+
|
|
311
|
+
/**
|
|
312
|
+
* Remove the inner padding in Chrome and Safari on macOS.
|
|
313
|
+
*/[type=search]::-webkit-search-decoration{appearance:none}
|
|
314
|
+
|
|
315
|
+
/**
|
|
316
|
+
* 1. Correct the inability to style clickable types in iOS and Safari.
|
|
317
|
+
* 2. Change font properties to `inherit` in Safari.
|
|
318
|
+
*/::-webkit-file-upload-button{appearance:auto; /* 1 */font:inherit /* 2 */}
|
|
319
|
+
|
|
320
|
+
/* Interactive
|
|
321
|
+
========================================================================== */
|
|
322
|
+
/*
|
|
323
|
+
* Add the correct display in Edge, IE 10+, and Firefox.
|
|
324
|
+
*/details{display:block}
|
|
325
|
+
|
|
326
|
+
/*
|
|
327
|
+
* Add the correct display in all browsers.
|
|
328
|
+
*/summary{display:list-item}
|
|
329
|
+
|
|
330
|
+
/* Misc
|
|
331
|
+
========================================================================== */
|
|
332
|
+
/**
|
|
333
|
+
* Add the correct display in IE 10+.
|
|
334
|
+
*/
|
|
335
|
+
|
|
336
|
+
/**
|
|
337
|
+
* Add the correct display in IE 10.
|
|
338
|
+
*/[hidden],template{display:none}blockquote{margin:0}abbr[title]{border-bottom:2px dashed #c10920;text-decoration:none}.mg-body blockquote{font-size:2rem;font-weight:600;line-height:1.16;margin:0
|
|
339
|
+
/* medium design */}@media (width >= 48em){.mg-body blockquote{font-size:2.5rem;line-height:1.15}}.mg-body cite{display:block;font-style:inherit;font-weight:400;margin-top:.703125rem}.mg-code,code{background:#e6e6e6;border:1px solid #b3b3b3;border-radius:.15625rem;color:#1a1a1a;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em;line-height:1.4;padding:.15625rem .3125rem;word-break:break-all}.mg-code--block,pre>code{display:block;padding:.625rem .9375rem}mark{background:#ffffe0;font-size:.78125rem;padding:.15625rem
|
|
340
|
+
/* medium design */}@media (width >= 48em){mark{font-size:1rem}}q{font-style:italic}@font-face{font-family:FontAwesome;font-weight:400;src:url(../fonts/mangrove-icon-set/font/mangrove-icon-set.ttf) format("ttf"),url(../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}.mg-icon{font-smooth:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;text-rendering:optimizeLegibility;transform:translateZ(0)}.fa-before:before{padding-right:.5em}.fa-2x{font-size:2em}.fa-rss:before,.mg-icon-rss:before{content:"\f09e"}.fa-file-alt:before,.mg-icon-file-alt:before{content:"\f15c"}.fa-file:before,.mg-icon-file:before{content:"\f15b"}.fa-facebook:before,.mg-icon-facebook:before{content:"\f230"}.fa-twitter:before,.fa-x-social:before,.mg-icon-twitter:before,.mg-icon-x-social:before{content:"\f099"}.fa-linkedin:before,.mg-icon-linkedin:before{content:"\f0e1"}.fa-flickr:before,.mg-icon-flickr:before{content:"\f16e"}.fa-youtube:before,.mg-icon-youtube:before{content:"\f16a"}.fa-search:before,.mg-icon-search:before{content:"\e808"}.fa-envelope-o:before,.fa-envelope:before,.mg-icon-envelope:before{content:"\e806"}.fa-newspaper:before,.mg-icon-newspaper:before{content:"\f1ea"}.fa-bar-chart:before,.fa-chart-bar:before,.mg-icon-bar-chart:before,.mg-icon-chart-bar:before{content:"\e80b"}.fa-graduation-cap:before,.mg-icon-graduation-cap:before{content:"\f19d"}.fa-calendar-alt:before,.mg-icon-calendar-alt:before,.mg-icon-calendar:before{content:"\f133"}.fa-building:before,.mg-icon-building:before{content:"\f0f7"}.fa-landmark:before,.mg-icon-landmark:before{content:"\f19c"}.fa-pen-nib:before,.mg-icon-pen-nib:before{content:"\f0f6"}.fa-business-time:before,.mg-icon-business-time:before{content:"\e809"}.fa-code-branch:before,.mg-icon-code-branch:before{content:"\f126"}.fa-life-ring:before,.mg-icon-life-ring:before{content:"\f1cd"}.fa-lightbulb:before,.mg-icon-lightbulb:before{content:"\f0eb"}.fa-cubes:before,.mg-icon-cubes:before{content:"\f1b3"}.fa-sort-alpha-down:before,.fa-tags:before,.mg-icon-sort-alpha-down:before,.mg-icon-tags:before{content:"\e800"}.fa-power-off:before,.mg-icon-power-off:before{content:"\f090"}.fa-user:before,.mg-icon-user:before{content:"\e805"}.fa-times:before,.mg-icon-close:before,.mg-icon-times:before{content:"\f00d"}.fa-link:before,.mg-icon-link:before{content:"\e802"}.fa-clone:before,.mg-icon-clone:before,.mg-icon-copy:before{content:"\f24d"}.fa-share:before,.mg-icon-share:before{content:"\f1e0"}.fa-globe:before,.mg-icon-globe:before{content:"\f0ac"}.fa-qrcode:before,.mg-icon-qrcode:before{content:"\e899"}.fa-left:before,.mg-icon-arrow-left:before,.mg-icon-left:before{content:"\f177"}.fa-right:before,.mg-icon-arrow-right:before,.mg-icon-right:before{content:"\f178"}.fa-angle-circled-right:before,.mg-icon-angle-circled-right:before{content:"\f138"}.fa-angle-circled-left:before,.mg-icon-angle-circled-left:before{content:"\f137"}.fa-menu:before,.mg-icon-hamburger:before,.mg-icon-menu:before{content:"\f0c9"}.mg-icon--sm{font-size:.875em}.mg-icon--lg{font-size:1.5em}.mg-icon--xl{font-size:2em}
|
|
341
|
+
|
|
342
|
+
/* author image */.mg-author-image{border-radius:50%;height:80px;min-width:80px;overflow:hidden;position:relative;width:80px}.mg-author-image:before{border-radius:50%;opacity:0;overflow:hidden;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s}.mg-author-image:hover:before{opacity:.75}.mg-author-image:hover.mg-author-image--blue:before,.mg-author-image:hover.mg-author-image--green:before,.mg-author-image:hover.mg-author-image--red:before,.mg-author-image:hover.mg-author-image--yellow:before,.mg-author-image:hover:before{background:linear-gradient(45deg,#ff0,transparent 53%)}.mg-author-image.mg-author-image--large{height:180px;width:180px}[dir=rtl] .mg-author-image:before{-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1)}
|
|
343
|
+
|
|
344
|
+
/* img start */img,picture{height:auto;max-width:100%}picture{display:block}
|
|
345
|
+
|
|
346
|
+
/* img end */
|
|
347
|
+
/* image with caption start */.mg-image-figcaption{display:flex;flex-wrap:wrap;justify-content:center}.mg-image-figcaption .mg-image-caption{margin:.3125rem .625rem 0
|
|
348
|
+
/* medium design */}@media (width >= 48em){.mg-image-figcaption .mg-image-caption{margin:.9375rem 0 0;width:58.33333%}}.mg-image-figcaption.mg-image-figcaption--medium{
|
|
349
|
+
/* medium design */}@media (width >= 48em){.mg-image-figcaption.mg-image-figcaption--medium{margin:0 auto;width:58.3333%}.mg-image-figcaption.mg-image-figcaption--medium .mg-image-caption{width:100%}}.mg-image-figcaption.mg-image-figcaption--portrait{align-items:flex-end
|
|
350
|
+
/* medium design */}@media (width >= 48em){.mg-image-figcaption.mg-image-figcaption--portrait .mg-image-figcaption__cart{width:33.33333%}.mg-image-figcaption.mg-image-figcaption--portrait .mg-image-caption{display:block;margin:0 0 0 .625rem;padding-bottom:0;width:25%}.mg-image-figcaption.mg-image-figcaption--portrait .mg-image-caption p{font-size:.78125rem;line-height:1.4;margin-bottom:.3125rem;padding:0}.mg-image-figcaption.mg-image-figcaption--portrait .mg-image-caption p+.mg-credits{border-top:1px solid #666;margin-left:0;padding:.3125rem 0 0}}.mg-image-figcaption.mg-image-figcaption--portrait .mg-credits{border-left:0;border-right:0;margin-bottom:.3125rem}.mg-image-figcaption.mg-image-figcaption--portrait .mg-author-caption{font-size:.78125rem;line-height:1.5}.mg-image-figcaption__cart img{display:block}
|
|
351
|
+
|
|
352
|
+
/* medium design */@media (width >= 48em){[dir=rtl] .mg-image-figcaption.mg-image-figcaption--portrait .mg-image-caption{margin:0 .625rem 0 0}[dir=rtl] .mg-image-figcaption.mg-image-figcaption--portrait .mg-credits{border-right:0;margin-right:0;padding:.3125rem 0}}
|
|
353
|
+
/* image with caption end */.mg-credits{font-size:.78125rem;line-height:1.4
|
|
354
|
+
/* medium design */}@media (width >= 48em){.mg-credits{font-size:1rem}}.mg-container{margin:0 auto;max-width:100%;padding-left:.625rem;padding-right:.625rem}@media (min-width:480px){.mg-container{max-width:480px}}@media (min-width:900px){.mg-container{max-width:900px}}@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:900px){.mg-container--slim{max-width:900px}}@media (min-width:1164px){.mg-container--slim{max-width:1164px}}.mg-container--spacer{--mg-container-spacer:0.9375rem}.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+.mg-container-full-width,.mg-container--spacer>.mg-hero:first-child,.mg-container--spacer>.mg-mega-wrapper,.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)}.mg-container--padded{padding-bottom:1.25rem;padding-top:1.25rem}
|
|
355
|
+
|
|
356
|
+
/* 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 .625rem 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:900px){.mg-grid{flex-wrap:wrap}.mg-grid>*{flex:0 0 49.18305%}}@supports (display:grid){.mg-grid{column-gap:1.25rem;display:grid;grid-column:main;row-gap:1.25rem}@media (min-width:900px){.mg-grid{grid-auto-flow:column}}@media (max-width:900px){.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:900px){.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}}.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:.15625rem}
|
|
357
|
+
|
|
358
|
+
/* details tag start */details{padding:.625rem;transition:all .2s ease-in-out}details:hover{box-shadow:0 2px 4px rgba(0,0,0,.1)}details summary{cursor:pointer;list-style-type:none;outline:0;padding:.625rem .625rem .625rem 1.5625rem;position:relative;transition:background-color .2s ease-in-out}details summary::-webkit-details-marker{display:none}details summary:before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #132e48;content:"";height:0;left:.625rem;position:absolute;top:50%;transform:translateY(-50%);transition:transform .2s ease-in-out;width:0}details p{line-height:1.6;margin:0;padding:.625rem}details[open] summary{margin-bottom:0}details[open] summary:before{transform:translateY(-50%) rotate(180deg)}[dir=rtl] details summary{padding:.625rem 1.5625rem .625rem .625rem}[dir=rtl] details summary:before{left:auto;right:.625rem;transform:translateY(-50%) rotate(180deg)}[dir=rtl] details[open] summary:before{transform:translateY(-50%) rotate(0deg)}
|
|
359
|
+
|
|
360
|
+
/* details tag end */
|
|
361
|
+
/* figure tag start */figure{margin:0}figure img{max-width:100%;padding-bottom:.546875rem}
|
|
362
|
+
/* figure tag end */
|
|
363
|
+
/* table tag start */.mg-table{border-collapse:collapse;border-spacing:0;text-wrap:balance;width:100%;word-break:auto-phrase
|
|
364
|
+
/* medium design */}@media (width >= 48em){.mg-table{width:auto}}.mg-table.mg-table--small td,.mg-table.mg-table--small th{font-size:.875rem;-webkit-text-size-adjust:100%}.mg-table.mg-table--striped tr:nth-child(2n){background-color:#b3b3b3}.mg-table.mg-table--border{border-collapse:collapse}.mg-table.mg-table--border td,.mg-table.mg-table--border th{border:1px solid grey;border-collapse:collapse;box-sizing:border-box;min-width:50px}.mg-table.mg-table--stacked td,.mg-table.mg-table--stacked th{display:block
|
|
365
|
+
/* medium design */}@media (width >= 48em){.mg-table.mg-table--stacked td,.mg-table.mg-table--stacked th{display:table-cell}}.mg-table.mg-table--stacked thead tr{display:none
|
|
366
|
+
/* medium design */}@media (width >= 48em){.mg-table.mg-table--stacked thead tr{display:table-row}}.mg-table.mg-table--stacked.mg-table--border tr{border:1px solid grey}.mg-table.mg-table--stacked.mg-table--border tr td,.mg-table.mg-table--stacked.mg-table--border tr th{
|
|
367
|
+
/* medium design */}@media (width >= 48em){.mg-table.mg-table--stacked.mg-table--border tr td,.mg-table.mg-table--stacked.mg-table--border tr th{border:1px solid grey}}.mg-table td,.mg-table th{font-size:1rem;line-height:1.4;padding:.15625rem;vertical-align:top
|
|
368
|
+
/* medium design */}@media (width >= 48em){.mg-table td,.mg-table th{padding:.15625rem 1.25rem .15625rem .15625rem}}.mg-table thead tr th{font-weight:600;text-align:center}.mg-table--scroll{min-width:100%;overflow-x:auto;width:max-content}.mg-table--scroll thead th{white-space:nowrap}.mg-table--scroll td,.mg-table--scroll th{-webkit-text-size-adjust:100%}[dir=rtl] .mg-table td,[dir=rtl] .mg-table th{text-align:right
|
|
369
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] .mg-table td,[dir=rtl] .mg-table th{padding:.15625rem .15625rem .15625rem 1.25rem}}
|
|
370
|
+
|
|
371
|
+
/* table tag end */.mg-tag{background-color:#132e48;background-color:var(--tag-color-background,#132e48);border-radius:.3125rem;display:inline-block;font-size:.875rem;font-weight:500;line-height:1.4;padding:.15625rem .3125rem;transition:background-color .2s ease}.mg-tag,.mg-tag:hover{color:#fff;text-decoration:none}.mg-tag:hover{background-color:#132e48;background-color:var(--tag-color-background-hover,#132e48)}.mg-tag--secondary{background-color:#666;background-color:var(--tag-color-background-secondary,#666)}.mg-tag--secondary:hover{background-color:#4d4d4d;background-color:var(--tag-color-background-secondary-hover,#4d4d4d)}.mg-tag--outline{background-color:transparent;border:1px solid #132e48;border-color:var(--tag-color-background,#132e48)}.mg-tag--outline,.mg-tag--outline:hover{color:#132e48;color:var(--tag-color-background,#132e48)}.mg-tag--outline:hover{background-color:#e6edf4;background-color:var(--tag-color-background-outline-hover,#e6edf4)}.mg-tag--accent{background-color:#eb752a;background-color:var(--tag-color-background-accent,#eb752a)}.mg-tag--accent:hover{background-color:#ed833f;background-color:var(--tag-color-background-accent-hover,#ed833f)}.mg-tag+.mg-tag{margin-left:.15625rem}[dir=rtl] .mg-tag+.mg-tag{margin-left:0;margin-right:.15625rem}.mg-tag-container{display:flex;flex-wrap:wrap;gap:.15625rem}.mg-tag-container>a,.mg-tag-container>div,.mg-tag-container>li,.mg-tag-container>span{background-color:#132e48;background-color:var(--tag-color-background,#132e48);border-radius:.3125rem;color:#fff;display:inline-block;font-size:.875rem;font-weight:500;line-height:1.4;padding:.15625rem .3125rem;text-decoration:none;transition:background-color .2s ease}.mg-tag-container>a:hover,.mg-tag-container>div:hover,.mg-tag-container>li:hover,.mg-tag-container>span:hover{background-color:#132e48;background-color:var(--tag-color-background-hover,#132e48);color:#fff;text-decoration:none}
|
|
372
|
+
|
|
373
|
+
/* video start */video{object-fit:cover}
|
|
374
|
+
|
|
375
|
+
/* video start end */.mg-boilerplate{border:1px solid #c10920;border-radius:.3125rem;padding:.625rem}.mg-boilerplate__title{font-size:.9375rem;margin-bottom:.625rem}.mg-boilerplate__title a{color:#132e48;text-decoration:underline;text-underline-offset:3px}.mg-boilerplate__title a:hover{text-decoration-thickness:2px}.mg-boilerplate__title a:focus-visible{outline:2px solid #132e48;outline-offset:2px}.mg-boilerplate--primary{background-color:#b3cade}.mg-boilerplate--secondary{background-color:#ccdce9}.mg-form-field{display:block;margin-bottom:.625rem}.mg-form-label{display:block;font-size:1rem}.mg-form-label--disabled{color:grey}.mg-form-label--required:after{color:#c10920;content:" *"}.mg-form-input,.mg-form-textarea{appearance:none;border:2px solid #1a1a1a;border-radius:.3125rem;box-sizing:border-box;display:block;font-family:Roboto,sans-serif;font-size:1rem;height:46px;margin-top:.15625rem;padding:.390625rem;width:100%}.mg-form-input::placeholder,.mg-form-textarea::placeholder{color:#666}.mg-form-input:focus-visible,.mg-form-textarea:focus-visible{box-shadow:0 0 4px #132e48;outline:0}.mg-form-input--disabled{background-color:#fff;border-color:grey;color:grey}.mg-form-input--disabled::placeholder{color:grey}.mg-form-input--error{border-color:#c10920}.mg-form-textarea{height:auto;max-width:100%;resize:vertical}.mg-form-textarea--disabled{background-color:#fff;border-color:grey;color:grey}.mg-form-textarea--disabled::placeholder{color:grey}.mg-form-textarea--error{border-color:#c10920}.mg-form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%231a1a1a' d='M1.41 0 6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-position:right .390625rem center;background-repeat:no-repeat;border:2px solid #1a1a1a;border-radius:.3125rem;box-sizing:border-box;cursor:pointer;display:block;font-family:Roboto,sans-serif;font-size:1rem;height:46px;margin-top:.15625rem;padding:.390625rem 1.25rem .390625rem .390625rem;width:100%}.mg-form-select:focus-visible{box-shadow:0 0 4px #132e48;outline:0}.mg-form-select--disabled{background-color:#fff;border-color:grey;color:grey;cursor:default}.mg-form-select--error{border-color:#c10920}.mg-form-check{align-items:center;display:flex;position:relative}.mg-form-check__input{appearance:none;border:2px solid #132e48;cursor:pointer;height:16px;margin:0;width:16px}.mg-form-check__input:hover{border-color:#132e48}.mg-form-check__input:focus-visible{box-shadow:0 0 4px #132e48;outline:0}.mg-form-check__input--checkbox{border-radius:0}.mg-form-check__input--radio{background-color:transparent;border-radius:100%;box-shadow:inset 0 0 0 #fff}.mg-form-check__input--disabled{border-color:grey;cursor:default}.mg-form-check__input--disabled:hover{border-color:grey}.mg-form-check__input--error,.mg-form-check__input--error:hover{border-color:#c10920}.mg-form-check__label{cursor:pointer;font-size:1rem;padding:0 7px}.mg-form-check__input--checkbox:checked{background-color:#132e48;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m3.5 8 3 3 6-6'/%3E%3C/svg%3E");border-color:#132e48}.mg-form-check__input--radio:checked{background-color:#132e48;box-shadow:inset 0 0 0 3px #fff}.mg-form-help{color:#666;font-size:.78125rem}.mg-form-error,.mg-form-help{margin-bottom:0;margin-top:.15625rem}.mg-form-error{color:#c10920;font-size:1rem}.mg-form-error-summary{background-color:#f9e6e9;border-left:4px solid #c10920;margin-bottom:1.25rem;padding:.9375rem}.mg-form-error-summary:focus{outline:3px solid #1a619c;outline-offset:0}.mg-form-error-summary__title{color:#c10920;font-size:1rem;font-weight:700;margin-bottom:.46875rem;margin-top:0}.mg-form-error-summary__list{margin:0;padding-left:.625rem}.mg-form-error-summary__list li{margin-bottom:.3125rem}.mg-form-error-summary__list li:last-child{margin-bottom:0}.mg-form-error-summary__list a{color:#c10920;font-weight:600;text-decoration:underline}[dir=rtl] .mg-form-input[type=date]::-webkit-calendar-picker-indicator{left:inherit;position:absolute;right:27px}[dir=rtl] .mg-form-input[type=date]::-webkit-date-and-time-value{margin-right:0;text-align:right}:lang(ar) .mg-form-input,:lang(ar) .mg-form-select,:lang(ar) .mg-form-textarea{font-family:Dubai,sans-serif}label{display:block}label.error{color:#1a1a1a;margin-top:0}label.disabled{color:grey}.help{color:#666;display:block;font-size:.78125rem}.error,.help{margin-bottom:0;margin-top:.15625rem}.error{color:#c10920;font-size:1rem}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],textarea{appearance:none;border:2px solid #1a1a1a;border-radius:0;box-sizing:border-box;display:block;font-family:Roboto,sans-serif;font-size:1rem;height:46px;margin-top:.15625rem;padding:.390625rem;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]{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}.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:.625rem}}[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(ar) input[type=date],:lang(ar) input[type=email],:lang(ar) input[type=number],:lang(ar) input[type=password],:lang(ar) input[type=search],:lang(ar) input[type=tel],:lang(ar) input[type=text],:lang(ar) textarea{font-family:Dubai,sans-serif}.mg-form-group{border:0;margin:0;min-width:0;padding:0}.mg-form-group__legend{display:block;margin-bottom:.3125rem;padding:0}.mg-form-group--disabled .mg-form-group__legend{color:grey}.mg-form-group--error .mg-form-group__legend{color:#c10920}.mg-form-input[type=date]{color:#666}.mg-form-input[type=date]::-webkit-calendar-picker-indicator{appearance:none;left:3px;opacity:0;position:absolute}[dir=rtl] .mg-form-select{background-position:left .390625rem center;padding-left:1.25rem;padding-right:.390625rem}.mg-breadcrumb{align-items:baseline;display:flex;flex-wrap:wrap;font-family:Roboto Condensed,sans-serif;font-size:1rem;font-weight:600;margin:.625rem 0 .3125rem;padding:0}.mg-breadcrumb li{display:inline-block;margin:0;padding:0;position:relative}.mg-breadcrumb li:first-of-type{margin-left:0}.mg-breadcrumb li:last-of-type{font-weight:600;letter-spacing:.03em;margin-right:0;max-width:calc(100vw - 1.25rem)}.mg-breadcrumb li a{background:none;color:#1a1a1a;font-weight:600;letter-spacing:.03em;transition:opacity .2s ease}.mg-breadcrumb li a:hover{color:#1a1a1a}.mg-breadcrumb li+li:before{color:#1a1a1a;content:"\f105";font-family:fontawesome;padding:0 12px 0 14px;vertical-align:top}.mg-breadcrumb li+li:has(a:empty):before{display:none}.mg-breadcrumb.mg-breadcrumb--white li,.mg-breadcrumb.mg-breadcrumb--white li a{color:#fff}.mg-breadcrumb.mg-breadcrumb--white li a:hover{color:#fff;opacity:.7}.mg-breadcrumb.mg-breadcrumb--white li+li:before,.mg-breadcrumb.mg-breadcrumb--white li:last-of-type,.mg-breadcrumb.mg-breadcrumb--white:last-of-type{color:#fff}[dir=rtl] .mg-breadcrumb{padding:0}[dir=rtl] .mg-breadcrumb li{margin:0;padding-right:0}[dir=rtl] .mg-breadcrumb li a{margin:0}[dir=rtl] .mg-breadcrumb li:first-of-type,[dir=rtl] .mg-breadcrumb li:last-of-type{margin-left:0;margin-right:0}[dir=rtl] .mg-breadcrumb li+li:before{padding:0 14px 0 12px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}:lang(ar) .mg-breadcrumb{font-family:Dubai,sans-serif}.mg-pager{border-top:1px solid #e6e6e6;margin-top:1.25rem;padding-top:.9375rem}.mg-pager__list{align-items:center;display:flex;flex-wrap:wrap;gap:.15625rem;justify-content:center;list-style:none}.mg-pager__item,.mg-pager__list{margin:0;padding:0}.mg-pager__item--ellipsis{align-items:center;display:flex;padding:0 .15625rem}.mg-pager__link{align-items:center;background:#fff;border:1px solid #ccc;border-radius:.15625rem;color:#1a1a1a;cursor:pointer;display:inline-flex;font-size:.78125rem;font-weight:500;justify-content:center;min-height:40px;min-width:40px;padding:.3125rem;transition:background-color .15s,border-color .15s,color .15s}.mg-pager__link:hover:not(:disabled,.mg-pager__link--disabled){background:#e6edf4;border-color:#132e48;color:#132e48}.mg-pager__link:focus-visible{outline:2px solid #132e48;outline-offset:2px}.mg-pager__link--current{border-color:#132e48;cursor:default}.mg-pager__link--current,.mg-pager__link--current:hover{background:#132e48;color:#fff}.mg-pager__link--disabled,.mg-pager__link:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed;opacity:.5}.mg-pager__link--next,.mg-pager__link--prev{gap:.15625rem;padding:.3125rem .46875rem}.mg-pager__icon{flex-shrink:0}@media (width <= 480px){.mg-pager__text{display:none}}.mg-pager__ellipsis{color:#666;font-size:.78125rem}.mg-pager__bar{align-items:center;display:flex;flex-direction:column;gap:.625rem}@media (width >= 900px){.mg-pager__bar{flex-direction:row;justify-content:space-between}}.mg-pager__range{color:#666;font-size:.78125rem;margin:0;white-space:nowrap}.mg-pager__jump{align-items:center;display:inline-flex;gap:.3125rem;margin:0}.mg-pager__jump-label{color:#666;font-size:.78125rem;white-space:nowrap}.mg-pager__jump-input{background:#fff;border:1px solid #ccc;border-radius:.15625rem;color:#1a1a1a;font-size:.78125rem;min-height:40px;padding:.15625rem .3125rem;text-align:center;width:4em}.mg-pager__jump-input:focus-visible{outline:2px solid #132e48;outline-offset:2px}.mg-pager__jump-btn{align-items:center;background:#132e48;border:1px solid #132e48;border-radius:.15625rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.78125rem;font-weight:500;justify-content:center;min-height:40px;padding:.15625rem .46875rem;transition:background-color .15s}.mg-pager__jump-btn:hover:not(:disabled){background:#132e48;border-color:#132e48}.mg-pager__jump-btn:focus-visible{outline:2px solid #132e48;outline-offset:2px}.mg-pager__jump-btn:disabled{cursor:not-allowed;opacity:.5}.mg-pager__notice{color:#666;font-size:.78125rem;padding:.625rem 0;text-align:center}.mg-pager__notice-action{background:none;border:none;color:#132e48;cursor:pointer;display:inline;font:inherit;padding:0;text-decoration:underline}.mg-pager__notice-action:hover{color:#132e48}.mg-pager__notice-action:focus-visible{outline:2px solid #132e48;outline-offset:2px}[dir=rtl] .mg-pager__link--next .mg-pager__icon,[dir=rtl] .mg-pager__link--prev .mg-pager__icon{transform:scaleX(-1)}
|
|
376
|
+
|
|
377
|
+
/* Photo Gallery Component */.mg-gallery{display:grid;gap:1.25rem;grid-template-areas:"main" "description" "thumbnails";grid-template-columns:1fr;position:relative;width:100%
|
|
378
|
+
/* medium design */}@media (width >= 48em){.mg-gallery{grid-template-areas:"thumbnails main" "thumbnails description";grid-template-columns:200px 1fr;grid-template-rows:auto auto}}.mg-gallery--thumbnails-bottom{
|
|
379
|
+
/* medium design */}@media (width >= 48em){.mg-gallery--thumbnails-bottom{grid-template-areas:"main" "description" "thumbnails";grid-template-columns:1fr;grid-template-rows:auto auto auto}}.mg-gallery__main{background-color:#fff;grid-area:main;overflow:hidden;position:relative}.mg-gallery:focus{outline:none}.mg-gallery:focus-visible{outline:2px solid #132e48;outline-offset:2px}.mg-gallery__image-wrapper{align-items:center;aspect-ratio:16/9;background-color:#e6e6e6;display:flex;justify-content:center;position:relative;width:100%}.mg-gallery__image{display:block;max-height:100%;max-width:100%;object-fit:contain;object-position:center}.mg-gallery__embed,.mg-gallery__video{height:100%;width:100%}.mg-gallery__embed{border:none}.mg-gallery__html{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:auto;padding:1.25rem;text-align:center;width:100%}.mg-gallery__loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.mg-gallery__spinner{animation:mg-gallery-spin .8s linear infinite;border:4px solid #999;border-radius:50%;border-top-color:#132e48;height:1.875rem;width:1.875rem}@keyframes mg-gallery-spin{to{transform:rotate(1turn)}}.mg-gallery__description{grid-area:description;padding:.9375rem 0
|
|
380
|
+
/* medium design */}@media (width >= 48em){.mg-gallery__description{padding:.9375rem}}.mg-gallery__title{color:#1a1a1a;font-size:1.125rem;font-weight:700;margin-bottom:.3125rem}.mg-gallery__caption{color:#1a1a1a;font-size:1rem;line-height:1.5;margin:0}.mg-gallery__thumbnails{display:flex;flex-direction:row;gap:.625rem;grid-area:thumbnails;overflow-x:auto;overflow-y:hidden;padding:.625rem 0;-webkit-overflow-scrolling:touch
|
|
381
|
+
/* medium design */}@media (width >= 48em){.mg-gallery__thumbnails{flex-direction:column;max-height:600px;overflow-x:hidden;overflow-y:auto;padding-top:0}}.mg-gallery--thumbnails-bottom .mg-gallery__thumbnails{flex-direction:row;overflow-x:auto;overflow-y:hidden}.mg-gallery__thumbnails{scrollbar-color:#666 #ccc;scrollbar-width:thin}.mg-gallery__thumbnails::-webkit-scrollbar{height:.3125rem;width:.3125rem}.mg-gallery__thumbnails::-webkit-scrollbar-track{background:#ccc}.mg-gallery__thumbnails::-webkit-scrollbar-thumb{background:#666}.mg-gallery__thumbnails::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.mg-gallery__thumbnail{background:#ccc;border:none;border-left:4px solid transparent;cursor:pointer;flex-shrink:0;height:3.125rem;overflow:hidden;padding:0;position:relative;-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease;width:3.125rem
|
|
382
|
+
/* medium design */}@media (width >= 48em){.mg-gallery__thumbnail{aspect-ratio:16/9;height:auto;width:100%}}.mg-gallery--thumbnails-bottom .mg-gallery__thumbnail{border-bottom:4px solid transparent;border-left:none;height:3.125rem;width:3.125rem}.mg-gallery__thumbnail img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.mg-gallery__thumbnail:hover{border-left-color:grey}.mg-gallery--thumbnails-bottom .mg-gallery__thumbnail:hover{border-bottom-color:grey;border-left-color:transparent}.mg-gallery__thumbnail:focus{outline:none}.mg-gallery__thumbnail:focus-visible{outline:2px solid #132e48;outline-offset:2px}.mg-gallery__thumbnail--active{border-left-color:#132e48}.mg-gallery__thumbnail--active:after{background:#fff;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;top:0;width:1px}.mg-gallery--thumbnails-bottom .mg-gallery__thumbnail--active{border-bottom-color:#132e48;border-left-color:transparent}.mg-gallery--thumbnails-bottom .mg-gallery__thumbnail--active:after{bottom:0;height:2px;left:0;right:0;top:auto;width:auto}.mg-gallery__thumbnail--html{background:#b3b3b3}.mg-gallery__thumbnail-placeholder{color:#4d4d4d;font-size:1.125rem}.mg-gallery__thumbnail-html-preview,.mg-gallery__thumbnail-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.mg-gallery__thumbnail-html-preview{background:#e6e6e6;left:0;overflow:hidden;position:absolute;top:0}.mg-gallery__thumbnail-html-content{align-items:center;display:flex;flex-direction:column;height:450px;justify-content:center;pointer-events:none;text-align:center;transform:scale(.12);transform-origin:center center;user-select:none;width:800px}.mg-gallery__thumbnail-html-content *{pointer-events:none}.mg-gallery__thumbnail-indicator{background:rgba(0,0,0,.6);font-size:.625rem;height:1.25rem;left:50%;padding-left:2px;pointer-events:none;transform:translate(-50%,-50%);width:1.25rem}.mg-gallery__arrow,.mg-gallery__thumbnail-indicator{align-items:center;color:#fff;display:flex;justify-content:center;position:absolute;top:50%}.mg-gallery__arrow{background:#333;border:none;cursor:pointer;font-size:1.125rem;height:1.875rem;transform:translateY(-50%);-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:1.875rem;z-index:2}.mg-gallery__arrow:hover{background:#4d4d4d}.mg-gallery__arrow:focus{outline:none}.mg-gallery__arrow:focus-visible{outline:2px solid #132e48;outline-offset:2px}.mg-gallery__arrow:disabled{background:#999;cursor:not-allowed;opacity:.5}.mg-gallery__arrow--prev{left:.625rem}.mg-gallery__arrow--next{right:.625rem}.mg-gallery__arrow{
|
|
383
|
+
/* small design */}@media (width <= 47.9375em){.mg-gallery__arrow{font-size:1rem;height:1.5rem;width:1.5rem}.mg-gallery__arrow--prev{left:.3125rem}.mg-gallery__arrow--next{right:.3125rem}}.mg-gallery__arrow-controls{bottom:.625rem;display:flex;gap:.625rem;position:absolute;right:.625rem;z-index:2}.mg-gallery__arrow-button{align-items:center;background:#333;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;height:1.875rem;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:1.875rem}.mg-gallery__arrow-button:hover{background:#4d4d4d}.mg-gallery__arrow-button:focus{outline:none}.mg-gallery__arrow-button:focus-visible{outline:2px solid #132e48;outline-offset:2px}.mg-gallery__arrow-button:disabled{background:#999;cursor:not-allowed;opacity:.5}[dir=rtl] .mg-gallery__thumbnails{
|
|
384
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] .mg-gallery__thumbnails{order:1}}[dir=rtl] .mg-gallery__thumbnail{border-left:none;border-right:4px solid transparent}[dir=rtl] .mg-gallery__thumbnail:hover{border-right-color:grey}[dir=rtl] .mg-gallery__thumbnail--active{border-right-color:#132e48}[dir=rtl] .mg-gallery__thumbnail--active:after{left:auto;right:0}[dir=rtl] .mg-gallery__arrow--prev{left:auto;right:.625rem
|
|
385
|
+
/* small design */}@media (width <= 47.9375em){[dir=rtl] .mg-gallery__arrow--prev{right:.3125rem}}[dir=rtl] .mg-gallery__arrow--next{left:.625rem;right:auto
|
|
386
|
+
/* small design */}@media (width <= 47.9375em){[dir=rtl] .mg-gallery__arrow--next{left:.3125rem}}[dir=rtl] .mg-gallery__arrow-controls{left:.625rem;right:auto}.mg-highlight-box{border:1px solid rgba(0,0,0,.3);box-shadow:inset 0 -8px 0 0 rgba(0,0,0,.3);display:block;padding-block:.625rem;padding-inline:.9375rem;padding-bottom:1.25rem;width:100%}.mg-highlight-box iframe{border:0;display:block;max-width:100%}.mg-highlight-box--primary{background:var(--button-color-background,#004f91)}.mg-highlight-box--secondary{background:var(--tag-color-background-purple,#962987)}.mg-highlight-box--primary,.mg-highlight-box--secondary{border:none;box-shadow:inset 0 -8px 0 0 hsla(0,0%,100%,.5);color:#fff}.mg-highlight-box--primary a,.mg-highlight-box--primary a:hover,.mg-highlight-box--primary a:visited,.mg-highlight-box--secondary a,.mg-highlight-box--secondary a:hover,.mg-highlight-box--secondary a:visited{color:inherit}.mg-highlight-box--centered{margin-inline:auto;width:80%}.align-left.custom-media,.align-right.custom-media,.mg-highlight-box--float-end,.mg-highlight-box--float-start,figure.align-left,figure.align-right{float:none;margin-inline:0;width:100%}
|
|
387
|
+
|
|
388
|
+
/* medium design */@media (width >= 48em){.align-left.custom-media,.mg-highlight-box--float-start,figure.align-left{float:inline-start;margin-inline-end:1.25rem;width:30%}.align-right.custom-media,.mg-highlight-box--float-end,figure.align-right{float:inline-end;margin-inline-start:1.25rem;width:30%}}blockquote:has(.mg-highlight-box){border-left:none;margin:unset;padding:unset}.mg-quote-highlight{border-radius:.3125rem;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:3.125rem;width:100%}.mg-quote-highlight--left{float:left;margin-right:3.125rem
|
|
389
|
+
/* medium design */}@media (width >= 48em){.mg-quote-highlight--left{max-width:400px;width:40%}}[dir=rtl] .mg-quote-highlight--left{float:right;margin-left:3.125rem;margin-right:0}.mg-quote-highlight--right{float:right;margin-bottom:3.125rem;margin-left:3.125rem;width:100%
|
|
390
|
+
/* 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:3.125rem}.mg-quote-highlight--line{flex-direction:column}.mg-quote-highlight--line.mg-quote-highlight--has-image{
|
|
391
|
+
/* medium design */}@media (width >= 48em){.mg-quote-highlight--line.mg-quote-highlight--has-image{flex-direction:row}}.mg-quote-highlight--image{flex-direction:column
|
|
392
|
+
/* 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:3.125rem
|
|
393
|
+
/* medium design */}@media (width >= 48em){.mg-quote-highlight__content{padding:3.75rem}}.mg-quote-highlight__quote{font-size:1.125rem;font-style:italic;font-weight:600;line-height:1.5;margin:0 0 1.875rem;padding:0 0 0 3.125rem;position:relative;text-wrap:balance}.mg-quote-highlight__quote:before{color:inherit;content:"“";font-size:3rem;font-weight:700;left:0;opacity:.5;position:absolute;top:-.625rem}.mg-quote-highlight__quote p{margin:0}[dir=rtl] .mg-quote-highlight__quote{padding-left:0;padding-right:3.125rem}[dir=rtl] .mg-quote-highlight__quote:before{left:auto;right:0}.mg-quote-highlight__separator{height:4px;margin:.625rem 0 1.25rem;width:100px}.mg-quote-highlight__attribution{margin-top:.625rem}.mg-quote-highlight__attribution-wrapper{align-items:center;display:flex}.mg-quote-highlight__attribution-text{flex:1}.mg-quote-highlight__attribution-name{font-size:1rem;font-weight:600;margin:0}.mg-quote-highlight__attribution-title{font-size:.78125rem;margin:.3125rem 0 0}.mg-quote-highlight__portrait-container{border-radius:50%;flex-shrink:0;height:50px;margin-right:1.25rem;overflow:hidden;width:50px}[dir=rtl] .mg-quote-highlight__portrait-container{margin-left:1.25rem;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%
|
|
394
|
+
/* medium design */}@media (width >= 48em){.mg-quote-highlight__image-container{height:auto;width:250px}}.mg-quote-highlight__image-container{
|
|
395
|
+
/* medium design */}@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(19,46,72,.1)}.mg-quote-highlight--light .mg-quote-highlight__quote{color:rgba(19,46,72,.9)}.mg-quote-highlight--light .mg-quote-highlight__quote:before{color:rgba(19,46,72,.5)}.mg-quote-highlight--dark,.mg-quote-highlight--light .mg-quote-highlight__separator{background-color:rgba(19,46,72,.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(19,46,72,.7)}.mg-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.5rem;padding:.15625rem .3125rem}.mg-chip:hover{background-color:#999}.mg-chip.mg-chip__cross:before{content:"";display:inline-flex;height:22px;margin-left:-.15625rem;margin-right:.15625rem;padding-right:.875rem;position:relative;top:0;width:auto}[dir=rtl] .mg-chip__cross:before{margin-left:.15625rem;margin-right:-.15625rem}.mg-button{align-items:center;background:transparent;border:2px solid #132e48;border-radius:.3125rem;color:#132e48;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;justify-content:center;line-height:1;padding:.625rem 1.25rem}.mg-button:focus-visible{box-shadow:0 0 4px rgba(19,46,72,.06);outline:0}.mg-button{
|
|
396
|
+
/* medium design */}@media (width >= 48em){.mg-button{display:inline-flex}}.mg-button+.mg-button{margin-left:.625rem}button:focus-visible{box-shadow:0 0 4px transparent;outline:0}.mg-button-primary{background-color:transparent}.mg-button-primary:hover{background-color:rgba(19,46,72,.06);color:#132e48}.mg-button-secondary{background-color:#4d84b2}.mg-button-secondary:hover{background-color:#80a7c8;color:#132e48}.mg-button.disabled{background-color:grey;color:#999;pointer-events:none}:lang(ar) .mg-button{font-family:Noto Kufi Arabic,sans-serif}.mg-share{display:flex;flex-direction:column;gap:.625rem;max-width:400px}.mg-share__header{color:#1a1a1a;display:flex;font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;justify-content:start}.mg-share__buttons{align-items:center;display:flex;flex-direction:row;gap:.3125rem;justify-content:left}.mg-share__button{align-items:center;background-color:transparent;border:2px solid #132e48;border-radius:.3125rem;color:#132e48;cursor:pointer;display:flex;font-size:1.125rem;height:2.5rem;justify-content:center;padding:.625rem;width:2.5rem}.mg-share__button .mg-icon{font-weight:100;-webkit-text-stroke:.25px transparent}.mg-share__button:hover{background-color:rgba(19,46,72,.8)}.mg-share__button:focus-visible{box-shadow:0 0 4px rgba(19,46,72,.06);outline:0}.mg-share__copy-button{align-items:center;background-color:#000;border:0 solid #132e48;color:#132e48;cursor:pointer;display:flex;flex-direction:row;font-family:Roboto,sans-serif;justify-content:space-between;padding:.625rem}.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:#132e48;flex:auto;font-size:.625rem;height:17px;margin-left:1em;margin-right:1em;overflow:hidden;scrollbar-width:0}.mg-share__stack-icon{align-items:center;background-color:rgba(0,0,0,.5);display:flex;flex-shrink:0;height:25px;justify-content:center;width:25px}.mg-share__stack-icon img{width:18px}:lang(ar) .mg-share__copy-button,:lang(ar) .mg-share__header{font-family:Dubai,sans-serif}.mg-mega-wrapper{background:#fff;box-shadow:0 2px 3px 0 rgba(51,51,51,.31);position:relative;z-index:10}.mg-mega-topbar{align-items:flex-start;display:flex;margin:0 auto;max-width:1164px;padding:0;width:100%;z-index:10}@media screen and (min-width:1440px){.mg-mega-topbar{max-width:1440px}}@media screen and (max-width:900px){.mg-mega-topbar{overflow-x:hidden;padding-left:2.5rem}}.mg-mega-topbar--branded{align-items:center}@media screen and (max-width:900px){.mg-mega-topbar--branded{overflow-x:hidden;padding-left:0}}.mg-mega-topbar--branded .mg-mega-topbar-mobile__icon-button{background:#fff;box-shadow:-3px 0 6px -2px rgba(0,0,0,.15);flex-shrink:0;margin-inline-start:auto;position:relative;width:auto}.mg-mega-topbar--branded .mg-mega-topbar-mobile__icon-button:has(.mg-icon-angle-circled-left){background:#fff;box-shadow:-3px 0 6px -2px rgba(0,0,0,.15)}.mg-mega-topbar--branded .mg-mega-topbar__nav{display:flex;flex:1;justify-content:flex-end;list-style:none;margin:0;padding:0}.mg-mega-topbar__logo{align-items:center;display:flex;flex-shrink:1;min-width:0;padding:.625rem .9375rem}.mg-mega-topbar__logo-img{display:block;height:1.875rem;max-width:100%;width:auto}@media screen and (min-width:900px){.mg-mega-topbar__logo-img{height:2.1875rem}}.mg-mega-topbar__nav{align-items:flex-start;display:flex;flex:1;list-style:none;margin:0;padding:0}@media screen and (max-width:900px){.mg-mega-topbar__nav{flex:1;min-width:0;overflow:hidden;pointer-events:none}}.mg-mega-topbar__item{pointer-events:none}@media screen and (min-width:900px){.mg-mega-topbar__item{display:block;pointer-events:unset}}.mg-mega-topbar__item .mg-mega-content{display:none}.mg-mega-topbar__item{color:#132e48;font-size:1rem;font-weight:700;list-style:none;margin:0;padding:0}.mg-mega-topbar__item p{font-weight:400}.mg-mega-topbar__item>a,.mg-mega-topbar__item>button{cursor:pointer;display:block;line-height:1.125rem;padding:.9375rem;width:max-content}@media screen and (min-width:900px){.mg-mega-topbar__item>a,.mg-mega-topbar__item>button{width:unset}.mg-mega-topbar__item--active{background:rgba(19,46,72,.2)}.mg-mega-topbar__item--active .mg-mega-topbar__item-link,.mg-mega-topbar__item--active a{color:#132e48;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:#132e48;cursor:pointer;font-family:Roboto Condensed,sans-serif;font-weight:700;list-style:none}.mg-mega-topbar__item-icon{font-size:.85em;margin-inline-end:.35em;vertical-align:baseline}@media screen and (min-width:900px){.mg-mega-topbar__item-link{font-size:1.125rem}}.mg-mega-content{align-items:flex-start;backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.7);border-radius:.3125rem .3125rem 0 0;box-shadow:-1px 5px 10px -1px rgba(0,0,0,.25);display:flex;flex-direction:column;height:auto;inset-inline-start:0;justify-content:start;position:relative;top:1px;width:100%;z-index:1}@media screen and (min-width:900px){.mg-mega-content{display:none;flex-direction:row;height:21.875rem;overflow:hidden;position:absolute;top:3rem}}.mg-mega-content.mg-container-full-width{position:absolute}.mg-mega-content__left{background-color:hsla(0,0%,100%,.8);height:100%;width:100%}@media screen and (min-width:900px){.mg-mega-content__left{flex-basis:33%}}.mg-mega-content__banner{padding:1.5rem}.mg-mega-content__banner header{font-size:1.4375rem;font-weight:700;padding-bottom:.625rem}.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{border-inline-end:2px solid rgba(26,26,26,.2);box-shadow:inset 0 5px 5px -3px rgba(0,0,0,.2)}.mg-mega-content__left .mg-mega-content__section-list{display:none}@media screen and (min-width:900px){.mg-mega-content__left .mg-mega-content__section-list{display:block}}.mg-mega-content__left .mg-mega-content__section-list-link,.mg-mega-content__left .mg-mega-content__section-list-link:hover{color:#132e48}.mg-mega-content__section-list{padding-inline:1.25rem}.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:600;letter-spacing:.2px;margin-inline:-1.25rem;padding:.9375rem 1.5rem;position:relative;text-decoration:none;transition:background-color .15s ease,color .15s ease,transform .15s ease}.mg-mega-content__section-list-item .mg-mega-content__section-list-link:focus-visible,.mg-mega-content__section-list-item .mg-mega-content__section-list-link:hover{background:rgba(19,46,72,.15);text-decoration:underline}.mg-mega-content__section-list-item .mg-mega-content__section-list-link:after{content:"›";display:inline-block;font-size:1.875rem;inset-inline-end:auto;margin-inline-end:.9375rem;opacity:.55;padding-inline-start:.9375rem;position:absolute;transition:transform .15s ease,inset-inline-start .2s cubic-bezier(.4,0,.2,1),inset-inline-end .2s cubic-bezier(.4,0,.2,1),opacity .15s ease}.mg-mega-content__section-list-item .mg-mega-content__section-list-link--active{background:rgba(19,46,72,.15);border-inline-start:4px solid #132e48;margin-inline-start:-1.25rem;padding:.9375rem 1.5rem;text-decoration:underline}.mg-mega-content__section-list-item .mg-mega-content__section-list-link--active:after{inset-inline-end:0;opacity:1}[dir=rtl] .mg-mega-content__section-list-item .mg-mega-content__section-list-link:after{content:"‹"}
|
|
397
|
+
|
|
398
|
+
/* Brief pulse to draw attention when active becomes visible */@keyframes mg-mega-tab-pulse{0%{box-shadow:inset 4px 0 0 0 #132e48,0 0 0 0 rgba(19,46,72,0)}60%{box-shadow:inset 4px 0 0 0 #132e48,0 0 0 8px rgba(19,46,72,.12)}to{box-shadow:inset 4px 0 0 0 #132e48,0 0 0 0 rgba(19,46,72,0)}}.mg-mega-content__section-list-link--active{animation:mg-mega-tab-pulse .7s ease-out 1}
|
|
399
|
+
|
|
400
|
+
/* Slide motion for right content when tab changes */@keyframes mg-mega-content-swap{0%{opacity:.98;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.mg-mega-content__right--sliding{animation:mg-mega-content-swap .18s ease-out}
|
|
401
|
+
|
|
402
|
+
/* Stronger keyboard focus ring for accessibility */.mg-mega-content__section-list-link:focus-visible{outline:2px solid #fff;outline-offset:-2px}.mg-mega-content__right{box-shadow:inset 0 5px 5px -3px rgba(0,0,0,.2);display:flex;flex:1;height:100%;width:100%}.mg-mega-content__right .mg-mega-content__menu--mobile{display:block}.mg-mega-content__right .mg-mega-content__menu--desktop{display:none}@media screen and (min-width:900px){.mg-mega-content__right .mg-mega-content__menu--mobile{display:none}.mg-mega-content__right .mg-mega-content__menu--desktop{animation:mg-mega-right-flash .4s ease-out;display:block}.mg-mega-content__right .mg-mega-content__menu--desktop li{animation:mg-mega-item-slide-in .25s ease-out both}.mg-mega-content__right .mg-mega-content__menu--desktop li:first-child{animation-delay:0s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(2){animation-delay:30ms}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(3){animation-delay:60ms}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(4){animation-delay:90ms}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(5){animation-delay:.12s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(6){animation-delay:.15s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(7){animation-delay:.18s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(8){animation-delay:.21s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(9){animation-delay:.24s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(10){animation-delay:.27s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(11){animation-delay:.3s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(12){animation-delay:.33s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(13){animation-delay:.36s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(14){animation-delay:.39s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(15){animation-delay:.42s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(16){animation-delay:.45s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(17){animation-delay:.48s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(18){animation-delay:.51s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(19){animation-delay:.54s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(20){animation-delay:.57s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(21){animation-delay:.6s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(22){animation-delay:.63s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(23){animation-delay:.66s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(24){animation-delay:.69s}.mg-mega-content__right .mg-mega-content__menu--desktop li:nth-child(25){animation-delay:.72s}}.mg-mega-content__right ul{column-fill:balance;column-gap:1.25rem;columns:300px;flex:1;list-style:none;padding:.9375rem}.mg-mega-content__right ul ul{break-inside:avoid;opacity:.8;padding-block:0;padding-inline:.9375rem}.mg-mega-content__right ul li{break-inside:avoid;margin:0;padding:0}.mg-mega-content__right ul li a{color:#1a1a1a;display:block;font-weight:700;overflow:hidden;padding:.3125rem;text-overflow:clip;white-space:wrap}.mg-mega-content__right ul li a:hover{color:#1a1a1a;text-decoration:underline}
|
|
403
|
+
|
|
404
|
+
/* Subtle blue gradient flash that fades to transparent on right content area */@keyframes mg-mega-right-flash{0%{background:linear-gradient(180deg,rgba(19,46,72,.06) 0,transparent)}to{background:transparent}}
|
|
405
|
+
/* Menu items slide in from the left */@keyframes mg-mega-item-slide-in{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}.mg-icon-button{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:center;padding:.625rem}.mg-icon-button:hover{background-color:#132e48}.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-block:.3125rem;padding-inline-start:1.875rem}.mg-mega-sidebar-section ol ol li a{color:#fff;text-decoration:none}.mg-mega-sidebar-section ol ol li:hover{background:#132e48}.mg-mega-sidebar-section__item{align-items:center;background:#132e48;border:none;border-block-end:1px solid #fff;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:.625rem 1.5rem;width:100%}@media screen and (min-width:900px){.mg-mega-sidebar-section__item{background:transparent;border-block-end:none}}.mg-mega-sidebar-section__item:hover{background:#132e48;color:#fff}.mg-mega-sidebar-section__item:focus-visible{outline:2px auto -webkit-focus-ring-color;outline-offset:-1px}.mg-mega-sidebar-section__item[aria-expanded=true] .mg-icon-angle-circled-left{transform:rotate(-90deg);transition:transform .3s ease-in-out}.mg-mega-sidebar-section__item .mg-icon-angle-circled-left{transition:transform .3s ease-in-out}[dir=rtl] .mg-mega-sidebar-section__item[aria-expanded=true] .mg-icon-angle-circled-left{transform:rotate(90deg)}.mg-mega-sidebar{background-color:#132e48;box-shadow:0 5px 8px -4px rgba(0,0,0,.25);height:auto;max-height:80vh;overflow:auto;position:absolute;top:-100%;inset-inline:0;transition:top .4s ease-in-out;width:100%;z-index:10}.mg-mega-sidebar.mg-sidebar-open{top:0}@media screen and (min-width:900px){.mg-mega-sidebar{box-shadow:-5px 0 8px -4px rgba(0,0,0,.25);height:100vh;inset-inline-end:0;inset-inline-start:auto;top:0;width:300px}[dir=rtl] .mg-mega-sidebar{box-shadow:5px 0 8px -4px rgba(0,0,0,.25)}}.mg-mega-sidebar__list{background:#fff;display:flex;flex-direction:column;inset-inline-end:auto;margin-bottom:0;padding:0;position:relative;width:100%}.mg-mega-sidebar__section{align-items:center;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:.9375rem 1.875rem}.mg-mega-sidebar__section:hover{background:#132e48}.mg-mega-topbar-mobile__icon-button{align-items:start;background:transparent;border:none;color:#132e48;cursor:pointer;display:flex;font-size:1.25rem;height:100%;inset-inline-end:0;justify-content:start;padding:.625rem;position:absolute;width:100vw;z-index:14}@media screen and (min-width:900px){.mg-mega-topbar-mobile__icon-button{display:none}}.mg-mega-topbar-mobile__icon-button:hover{color:rgba(19,46,72,.9)}.mg-mega-topbar-mobile__icon-button .mg-mega-topbar{position:relative}.mg-mega-topbar-mobile__icon-button:has(.mg-icon-angle-circled-left){background:hsla(0,0%,100%,.8);box-shadow:0 0 4px rgba(0,0,0,.2);color:#132e48}.mg-mega-mobile-sidebar{background-color:#132e48;box-shadow:0 5px 8px -4px rgba(0,0,0,.25);display:block;height:80vh;inset-inline-start:0;max-height:80vh;overflow:auto;position:absolute;top:0;transform:translateY(-100vh);transition:transform .4s ease-in-out;width:100%;z-index:9}.mg-mega-mobile-sidebar.mg-mega-mobile-sidebar--open{transform:translateY(calc(3.125rem - 2px))}@media screen and (min-width:900px){.mg-mega-mobile-sidebar{display:none}}.mg-mega-mobile-sidebar-overlay{background:rgba(0,0,0,.4);border:none;cursor:pointer;display:block;inset:0;padding:0;position:fixed;z-index:9}@media screen and (min-width:900px){.mg-mega-mobile-sidebar-overlay{display:none}}[dir=rtl] .mg-mega-topbar--branded .mg-mega-topbar-mobile__icon-button{box-shadow:3px 0 6px -2px rgba(0,0,0,.15)}[dir=rtl] .mg-mega-topbar--branded .mg-mega-topbar-mobile__icon-button:has(.mg-icon-angle-circled-left){box-shadow:3px 0 6px -2px rgba(0,0,0,.15)}:lang(ar) .mg-mega-menu__item-link{font-family:Dubai,sans-serif}@media (max-width:900px){.mg-page-header .mg-page-header__container{max-width:100%}}.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 >= 900px){.mg-page-header__toolbar-wrapper .mg-page-header__container{padding:0}}.mg-page-header__region--toolbar{align-items:center;display:flex;gap:.625rem}.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:.3125rem 0 .3125rem 1px}@media (max-width:1164px){.mg-page-header__logo-img{height:48px;height:30px;object-fit:cover;object-position:0 50%;width:190px;width:110px}}.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:1rem;height:30px;line-height:1.25rem;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:.875rem;font-weight:700;margin-right:.15625rem;padding:.15625rem 0}@media (max-width:900px){.mg-page-header__label{display:none}}.mg-page-header__label-mobile{display:none}@media (max-width:900px){.mg-page-header__label-mobile{display:unset}}
|
|
406
|
+
|
|
407
|
+
/* content-card start */.mg-card{background:#fafafa;border-radius:.3125rem;display:inline-block;margin-bottom:.625rem;padding:.9375rem;position:relative}.mg-card__vc{display:grid;gap:.3125rem}.mg-card__vc .mg-card__visual{aspect-ratio:16/9;overflow:hidden}.mg-card__hc{color:#1a1a1a;display:grid;gap:.625rem;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:900px){.mg-card__hc:has(.mg-card__visual){grid-template-columns:330px 1fr}}.mg-card__hc.mg-card-book__hc .mg-card__visual{align-self:flex-start;border:1px solid rgba(77,77,77,.2);max-width:200px;overflow:hidden}@media (min-width:480px){.mg-card__hc.mg-card-book__hc .mg-card__visual{max-width:unset}}.mg-card__hc.mg-card-book__hc:has(.mg-card__visual){gap:0 .625rem;grid-template-rows:unset}@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__label{color:#132e48;cursor:pointer;display:inline-block;font-size:.875rem;margin-right:.3125rem}.mg-card__label:hover{color:#132e48}.mg-card__title{font-size:1.4375rem;font-weight:700;line-height:1.25em;padding-bottom:.46875rem;padding-top:.625rem}.mg-card__title a{color:#132e48;cursor:pointer;display:inline;text-decoration:underline;text-underline-offset:3px}.mg-card__title .active{background:#e6e6e6;font-weight:700}.mg-card__title a:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:100}.mg-card__title a:after{border-color:currentcolor;border-style:solid;border-width:.15em .15em 0 0;content:"";display:inline-block;height:.35em;margin-inline-start:.25em;position:relative;top:-.1em;transform:rotate(45deg);translate:0 0;vertical-align:middle;width:.35em}@media (prefers-reduced-motion:no-preference){.mg-card__title a:after{transition:translate .2s ease}}.mg-card__title a:focus-visible{outline:2px solid #132e48;outline-offset:2px}.mg-card:hover .mg-card__title a{text-decoration-thickness:2px}@media (prefers-reduced-motion:no-preference){.mg-card:hover .mg-card__title a:after{translate:.15em 0}}[dir=rtl] .mg-card__title a:after{transform:rotate(225deg)}@media (prefers-reduced-motion:no-preference){[dir=rtl] .mg-card:hover .mg-card__title a:after{translate:-.15em 0}}.mg-card--secondary .mg-card__title a{color:#ed833f}.mg-card--tertiary .mg-card__title a{color:#000}.mg-card--quaternary .mg-card__title a{color:#c72236}.mg-card.mg-card--plain-title .mg-card__title a{color:#1a1a1a;text-decoration:none}.mg-card.mg-card--plain-title .mg-card__title a:after{content:none}.mg-card__summary{padding-bottom:.3125rem}.mg-card__summary a,.mg-card__text-link{color:#132e48}.mg-card .mg-button,.mg-card__label,.mg-card__summary a,.mg-card__text-link{position:relative;z-index:101}.mg-card__label{font-weight:700}.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:1rem;padding-top:.15625rem}@media (min-width:1164px){.mg-card__book{max-width:400px}}.mg-card__icon{align-items:flex-start;display:flex;flex-direction:column;gap:.625rem;max-width:300px}@media (min-width:480px){.mg-card__icon{max-width:400px}}@media (min-width:1164px){.mg-card__icon{max-width:500px}}.mg-card__icon .mg-card__visual-label{color:#132e48;font-size:.875rem;font-weight:700;width:100%}.mg-card__icon .mg-card__visual{align-items:center;aspect-ratio:3/2;container-type:inline-size;display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-start;overflow:visible;width:100%}.mg-card__icon .mg-card__visual:has(.mg-card__icon-wrap--small),.mg-card__icon .mg-card__visual:has(.mg-card__image--small){aspect-ratio:5/1}.mg-card__icon .mg-card__visual:has(.mg-card__icon-wrap--medium),.mg-card__icon .mg-card__visual:has(.mg-card__image--medium){aspect-ratio:3/1}.mg-card__icon .mg-card__visual:has(.mg-card__icon-wrap--large),.mg-card__icon .mg-card__visual:has(.mg-card__image--large){aspect-ratio:2/1}.mg-card__icon .mg-card__visual:has(.mg-card__icon-wrap--full),.mg-card__icon .mg-card__visual:has(.mg-card__image--full){aspect-ratio:1/1}.mg-card__icon .mg-card__image{height:auto;max-width:100%;object-fit:contain}.mg-card__icon .mg-card__image--small{height:auto;min-width:72px;width:72px}.mg-card__icon .mg-card__image--medium{height:auto;min-width:50%;width:50%}.mg-card__icon .mg-card__image--large{height:auto;min-width:75%;width:75%}.mg-card__icon .mg-card__image--full{height:auto;min-width:100%;width:100%}.mg-card__icon .mg-card__icon-wrap{align-items:center;color:#132e48;display:flex;justify-content:flex-start;line-height:1}.mg-card__icon .mg-card__icon-wrap i,.mg-card__icon .mg-card__icon-wrap span{display:block;font-size:inherit}.mg-card__icon .mg-card__icon-wrap--small .mg-icon{font-size:58px;min-width:72px;width:72px}.mg-card__icon .mg-card__icon-wrap--medium .mg-icon{font-size:50cqi}.mg-card__icon .mg-card__icon-wrap--large .mg-icon{font-size:80cqi}.mg-card__icon .mg-card__icon-wrap--full .mg-icon{font-size:100cqi}.mg-card__icon .mg-card__icon-wrap .mg-icon{margin:0 auto}.mg-card__icon .mg-card__icon-wrap--colored{align-items:center;aspect-ratio:1;background-color:var(--mg-icon-bg);border-radius:15%;display:flex;justify-content:center;min-width:72px;width:72px}.mg-card__icon .mg-card__icon-wrap--colored .mg-icon{color:var(--mg-icon-fg,#333);font-size:32px}.mg-card__icon .mg-card__visual-link{display:block;transition:opacity .2s ease;width:100%}.mg-card__icon .mg-card__visual-link:after{content:"";inset:0;position:absolute;z-index:1}.mg-card__icon .mg-card__visual-link:hover{opacity:.75;text-decoration:none}.mg-card__icon .mg-card__visual-link:focus-visible{outline:none}.mg-card__icon .mg-card__visual-link:focus-visible:after{outline:2px solid #132e48;outline-offset:2px}.mg-card__icon .mg-card__content{display:flex;flex:1;flex-direction:column}.mg-card__icon .mg-card__title{font-size:1.4375rem;font-weight:700;line-height:1.25em;margin:0;padding-top:0}.mg-card__icon .mg-card__title a{color:#132e48;text-decoration:underline;text-underline-offset:3px}.mg-card__icon .mg-card__title a:hover{text-decoration-thickness:2px}.mg-card__icon .mg-card__title a:focus-visible{border-radius:2px;outline:2px solid #132e48;outline-offset:2px}.mg-card__icon .mg-card__cta{margin-top:auto;padding-top:.625rem}.mg-card__icon .mg-card__link{margin-bottom:0;margin-top:auto;padding-top:.46875rem}.mg-card__icon .mg-card__link a{color:#132e48;position:relative;text-decoration:none;z-index:101}.mg-card__icon .mg-card__link a:hover{text-decoration:underline}.mg-card__icon .mg-card__link a:focus-visible{border-radius:2px;outline:2px solid #132e48;outline-offset:2px}.mg-card__icon--bordered{border:2px solid var(--mg-card-border);padding:.9375rem}.mg-card__icon--centered{align-items:center;text-align:center}.mg-card__icon--centered .mg-card__visual{justify-content:center}.mg-card__icon--centered .mg-card__content{align-items:center}.mg-card__icon--negative .mg-card__icon-wrap{color:#fff}.mg-card__icon--negative .mg-card__label{color:hsla(0,0%,100%,.8)}.mg-card__icon--negative .mg-card__title,.mg-card__icon--negative .mg-card__title a{color:#fff}.mg-card__icon--negative .mg-card__summary{color:hsla(0,0%,100%,.8)}.mg-card__icon--negative .mg-card__link a{color:#fff}.mg-card__icon--negative .mg-card__link a:focus-visible{outline-color:#fff}[dir=rtl] .mg-card__icon--centered{text-align:center}[dir=rtl] .mg-card__icon--centered .mg-card__visual{justify-content:center}[dir=rtl] .mg-card__icon--centered .mg-card__content{align-items:center}
|
|
408
|
+
|
|
409
|
+
/* content-card end */
|
|
410
|
+
/* Stats Card Component */.mg-stats-card{width:100%}
|
|
411
|
+
|
|
412
|
+
/* Individual Stat Item - extends mg-card base */.mg-stats-card-item{align-items:flex-start;background-color:#fff;border:1px solid #b3b3b3;display:flex;flex-direction:column;gap:.625rem;overflow:hidden;padding:3.125rem;position:relative
|
|
413
|
+
/* small design */}@media (width <= 47.9375em){.mg-stats-card-item{padding:1.875rem}}.mg-stats-card-item__icon{color:#132e48;font-size:2rem;line-height:1;margin-bottom:.625rem}.mg-stats-card-item__icon i{display:block}.mg-stats-card-item__label{color:#132e48;font-size:.78125rem;font-weight:600;letter-spacing:.05em;line-height:1.2;text-transform:uppercase}.mg-stats-card-item__value{color:#132e48;font-size:2.5rem;font-weight:700;line-height:1;margin:.625rem 0;overflow-wrap:break-word;text-decoration:none
|
|
414
|
+
/* medium design */}@media (width >= 48em){.mg-stats-card-item__value{font-size:2.25rem}}.mg-stats-card-item__value{
|
|
415
|
+
/* small design */}@media (width <= 47.9375em){.mg-stats-card-item__value{font-size:2rem}}.mg-stats-card-item a.mg-stats-card-item__value:after{content:"";inset:0;position:absolute;z-index:1}.mg-stats-card-item a.mg-stats-card-item__value:focus-visible{outline:none}.mg-stats-card-item a.mg-stats-card-item__value:focus-visible:after{outline:2px solid #132e48;outline-offset:2px}.mg-stats-card-item__bottom-label{color:#1a1a1a;font-size:1.4375rem;font-weight:600;line-height:1.3;margin-bottom:.3125rem
|
|
416
|
+
/* small design */}@media (width <= 47.9375em){.mg-stats-card-item__bottom-label{font-size:1.125rem}}.mg-stats-card-item__summary{color:#1a1a1a;font-size:1.125rem;line-height:1.5}.mg-stats-card-item__summary p{margin:0}.mg-stats-card-item__summary{
|
|
417
|
+
/* small design */}@media (width <= 47.9375em){.mg-stats-card-item__summary{font-size:1rem}}.mg-stats-card-item__summary a{color:#132e48;position:relative;text-decoration:underline;transition:opacity .2s ease;z-index:2}.mg-stats-card-item__summary a:hover{opacity:.7}.mg-stats-card-item__summary a:focus{outline:2px solid #132e48;outline-offset:2px}.mg-stats-card-item--linked{cursor:pointer}
|
|
418
|
+
|
|
419
|
+
/* Variant: Compact */.mg-stats-card--compact .mg-stats-card-item{padding:1.875rem
|
|
420
|
+
/* small design */}@media (width <= 47.9375em){.mg-stats-card--compact .mg-stats-card-item{padding:1.25rem}}.mg-stats-card--compact .mg-stats-card-item__value{font-size:2.25rem
|
|
421
|
+
/* medium design */}@media (width >= 48em){.mg-stats-card--compact .mg-stats-card-item__value{font-size:2rem}}.mg-stats-card--compact .mg-stats-card-item__value{
|
|
422
|
+
/* small design */}@media (width <= 47.9375em){.mg-stats-card--compact .mg-stats-card-item__value{font-size:1.4375rem}}.mg-stats-card--compact .mg-stats-card-item__bottom-label{font-size:1.125rem
|
|
423
|
+
/* small design */}@media (width <= 47.9375em){.mg-stats-card--compact .mg-stats-card-item__bottom-label{font-size:1rem}}
|
|
424
|
+
|
|
425
|
+
/* Variant: Highlighted */.mg-stats-card--highlighted .mg-stats-card-item{background-color:rgba(19,46,72,.05);border-left:4px solid #132e48}.mg-stats-card--highlighted .mg-stats-card-item:hover{background-color:rgba(19,46,72,.08)}
|
|
426
|
+
|
|
427
|
+
/* Variant: Negative (for dark backgrounds) */.mg-stats-card--negative h2{color:#fff}.mg-stats-card--negative .mg-stats-card-item{background-color:transparent;border-color:hsla(0,0%,100%,.5);border-width:2px}.mg-stats-card--negative .mg-stats-card-item__icon{color:#fff}.mg-stats-card--negative .mg-stats-card-item__label{color:hsla(0,0%,100%,.8)}.mg-stats-card--negative .mg-stats-card-item__bottom-label,.mg-stats-card--negative .mg-stats-card-item__value{color:#fff}.mg-stats-card--negative .mg-stats-card-item__summary{color:hsla(0,0%,100%,.8)}.mg-stats-card--negative .mg-stats-card-item__summary a{color:#fff}.mg-stats-card--negative .mg-stats-card-item__summary a:focus{outline-color:#fff}.mg-stats-card--negative .mg-stats-card-item a.mg-stats-card-item__value:focus-visible:after{outline-color:#fff}
|
|
428
|
+
|
|
429
|
+
/* RTL Support */[dir=rtl] .mg-stats-card--highlighted .mg-stats-card-item{border-left:none;border-right:4px solid #132e48}.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:#132e48;border-radius:.3125rem .3125rem 0 0;box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;display:flex;fill:#fff;padding:.625rem 1.25rem;width:100%}.mg-snackbar__error{background-color:#c10920;color:#fff}.mg-snackbar__warning{background-color:#ae7a03;color:#fff}.mg-snackbar__info{background-color:#132e48;color:#fff}.mg-snackbar__success{background-color:#0e2134;color:#fff}.mg-snackbar__content{align-items:center;display:flex;gap:.625rem;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:.625rem;min-height:44px;width:100%}}.mg-snackbar__message{flex:1;margin-right:1.25rem;overflow-wrap: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:.3125rem .9375rem;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:.625rem;position:relative;width:100vw}@media (min-width:900px){.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:#132e48}.mg-hero__overlay{align-items:center;background-color:#132e48;display:grid;margin:1.25rem 0;max-width:37.5rem;padding:3.125rem}.mg-hero__content{display:grid;margin-top:.15625rem;row-gap:.625rem}.mg-hero__meta{padding-bottom:.15625rem}.mg-hero__meta.meta-detail{display:flex;flex-direction:column}.mg-hero__label{display:inline-block;font-size:.875rem;font-weight:700;margin-right:.15625rem;padding:.15625rem 0}.mg-hero__label.detail{font-weight:400}.mg-hero a,.mg-hero a:hover,.mg-hero a:visited{color:#fff}.mg-hero__title{display:inline-block;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:.15625rem}.mg-hero__title,.mg-hero__title a,.mg-hero__title a:hover,.mg-hero__title a:visited{color:oklch(68.5% .169 237.323deg)}.mg-hero__title .text-xxl{font-size:2.25rem}@media (max-width:480px){.mg-hero__title .text-xxl{font-size:2rem}}.mg-hero__title .text-xl{font-size:2rem;padding-bottom:.9375rem;padding-top:1.5rem}@media (max-width:480px){.mg-hero__title .text-xl{font-size:1.4375rem;padding-bottom:.9375rem;padding-top:1.5rem}}.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:oklch(68.5% .169 237.323deg);font-size: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:2.25rem}@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: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:2rem;padding-bottom:.9375rem;padding-top:1.5rem}@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:1.4375rem;padding-bottom:.9375rem;padding-top:1.5rem}}.mg-hero__summaryText{font-size:1.125rem;margin-bottom:.15625rem}.mg-hero__buttons{display:flex;padding-bottom:.3125rem;padding-top:.46875rem}@media (max-width:900px){.mg-hero--child .mg-hero__overlay{margin-left:0}}.mg-hero--secondary .mg-hero__overlay{background-color:#ed833f}.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:#181823}.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:#181823}.mg-hero--quaternary .mg-hero__overlay{background-color:#c72236}.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:.625rem}@media (min-width:900px){[dir=rtl] .mg-hero{padding-right:calc(50vw - 582px)}}@media (min-width:1440px){[dir=rtl] .mg-hero{padding-right:calc(50vw - 720px)}}
|
|
430
|
+
|
|
431
|
+
/* CTA banner start */.mg-cta{background-color:var(--mg-cta-bg,initial);padding:3.125rem 0}.mg-cta__body{max-width:800px}.mg-cta__headline{color:#fff;font-weight:700;margin-bottom:.625rem}.mg-cta__text{color:hsla(0,0%,100%,.9);margin-bottom:.9375rem}.mg-cta__text p{margin-bottom:.46875rem}.mg-cta__text p:last-child{margin-bottom:0}.mg-cta__text a{color:#fff;text-decoration:underline}.mg-cta__actions{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:.9375rem}.mg-cta__image img{display:block;height:auto;width:100%}.mg-cta--centered{text-align:center}.mg-cta--centered .mg-cta__body{margin-inline:auto}.mg-cta--centered .mg-cta__actions{justify-content:center}.mg-cta--with-image .mg-cta__inner{align-items:center;display:grid;gap:1.25rem;grid-template-columns:1fr}.mg-cta--with-image .mg-cta__body{max-width:none}.mg-cta--with-image .mg-cta__image{margin-inline:auto;max-width:200px}.mg-cta--with-image{
|
|
432
|
+
/* medium design */}@media (width >= 48em){.mg-cta--with-image .mg-cta__inner{grid-template-columns:1fr auto}.mg-cta--with-image .mg-cta__image{max-width:250px}}.mg-cta--primary{background-color:#132e48}.mg-cta--secondary{background-color:#ed833f}.mg-cta--tertiary{background-color:#181823}.mg-cta--quaternary{background-color:#c72236}.mg-cta a.mg-button-primary{background-color:#fff}.mg-cta a.mg-button-secondary{background-color:hsla(0,0%,100%,.9)}.mg-cta a.mg-button,.mg-cta a.mg-button:hover,.mg-cta a.mg-button:visited{color:#132e48}
|
|
433
|
+
|
|
434
|
+
/* CTA banner end */.mg-scroll{align-items:center;display:flex;max-height:inherit;position:relative;width:100%
|
|
435
|
+
/* 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:.3125rem;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:1rem;height:1.875rem;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:1.875rem}.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
|
|
436
|
+
/* 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:.3125rem}.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
|
|
437
|
+
/* small design */}@media (width <= 47.9375em){.mg-scroll__content{gap:.625rem;height:auto;min-height:auto}}.mg-scroll__item-wrapper{flex-shrink:0;margin-right:1.875rem;min-width:var(--scroll-item-width,300px);overflow-wrap:break-word;white-space:normal;width:var(--scroll-item-width,300px)
|
|
438
|
+
/* 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:none;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:.15625rem solid #b3cade;content:" ";height:1px;margin-bottom:-.15625rem;position:relative;top:-.15625rem;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:.15625rem;width:100%}.mg-tabs--stacked .mg-tabs__section{padding:.9375rem}.mg-tabs--stacked .mg-tabs__link{padding-right:2.5rem;position:relative}.mg-tabs--stacked .mg-tabs__link:focus-visible,.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:.9375rem;top:50%;transform:rotate(-45deg);transition:transform .3s ease;vertical-align:top;width:.45em}@media (prefers-reduced-motion:reduce){.mg-tabs--stacked .mg-tabs__link:before{transition:none}}.mg-tabs--stacked .mg-tabs__link.mg-tabs__stacked--open:before{top:30%;transform:rotate(135deg)}@media (prefers-reduced-motion:reduce){.mg-tabs--stacked .mg-tabs__link.mg-tabs__stacked--open:before{transition:none}}@media (max-width:480px){.mg-tabs--horizontal .mg-tabs__list{display:flex;flex-direction:column}.mg-tabs--horizontal .mg-tabs__item{margin-bottom:.15625rem;width:100%}.mg-tabs--horizontal .mg-tabs__section{padding:.9375rem}.mg-tabs--horizontal .mg-tabs__link{padding-right:2.5rem;position:relative}.mg-tabs--horizontal .mg-tabs__link:focus-visible,.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:.9375rem;top:50%;transform:rotate(-45deg);transition:transform .3s ease;vertical-align:top;width:.45em}}@media (max-width:480px) and (prefers-reduced-motion:reduce){.mg-tabs--horizontal .mg-tabs__link:before{transition:none}}@media (max-width:480px){.mg-tabs--horizontal .mg-tabs__link.mg-tabs__stacked--open:before{top:30%;transform:rotate(135deg)}}@media (max-width:480px) and (prefers-reduced-motion:reduce){.mg-tabs--horizontal .mg-tabs__link.mg-tabs__stacked--open:before{transition:none}}@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{background:#fff;border:none;border-radius:.3125rem .3125rem 0 0;color:#333;display:block;font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.421;margin:0;padding:.9375rem 1.25rem;position:relative;text-decoration:none}.mg-tabs__link:focus-visible,.mg-tabs__link:hover{background:rgba(19,46,72,.7);border-bottom:.15625rem solid #0c1e30;color:#fff;text-decoration:none;z-index:1150}.mg-tabs__link:focus-visible{outline:2px solid #132e48;outline-offset:-2px}.mg-tabs__link.is-active{background-color:#132e48;border-bottom:.15625rem solid #b3cade;color:#fff;text-shadow:none}.mg-tabs__link.is-active:focus-visible,.mg-tabs__link.is-active:hover{background:#132e48;border-bottom:.15625rem solid #0c1e30;color:#fff}.mg-tabs__section{background-color:#fff;border-radius:0 0 .3125rem .3125rem;box-shadow:none;padding:1.875rem;position:relative}[dir=rtl] .mg-tabs>ul{padding-right:0
|
|
439
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] .mg-tabs>ul{padding-right:1.875rem}}[dir=rtl] .mg-tabs>ul li{margin-left:.625rem;margin-right:0;padding-right:0}[dir=rtl] .mg-tabs--stacked .mg-tabs__link{padding-left:2.5rem;padding-right:.9375rem 1.25rem}[dir=rtl] .mg-tabs--stacked .mg-tabs__link:before{left:.9375rem;right:auto}@media (max-width:480px){[dir=rtl] .mg-tabs--horizontal .mg-tabs__link{padding-left:2.5rem;padding-right:.9375rem 1.25rem}[dir=rtl] .mg-tabs--horizontal .mg-tabs__link:before{left:.9375rem;right:auto}}:lang(ar) .mg-tabs__link{font-family:Dubai,sans-serif}.mg-tabs__filter{margin-bottom:.9375rem}.mg-tabs__filter-input{width:100%}.mg-tabs-content--hidden,.mg-tabs__item--hidden{display:none}.mg-tabs__no-results{color:#666;font-style:italic;padding:.9375rem}.mg-tabs__no-results--hidden{display:none}
|
|
440
|
+
|
|
441
|
+
/* Tab end */.mg-table-of-contents li{margin-bottom:.3125rem;margin-left:.3125rem}
|
|
442
|
+
|
|
443
|
+
/**
|
|
444
|
+
* @file SearchWidget.scss
|
|
445
|
+
* @description Styles for the UNDRR Search Widget React component.
|
|
446
|
+
*
|
|
447
|
+
* Uses BEM naming convention with mg- prefix for Mangrove components.
|
|
448
|
+
* Designed to work with the UNDRR theme system.
|
|
449
|
+
*
|
|
450
|
+
* @see stories/assets/scss/_variables.scss for Mangrove design tokens
|
|
451
|
+
*/.mg-u-sr-only{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.mg-search-widget{font-family:inherit;line-height:1.5;position:relative}.mg-search__progress{background:#e6e6e6;height:3px;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:10}.mg-search__progress-bar{animation:mg-search-progress 1.2s ease-in-out infinite;background:linear-gradient(90deg,#132e48,#132e48);height:100%;width:30%}@keyframes mg-search-progress{0%{transform:translateX(-100%)}50%{transform:translateX(200%)}to{transform:translateX(400%)}}.mg-search__form{display:flex;gap:.3125rem;margin-bottom:.625rem}.mg-search__input-wrapper{flex:1;position:relative}.mg-search__input{border:1px solid #ccc;border-radius:.15625rem;padding:.46875rem 1.5rem .46875rem .625rem;transition:border-color .2s,box-shadow .2s;width:100%}.mg-search__input:focus{border-color:#132e48;box-shadow:0 0 0 3px rgba(19,46,72,.15);outline:none}.mg-search__input::placeholder{color:#666}.mg-search__clear{background:none;border:none;color:#666;cursor:pointer;font-size:.78125rem;line-height:1;padding:.15625rem .3125rem;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.mg-search__clear:hover{color:#1a1a1a}.mg-search__loading{animation:mg-search-spin .8s linear infinite;border:2px solid #e6e6e6;border-radius:50%;border-top-color:#132e48;height:.625rem;position:absolute;right:.46875rem;top:50%;transform:translateY(-50%);width:.625rem}@keyframes mg-search-spin{to{transform:translateY(-50%) rotate(1turn)}}.mg-search__submit{align-items:center;border:none;border-radius:.15625rem;color:#fff;cursor:pointer;display:flex;font-size:.625rem;font-weight:500;gap:.3125rem;padding:.46875rem .9375rem;transition:background-color .2s}.mg-search__submit,.mg-search__submit:hover{background-color:#132e48}.mg-search__submit:focus{box-shadow:0 0 0 3px rgba(19,46,72,.3);outline:none}.mg-search__submit-icon{align-items:center;display:flex}.mg-search__submit--loading{cursor:wait;opacity:.85}.mg-search__submit-spinner{animation:mg-search-spin .7s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.mg-search__active-filters{align-items:center;background:#e6edf4;border-radius:.15625rem;display:flex;flex-wrap:wrap;gap:.3125rem;margin-bottom:.625rem;padding:.46875rem}.mg-search__active-filters-label{color:#1a1a1a;font-weight:500;margin-right:.15625rem}.mg-search__active-filters-list{display:flex;flex-wrap:wrap;gap:.3125rem;list-style:none;margin:0;padding:0}.mg-search__filter-chip{align-items:center;background:#fff;border:1px solid #ccc;border-radius:.15625rem;color:#1a1a1a;cursor:pointer;display:inline-flex;gap:.3125rem;padding:.15625rem .3125rem;transition:background-color .2s,border-color .2s}.mg-search__filter-chip:hover{background:#ccdce9;border-color:#132e48}.mg-search__filter-chip:focus{box-shadow:0 0 0 2px #132e48;outline:none}.mg-search__filter-chip-remove{font-weight:900}.mg-search__clear-all{background:none;border:1px solid #132e48;border-radius:.15625rem;color:#132e48;cursor:pointer;padding:.15625rem .46875rem;transition:background-color .2s,color .2s}.mg-search__clear-all:hover{background:#132e48;color:#fff}.mg-search__content{display:flex;gap:1.25rem}.mg-search__main{flex:1;min-width:0}.mg-search__sidebar{flex-shrink:0;width:280px}@media (width <= 768px){.mg-search__sidebar{display:none}}.mg-search__results{transition:opacity .2s ease-out}.mg-search__results-header{align-items:center;display:flex;flex-wrap:wrap;gap:.3125rem;justify-content:space-between;margin-bottom:.625rem}.mg-search__results-count{color:#666;margin:0}.mg-search__results-count strong{color:#1a1a1a}.mg-search__results-time{color:#666}.mg-search__filter-btn{align-items:center;background:transparent;border:1px solid #ccc;border-radius:.15625rem;color:#132e48;cursor:pointer;display:none;font-size:.78125rem;font-weight:500;gap:.15625rem;padding:.3125rem .46875rem;transition:background-color .15s,border-color .15s;white-space:nowrap}.mg-search__filter-btn:hover{background:#e6edf4;border-color:#132e48}.mg-search__filter-btn:focus-visible{outline:2px solid #132e48;outline-offset:2px}.mg-search__filter-btn-icon{flex-shrink:0}.mg-search__filter-btn-badge{align-items:center;background:#132e48;border-radius:9px;color:#fff;display:inline-flex;font-size:.78125rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 .15625rem}.mg-search__results-list{display:flex;flex-direction:column;gap:.9375rem}.mg-search__results-more{background:#e6edf4;border-radius:.15625rem;color:#666;font-size:.78125rem;margin-top:.9375rem;padding:.625rem;text-align:center}.mg-search__results-empty,.mg-search__results-placeholder{color:#666;padding:1.25rem;text-align:center}.mg-search__results-empty p,.mg-search__results-placeholder p{margin:0 0 .3125rem}.mg-search__results-hint{font-size:.78125rem}.mg-search__results-error{background:#f9e6e9;border:1px solid #e08490;border-radius:.15625rem;padding:.625rem}.mg-search__results-error p{margin:0 0 .3125rem}.mg-search__results-error p:last-child{margin-bottom:0}.mg-search__result{border-bottom:1px solid #e6e6e6;padding-bottom:.9375rem}.mg-search__result:last-child{border-bottom:none;padding-bottom:0}.mg-search__result-content{display:flex;gap:.625rem}.mg-search__result-image{flex-shrink:0;width:120px}.mg-search__result-image img{border-radius:.15625rem;height:auto;object-fit:cover;width:100%}@media (width <= 480px){.mg-search__result-image{display:none}}.mg-search__result-text{flex:1;min-width:0}.mg-search__result-title{font-size:.78125rem;font-weight:600;line-height:1.3;margin:0 0 .3125rem}.mg-search__result-title a{color:#132e48;text-decoration:none}.mg-search__result-title a:hover{text-decoration:underline}.mg-search__result-title a em{background:rgba(19,46,72,.1);font-style:normal;padding:0 2px}.mg-search__result-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.703125rem;gap:.3125rem;margin-bottom:.3125rem}.mg-search__result-type{background:#e6edf4;border-radius:.15625rem;letter-spacing:.025em;padding:.15625rem .3125rem;text-transform:uppercase}.mg-search__result-date:before,.mg-search__result-domain:before{color:#ccc;content:"•";margin-right:.3125rem}.mg-search__result-snippet{color:#1a1a1a;font-size:.703125rem;line-height:1.6;margin:0}.mg-search__result-snippet em{background:rgba(19,46,72,.1);font-style:normal;padding:0 2px}.mg-search__result-metrics{display:flex;flex-wrap:wrap;gap:.3125rem;margin-bottom:.3125rem}.mg-search__result-metric{background:#ffffe0;border-radius:.15625rem;display:inline-block;font-size:.78125rem;padding:.15625rem .3125rem}.mg-search__skeleton{display:flex;flex-direction:column;gap:.9375rem}.mg-search__skeleton-item{border-bottom:1px solid #e6e6e6;padding-bottom:.9375rem}.mg-search__skeleton-meta,.mg-search__skeleton-text,.mg-search__skeleton-title{animation:mg-search-shimmer 1.5s infinite;background:linear-gradient(90deg,#f2f2f2 25%,#e8e8e8 50%,#f2f2f2 75%);background-size:200% 100%;border-radius:.15625rem}.mg-search__skeleton-title{height:.9375rem;margin-bottom:.46875rem;width:70%}.mg-search__skeleton-meta{height:.625rem;margin-bottom:.46875rem;width:40%}.mg-search__skeleton-text{height:.625rem;margin-bottom:.3125rem;width:100%}.mg-search__skeleton-text--short{width:60%}.mg-search__skeleton--card{flex-direction:row}.mg-search__skeleton-card{border:1px solid #e6e6e6;border-radius:.15625rem;display:flex;flex-direction:column;overflow:hidden}.mg-search__skeleton-card-image{animation:mg-search-shimmer 1.5s infinite;aspect-ratio:16/9;background:linear-gradient(90deg,#f2f2f2 25%,#e8e8e8 50%,#f2f2f2 75%);background-size:200% 100%}.mg-search__skeleton-card-body{padding:.625rem}.mg-search__skeleton-card-body .mg-search__skeleton-title{width:85%}.mg-search__skeleton-card-body .mg-search__skeleton-meta{margin-bottom:0;width:50%}@keyframes mg-search-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mg-search__facets-placeholder{background:#e6edf4;border-radius:.15625rem;padding:.625rem}.mg-search__facets-notice{color:#666;font-size:.78125rem;margin:0;text-align:center}.mg-search__facets{display:flex;flex-direction:column;gap:.9375rem}.mg-search__facets-loading{color:#666;font-size:.78125rem;padding:.625rem;text-align:center}.mg-search__facet-containers{display:flex;flex-direction:column;gap:.625rem}.mg-search__sort{border:none;margin:0;padding:0}.mg-search__sort legend{color:#1a1a1a;font-size:.78125rem;font-weight:600;margin-bottom:.3125rem}.mg-search__sort-option{align-items:center;display:flex;gap:.3125rem;margin-bottom:.15625rem}.mg-search__sort-option input[type=radio]{margin:0}.mg-search__sort-option label{color:#1a1a1a;cursor:pointer;font-size:.78125rem}.mg-search__facet{border:none;margin:0;padding:0}.mg-search__facet legend{color:#1a1a1a;font-size:.78125rem;font-weight:600;margin-bottom:.3125rem}.mg-search__facet-select{background-color:#fff;border:1px solid #ccc;border-radius:.15625rem;cursor:pointer;font-size:.78125rem;padding:.3125rem;width:100%}.mg-search__facet-select:focus{border-color:#132e48;box-shadow:0 0 0 2px rgba(19,46,72,.15);outline:none}.mg-search__facet-select[multiple]{min-height:100px}.mg-search__facet-select[multiple] option{padding:.15625rem .3125rem}.mg-search__facet-select[multiple] option:checked{background-color:#e6edf4}.mg-search__result-badges{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.3125rem;margin-bottom:.15625rem}.mg-search__result-site-name{background:#e6edf4;border-radius:.15625rem;color:#666;display:inline-block;font-size:.78125rem;margin:0;padding:.15625rem .3125rem}.mg-search__result--error{background:#f9e6e9;border:1px solid #e08490;border-radius:.15625rem;padding:.625rem}.mg-search__result-error{color:#d32f2f;margin:0}.mg-search__result-error a{color:inherit;text-decoration:underline}.mg-search--hide-contentType .mg-card__tag,.mg-search--hide-date .mg-card__date,.mg-search--hide-image .mg-card__visual,.mg-search--hide-organization .mg-card__organization,.mg-search--hide-publicationType .mg-card__publication-type,.mg-search--hide-siteName .mg-search__result-site-name,.mg-search--hide-summary .mg-card__description{display:none}.mg-search__results-grid{gap:.9375rem}.mg-search__results-grid>[role=listitem]{display:flex}.mg-search__results-grid .mg-search__result{border-bottom:0;padding-bottom:0}.mg-search__result--pending{opacity:0;transform:translateX(-20px)}.mg-search__result--visible{opacity:1;transform:translateX(0);transition:opacity .3s ease-out,transform .3s ease-out}.mg-search__results--stale{opacity:.5;pointer-events:none}.mg-search__main--stale{position:relative}.mg-search__main--stale:after{animation:mg-search-pulse 1.5s ease-in-out infinite;background:hsla(0,0%,100%,.4);content:"";inset:0;pointer-events:none;position:absolute}@keyframes mg-search-pulse{0%,to{opacity:.3}50%{opacity:.6}}.mg-search__facet .mg-search__facet-overflow-item{display:none}.mg-search__facet--expanded .mg-search__facet-overflow-item{display:block}.mg-search__facet-toggle{align-items:center;background:none;border:none;color:#132e48;cursor:pointer;display:inline-flex;font-size:.78125rem;font-weight:500;gap:.15625rem;margin-top:.3125rem;padding:.3125rem 0}.mg-search__facet-toggle:hover{text-decoration:underline}.mg-search__facet-toggle:focus-visible{outline:2px solid #132e48;outline-offset:2px}.mg-search__facet-toggle-icon{border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid;display:inline-block;height:0;transition:transform .2s ease;width:0}.mg-search__facet-toggle[aria-expanded=false] .mg-search__facet-toggle-icon{transform:rotate(-90deg)}.mg-search__facet-toggle[aria-expanded=true] .mg-search__facet-toggle-icon{transform:rotate(0deg)}.mg-search__loader{align-items:center;display:flex;justify-content:center;padding:1.25rem}.mg-search__spinner{animation:mg-search-spin 1s linear infinite;border:4px solid #e6e6e6;border-radius:50%;border-top-color:#132e48;height:40px;width:40px}.mg-search__loader-text{color:#666;margin-top:.625rem;text-align:center}.mg-select{margin-top:.3125rem;position:relative;width:100%}.mg-select__trigger{align-items:center;background:#fff;border:1px solid #ccc;border-radius:.15625rem;color:#1a1a1a;cursor:pointer;display:flex;font-size:.78125rem;justify-content:space-between;min-height:44px;padding:.3125rem .46875rem;text-align:left;transition:border-color .15s,box-shadow .15s;width:100%}.mg-select__trigger:hover{border-color:#132e48}.mg-select__trigger:focus{border-color:#132e48;box-shadow:0 0 0 2px rgba(19,46,72,.15);outline:none}.mg-select--open .mg-select__trigger{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:#132e48}.mg-select__trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mg-select__trigger-icon{color:#666;flex-shrink:0;margin-left:.3125rem;transition:transform .2s ease}.mg-select--open .mg-select__trigger-icon{transform:rotate(180deg)}.mg-select__backdrop{background:transparent;cursor:default;inset:0;position:fixed;z-index:9998}.mg-select__dropdown{animation:mg-select-fade-in .15s ease-out;background:#fff;border:1px solid #132e48;border-radius:0 0 .15625rem .15625rem;border-top:none;box-shadow:0 4px 12px rgba(0,0,0,.1);left:0;position:absolute;right:0;top:100%;z-index:9999}@keyframes mg-select-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mg-select__search{border-bottom:1px solid #e6e6e6;padding:.3125rem}.mg-select__search-input{border:1px solid #ccc;border-radius:.15625rem;font-size:.78125rem;padding:.3125rem;width:100%}.mg-select__search-input:focus{border-color:#132e48;outline:none}.mg-select__search-input::placeholder{color:#666}.mg-select__list{list-style:none;margin:0;max-height:240px;overflow-y:auto;overscroll-behavior:contain;padding:.15625rem 0}.mg-select__option{align-items:center;cursor:pointer;display:flex;gap:.3125rem;min-height:40px;padding:.3125rem .46875rem;transition:background-color .1s ease}.mg-select__option--highlighted,.mg-select__option:hover{background-color:#e6edf4}.mg-select__option--selected{background-color:rgba(19,46,72,.08)}.mg-select__option--selected .mg-select__option-label{color:#132e48;font-weight:600}.mg-select__option--selected.mg-select__option--highlighted{background-color:rgba(19,46,72,.12)}.mg-select__indicator{align-items:center;border:2px solid #ccc;color:#132e48;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.mg-select__indicator--checkbox{border-radius:.15625rem}.mg-select__indicator--radio{border-radius:50%}.mg-select__option--selected .mg-select__indicator{background-color:#132e48;border-color:#132e48;color:#fff}.mg-select__indicator-dot{background:#fff;border-radius:50%;height:8px;width:8px}.mg-select__option-label{color:#1a1a1a;flex:1;font-size:.78125rem;line-height:1.4}.mg-select__option-count{color:#666;flex-shrink:0;font-size:.625rem}.mg-select__option--subtype{padding-left:.9375rem}.mg-select__option--subtype .mg-select__option-label{font-size:.625rem}.mg-select__option--subtype .mg-select__option-label:before{color:#666;content:"└";margin-right:.15625rem}.mg-select__empty{color:#666;font-size:.78125rem;padding:.625rem;text-align:center}.mg-search__facet-option{align-items:baseline;border-radius:.15625rem;display:grid;gap:0 .15625rem;grid-template-columns:1.25em 1fr auto;padding:.3125rem;transition:background-color .15s ease}.mg-search__facet-option:hover{background-color:rgba(19,46,72,.05)}.mg-search__facet-option input[type=checkbox],.mg-search__facet-option input[type=radio]{accent-color:#132e48;cursor:pointer;margin:0}.mg-search__facet-option label{color:#1a1a1a;cursor:pointer;font-weight:400;line-height:1.5;padding-left:.15625rem;text-wrap:balance}.mg-search__facet-option label:hover{color:#132e48;text-decoration:underline}.mg-search__facet-option:has(input:checked){background-color:rgba(19,46,72,.08)}.mg-search__facet-option:has(input:checked) label{color:#132e48;font-weight:600}.mg-search__facet-count{color:#666;font-size:.78125rem;white-space:nowrap}.mg-search__drawer-backdrop{animation:mg-search-fade-in .2s ease-out;background:rgba(0,0,0,.5);cursor:pointer;inset:0;position:fixed;z-index:1000}@keyframes mg-search-fade-in{0%{opacity:0}to{opacity:1}}.mg-search__drawer{animation:mg-search-slide-in-left .3s ease-out;background:#fff;bottom:0;box-shadow:4px 0 20px rgba(0,0,0,.15);cursor:default;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:min(320px,85vw);z-index:1001}@keyframes mg-search-slide-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.mg-search__drawer-header{align-items:center;border-bottom:1px solid #ccc;display:flex;flex-shrink:0;justify-content:space-between;min-height:56px;padding:.625rem .9375rem}.mg-search__drawer-title{align-items:center;color:#1a1a1a;display:flex;font-size:1rem;font-weight:600;gap:.3125rem;margin:0}.mg-search__drawer-count{align-items:center;background:#132e48;border-radius:11px;color:#fff;display:inline-flex;font-size:.78125rem;font-weight:600;height:22px;justify-content:center;min-width:22px;padding:0 .15625rem}.mg-search__drawer-close{align-items:center;background:none;border:none;border-radius:.15625rem;color:#666;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;transition:background-color .15s,color .15s;width:44px}.mg-search__drawer-close:hover{background:#e6edf4;color:#1a1a1a}.mg-search__drawer-close:focus-visible{outline:2px solid #132e48;outline-offset:-2px}.mg-search__drawer-content{flex:1;overflow-y:auto;padding:.625rem .9375rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mg-search__drawer-footer{background:#fff;border-top:1px solid #ccc;flex-shrink:0;padding:.625rem .9375rem}.mg-search__drawer-apply{align-items:center;background:#132e48;border:none;border-radius:.15625rem;color:#fff;cursor:pointer;display:flex;font-size:.78125rem;font-weight:600;gap:.3125rem;justify-content:center;min-height:48px;padding:.46875rem .625rem;transition:background-color .15s;width:100%}.mg-search__drawer-apply:hover{background:#132e48}.mg-search__drawer-apply:focus-visible{outline:2px solid #132e48;outline-offset:2px}.mg-search__drawer-apply-count{font-weight:400;opacity:.9}@media (width <= 800px){.mg-search__filter-btn{display:inline-flex}.mg-search__sidebar{display:none}.mg-search__content{flex-direction:column}}@media (width >= 801px){.mg-search__drawer-backdrop,.mg-search__filter-btn{display:none}}.mg-search__facet input:focus-visible,.mg-search__facet-select:focus-visible{outline:2px solid #132e48;outline-offset:2px}.mg-search-debug{display:none}[data-mg-search-debug=true] .mg-search-debug{display:block}.mg-search__facet-operator{display:flex;flex-direction:column;font-size:.78125rem;gap:.3125rem;margin-top:.46875rem}.mg-search__facet-operator-row{align-items:center;display:flex;gap:.3125rem}.mg-search__facet-operator-label{color:#666;font-weight:500}.mg-search__facet-operator-hint{color:#666;font-style:italic;line-height:1.4;margin:0}.mg-search__facet-operator-toggle{display:inline-flex;gap:.15625rem}.mg-search__facet-operator-option{align-items:center;border-bottom:2px solid transparent;border-radius:0;color:#666;cursor:pointer;display:flex;font-size:.78125rem;font-weight:400;padding:.15625rem .3125rem;transition:color .15s,border-color .15s;user-select:none}.mg-search__facet-operator-option input{opacity:0;pointer-events:none;position:absolute}.mg-search__facet-operator-option:hover:not(.mg-search__facet-operator-option--active){color:#1a1a1a}.mg-search__facet-operator-option--active{border-bottom-color:#132e48;color:#132e48;font-weight:500}.mg-search__facet-operator-option:focus-within{border-radius:.15625rem;outline:2px solid #132e48;outline-offset:2px}.mg-search__filter-chip-connector{align-items:center;color:#666;display:inline-flex;font-weight:600;letter-spacing:.05em;margin-right:.15625rem;text-transform:uppercase}.mg-error-page{background-color:#004f91;color:#1a1a1a;min-height:100vh;padding-bottom:1.25rem}.mg-error-page h1{color:#004f91;font-size:.875rem;margin:0;padding:0}.mg-error-page__search{align-items:center;display:flex;gap:.3125rem;margin-bottom:.78125rem}.mg-error-page__search input[type=search]{border:1px solid #ccc;max-width:300px}.mg-error-page__container{background:#fff;margin:1.25rem auto;max-width:900px;padding:1.25rem .9375rem .625rem}.mg-error-page .undrr-logo{background:url(https://assets.undrr.org/static/logos/undrr/undrr-logo-blue.svg) no-repeat;background-size:contain;height:50px;margin:.625rem 0;width:280px}.mg-error-page--challenge{background-color:#f2f2f2}.mg-error-page--challenge .mg-error-page__container{border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08);margin-top:2.5rem;max-width:540px;padding:1.875rem 1.5625rem 1.25rem;text-align:center}.mg-error-page--challenge .undrr-logo{background-position:50%;height:35px;margin:0 0 1.5625rem;width:100%}.mg-error-page--challenge h1{color:#1a1a1a;font-size:1.4375rem;font-weight:600;margin:0 0 .3125rem}.mg-footer{--mg-gutenberg-spacer:0}.mg-footer--about-footer{color:#fff;padding-bottom:1.25rem;padding-top:1.25rem;text-wrap:balance}.mg-footer--about-footer a,.mg-footer--about-footer a:hover{color:#fff}.mg-footer--about-footer .container{margin-bottom:0}.mg-footer--about-footer--links{display:inline-flex;flex-wrap:wrap;font-size:1.4375rem;gap:.46875rem 1.25rem}.mg-footer--about-footer--description{font-size:1.125rem}.mg-footer-bar{border-top:1px solid #b3b3b3;color:#4d4d4d;font-size:1rem;padding:.9375rem 0}.mg-footer-bar__row{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem;justify-content:space-between}.mg-footer-bar__links{display:flex;flex-wrap:wrap;gap:.3125rem 1.25rem}.mg-footer-bar__links a{color:#132e48}.mg-footer-bar__text{margin:0;max-width:600px}.mg-footer-bar__divider{border:0;border-top:1px solid #b3b3b3;margin:.625rem 0}.mg-footer--social-links{display:inline-flex;flex-wrap:wrap;gap:.9375rem;padding-left:0}.mg-footer--social-links li{display:inline-block}.mg-footer--social-links li a{text-underline-offset:5px}.mg-footer .mg-button+.mg-button{margin-inline-start:0}@media (max-width:900px){.mg-footer .mg-grid__col--span-2,.mg-footer .mg-grid__col--span-3{grid-column-end:auto}.mg-footer img{max-width:min(300px,76vw)}}@media (max-width:480px){.mg-footer .link-spacer{display:grid;margin-right:0;white-space:normal}}
|
|
452
|
+
/* image caption start */.mg-image-caption{border-bottom:2px solid #1a1a1a
|
|
453
|
+
/* medium design */}@media (width >= 48em){.mg-image-caption{display:flex;justify-content:space-between;padding-bottom:.9375rem}}.mg-image-caption p{color:#4d4d4d;font-size:.78125rem;margin-bottom:.3125rem
|
|
454
|
+
/* medium design */}@media (width >= 48em){.mg-image-caption p{border:0;font-size:1rem;margin:0}}.mg-image-caption p+.mg-credits{border-top:1px solid #666;display:flex;flex-shrink:0;flex-wrap:wrap;margin-bottom:.3125rem;padding-top:.3125rem
|
|
455
|
+
/* medium design */}@media (width >= 48em){.mg-image-caption p+.mg-credits{border-left:1px solid #666;border-top:0;display:block;margin-bottom:0;margin-left:.9375rem;padding-left:.9375rem;padding-top:0}}.mg-image-caption .mg-credits{display:flex;margin-bottom:.3125rem
|
|
456
|
+
/* medium design */}@media (width >= 48em){.mg-image-caption .mg-credits{border-top:0;display:block;margin-bottom:0;padding-top:0}}.mg-image-caption .mg-credits strong{margin-left:.15625rem
|
|
457
|
+
/* medium design */}@media (width >= 48em){.mg-image-caption .mg-credits strong{margin-left:0}}[dir=rtl] .mg-image-caption p{
|
|
458
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] .mg-image-caption p{padding-right:0}}[dir=rtl] .mg-image-caption p+.mg-credits{
|
|
459
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] .mg-image-caption p+.mg-credits{border-right:1px solid #666;border-top:0;display:block;margin-right:.9375rem;padding-right:.9375rem;padding-top:0}}[dir=rtl] .mg-image-caption .mg-credits{
|
|
460
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] .mg-image-caption .mg-credits{border-left:none;margin-left:0;padding-left:0}}[dir=rtl] .mg-image-caption .mg-credits strong{margin-right:.15625rem
|
|
461
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] .mg-image-caption .mg-credits strong{margin-right:0}}
|
|
462
|
+
|
|
463
|
+
/* image caption end */.mg-embed-container{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}@supports (aspect-ratio:16/9){.mg-embed-container{aspect-ratio:16/9;height:auto;padding-bottom:0}}.mg-embed-container embed,.mg-embed-container iframe,.mg-embed-container object,.mg-embed-container video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mg-embed-container--4x3{padding-bottom:75%}@supports (aspect-ratio:4/3){.mg-embed-container--4x3{aspect-ratio:4/3;padding-bottom:0}}.mg-embed-container--1x1{padding-bottom:100%}@supports (aspect-ratio:1/1){.mg-embed-container--1x1{aspect-ratio:1/1;padding-bottom:0}}.mg-embed-container--21x9{padding-bottom:42.857%}@supports (aspect-ratio:21/9){.mg-embed-container--21x9{aspect-ratio:21/9;padding-bottom:0}}@keyframes loader-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mg-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
|
|
464
|
+
/* medium design */}@media (width >= 48em){.mg-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{mask-image:linear-gradient(to bottom,#000 calc(var(--mg-show-more-height) - 80px),transparent var(--mg-show-more-height));-webkit-mask-image:linear-gradient(to bottom,#000 calc(var(--mg-show-more-height) - 80px),transparent var(--mg-show-more-height));max-height:200px;max-height:var(--mg-show-more-height);overflow:hidden;position:relative}.mg-show-more--button{padding:.625rem 2.5rem;position:relative;z-index:2}
|