@undrr/undrr-mangrove 2.0.0-alpha.2 → 2.0.0-alpha.3
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 +4 -4
- package/components/BookCard.js +1 -1
- package/components/Breadcrumbs.js +1 -1
- package/components/Checkbox.js +1 -1
- package/components/Chips.js +1 -1
- package/components/CtaButton.js +1 -1
- package/components/EmbedContainer.js +1 -1
- package/components/Footer.js +1 -1
- package/components/FormAction.js +1 -1
- package/components/FormErrorSummary.js +1 -1
- package/components/FormGroup.js +1 -1
- package/components/FullWidth.js +1 -1
- package/components/Gallery.js +1 -1
- package/components/Hero.js +1 -1
- package/components/HighlightBox.js +1 -1
- package/components/HorizontalBookCard.js +1 -1
- package/components/HorizontalCard.js +1 -1
- package/components/IconCard.js +1 -1
- package/components/Loader.js +1 -1
- package/components/MegaMenu.js +1 -1
- package/components/PageHeader.js +1 -1
- package/components/Pager.js +1 -1
- package/components/QuoteHighlight.js +1 -1
- package/components/Radio.js +1 -1
- package/components/ScrollContainer.js +1 -1
- package/components/Select.js +1 -1
- package/components/ShareButtons.js +1 -1
- package/components/ShowMore.js +1 -1
- package/components/StatsCard.js +1 -1
- package/components/SyndicationSearchWidget.js +1 -1
- package/components/Tab.js +1 -1
- package/components/TextCta.js +1 -1
- package/components/TextInput.js +1 -1
- package/components/Textarea.js +1 -1
- package/components/UserFeedback.js +1 -1
- package/components/VerticalCard.js +1 -1
- package/components/hydrate.js +1 -1
- package/css/style-all.css +177 -34
- package/css/style-all.css.map +1 -1
- package/css/style-delta.css +177 -34
- package/css/style-delta.css.map +1 -1
- package/css/style-gutenberg.css +151 -12
- package/css/style-gutenberg.css.map +1 -1
- package/css/style-irp.css +177 -34
- package/css/style-irp.css.map +1 -1
- package/css/style-mcr.css +177 -34
- package/css/style-mcr.css.map +1 -1
- package/css/style-preventionweb.css +177 -34
- package/css/style-preventionweb.css.map +1 -1
- package/css/style.css +176 -33
- package/css/style.css.map +1 -1
- package/error-pages/401.html +1 -1
- package/error-pages/403.html +1 -1
- package/error-pages/404.html +1 -1
- package/error-pages/429.html +1 -1
- package/error-pages/500.html +1 -1
- package/error-pages/502.html +1 -1
- package/error-pages/503.html +1 -1
- package/error-pages/504.html +1 -1
- package/error-pages/5xx.html +1 -1
- package/error-pages/challenge.html +1 -1
- package/error-pages/managed-challenge.html +1 -1
- package/package.json +2 -2
- package/scss/Atom/EmptyState/empty-state.scss +128 -0
- package/scss/Atom/StatusLabel/status-label.scss +71 -0
- package/scss/Components/Boilerplate/boilerplate.scss +1 -2
- package/scss/Components/Buttons/Chips/chips.scss +6 -5
- package/scss/Components/Buttons/CtaButton/cta-button.scss +17 -13
- package/scss/Components/Buttons/ShareButtons/share-buttons.scss +7 -3
- package/scss/Components/Cards/Card/card.scss +11 -1
- package/scss/Components/Cards/StatsCard/stats-card.scss +2 -2
- package/scss/Components/Forms/_form-base.scss +47 -24
- package/scss/Components/Gallery/gallery.scss +12 -8
- package/scss/Components/Hero/hero.scss +4 -4
- package/scss/Components/MegaMenu/mega-menu.scss +19 -9
- package/scss/Components/Pager/pager.scss +1 -2
- package/scss/Components/PreviewAccess/preview-access.scss +6 -4
- package/scss/Components/Snackbar/snackbar.scss +1 -1
- package/scss/Components/SyndicationSearchWidget/syndication-search-widget.scss +13 -15
- package/scss/Components/Tab/tab.scss +78 -18
- package/scss/Components/TextCta/text-cta.scss +1 -1
- package/scss/Components/UserFeedback/user-feedback.scss +2 -4
- package/scss/assets/fonts/dubai/dubai.scss +15 -2
- package/scss/assets/scss/_components.scss +2 -0
- package/scss/assets/scss/_fonts.scss +0 -2
- package/scss/assets/scss/_foundational.scss +2 -2
- package/scss/assets/scss/_mixins.scss +53 -8
- package/scss/assets/scss/_theme-delta.scss +6 -63
- package/scss/assets/scss/_theme-irp.scss +6 -34
- package/scss/assets/scss/_theme-mcr.scss +7 -52
- package/scss/assets/scss/_theme-preventionweb.scss +6 -32
- package/scss/assets/scss/_tokens-data-viz.scss +300 -0
- package/scss/assets/scss/_tokens-tabs.scss +33 -0
- package/scss/assets/scss/_variables.scss +142 -297
- package/scss/assets/scss/generated/_tokens-delta.scss +248 -0
- package/scss/assets/scss/generated/_tokens-irp.scss +114 -0
- package/scss/assets/scss/generated/_tokens-mangrove.scss +607 -0
- package/scss/assets/scss/generated/_tokens-mcr.scss +135 -0
- package/scss/assets/scss/generated/_tokens-preventionweb.scss +101 -0
- package/scss/assets/fonts/noto-kufi-arabic/noto-kufi-arabic.scss +0 -9
package/css/style-all.css
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/**
|
|
3
3
|
* This is from the UNDRR Mangrove component library
|
|
4
4
|
* https://github.com/unisdr/undrr-mangrove?tab=readme-ov-file
|
|
5
|
-
* Version: 2.0.0-alpha.
|
|
5
|
+
* Version: 2.0.0-alpha.3
|
|
6
6
|
*
|
|
7
7
|
* ██╗ ██╗███╗ ██╗██████╗ ██████╗ ██████╗
|
|
8
8
|
* ██║ ██║████╗ ██║██╔══██╗██╔══██╗██╔══██╗
|
|
@@ -24,11 +24,148 @@
|
|
|
24
24
|
* ██╔═══╝
|
|
25
25
|
* ███████╗
|
|
26
26
|
* ╚══════╝
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
*/
|
|
29
28
|
/**
|
|
30
|
-
*
|
|
29
|
+
* Data-visualisation tokens.
|
|
30
|
+
*
|
|
31
|
+
* Mangrove had no charting palette, so every UNDRR product that charts
|
|
32
|
+
* disaster-risk data invented one. This file collects the values that are
|
|
33
|
+
* actually documented somewhere and gives them token names.
|
|
34
|
+
*
|
|
35
|
+
* PROVENANCE — every value below is copied from one of three sources. No
|
|
36
|
+
* colour here was invented, and nothing is interpolated:
|
|
37
|
+
*
|
|
38
|
+
* [FIG] The DELTA design file, "Color and Tint Stacks" board on the
|
|
39
|
+
* "Read Me" page (Sendai target ramps, "Maps" ramp) and the
|
|
40
|
+
* "Map Colours and Map Tabs" board on "Elements & Patterns".
|
|
41
|
+
* [DELTA] the DELTA product's chart component (`colorSchemes`)
|
|
42
|
+
* (the `cerulean` and `violet` 5-stop chart ramps).
|
|
43
|
+
* [BRAND] The UNDRR brand blue stack in the same Figma board, which is
|
|
44
|
+
* already Mangrove's --mg-color-blue-* palette.
|
|
45
|
+
*
|
|
46
|
+
* FORMAT — values are space-separated sRGB channel triplets, per repo
|
|
47
|
+
* convention, and MUST be consumed as `rgb(var(--token))`. A bare triplet in
|
|
48
|
+
* a colour position is invalid CSS and the whole declaration is dropped
|
|
49
|
+
* silently; `stories/assets/scss/__tests__/tokens-contract.test.js` guards
|
|
50
|
+
* this.
|
|
51
|
+
*
|
|
52
|
+
* THREE DIFFERENT JOBS — do not mix them:
|
|
53
|
+
* categorical unordered series (countries, hazard types, sectors)
|
|
54
|
+
* sequential ordered magnitude (a choropleth, a density ramp)
|
|
55
|
+
* sendai fixed semantic identity of a Sendai Framework target
|
|
56
|
+
*
|
|
57
|
+
* Using a sequential ramp for unordered series implies a magnitude that is
|
|
58
|
+
* not in the data; using categorical hues for magnitude destroys the ordering
|
|
59
|
+
* the reader is meant to see.
|
|
31
60
|
*/
|
|
61
|
+
/* -------------------------------------------------------------------------
|
|
62
|
+
* CATEGORICAL — unordered series.
|
|
63
|
+
*
|
|
64
|
+
* Slots are ordered so that a short series is safe and a long one degrades
|
|
65
|
+
* predictably. The worst colour-blind pair (min of deuteranope and protanope
|
|
66
|
+
* CIEDE2000, Viénot 1999 simulation) for the first N slots:
|
|
67
|
+
*
|
|
68
|
+
* N=2 ΔE 56.8 N=3 ΔE 19.5 N=4 ΔE 19.5
|
|
69
|
+
* N=5 ΔE 11.1 N=6 ΔE 8.3 N=7 ΔE 3.2
|
|
70
|
+
*
|
|
71
|
+
* Read that as: up to 4 series, colour alone is sufficient. At 5 it is
|
|
72
|
+
* marginal. At 6 or 7 colour alone is NOT sufficient — slots 1 and 7 are
|
|
73
|
+
* near-identical to a protanope (ΔE 3.2) — so a chart using more than five
|
|
74
|
+
* series must add a second channel: direct labels, patterns, or shape.
|
|
75
|
+
*
|
|
76
|
+
* Values are the documented Sendai target base colours plus the UNDRR brand
|
|
77
|
+
* blue. Nothing new was mixed; the only design decision here is the ORDER.
|
|
78
|
+
* ------------------------------------------------------------------------- */:root{--mg-dataviz-categorical-1:0 79 145;--mg-dataviz-categorical-2:216 120 56;--mg-dataviz-categorical-3:3 127 127;--mg-dataviz-categorical-4:131 54 64;--mg-dataviz-categorical-5:105 83 215;--mg-dataviz-categorical-6:72 129 82;--mg-dataviz-categorical-7:152 64 137;--mg-dataviz-categorical-safe-count:4;
|
|
79
|
+
/**
|
|
80
|
+
* Label colour that reaches 4.5:1 on each categorical slot (SC 1.4.3).
|
|
81
|
+
* Slot 2 is the only one that needs dark text: #D87838 is 3.15:1 against
|
|
82
|
+
* white and 6.66:1 against black. Every other slot is >= 4.63:1 on white.
|
|
83
|
+
*/--mg-dataviz-on-categorical-1:255 255 255;--mg-dataviz-on-categorical-2:0 0 0;--mg-dataviz-on-categorical-3:255 255 255;--mg-dataviz-on-categorical-4:255 255 255;--mg-dataviz-on-categorical-5:255 255 255;--mg-dataviz-on-categorical-6:255 255 255;--mg-dataviz-on-categorical-7:255 255 255;--mg-dataviz-sequential-blue-1:0 79 145;--mg-dataviz-sequential-blue-2:16 108 184;--mg-dataviz-sequential-blue-3:96 147 189;--mg-dataviz-sequential-blue-4:154 187 214;--mg-dataviz-sequential-blue-5:221 232 240;--mg-dataviz-sequential-magenta-1:173 102 161;--mg-dataviz-sequential-magenta-2:189 132 179;--mg-dataviz-sequential-magenta-3:214 179 208;--mg-dataviz-sequential-magenta-4:229 206 225;--mg-dataviz-sequential-magenta-5:245 236 243;--mg-dataviz-sequential-map-900:8 21 21;--mg-dataviz-sequential-map-800:16 41 42;--mg-dataviz-sequential-map-700:25 62 62;--mg-dataviz-sequential-map-600:33 82 83;--mg-dataviz-sequential-map-500:41 103 104;--mg-dataviz-sequential-map-400:84 133 134;--mg-dataviz-sequential-map-300:127 164 164;--mg-dataviz-sequential-map-200:185 209 210;--mg-dataviz-sequential-map-100:212 225 225;--mg-dataviz-sequential-map-50:248 252 253;--mg-dataviz-sequential-map:var(--mg-dataviz-sequential-map-500);--mg-dataviz-sendai-b-900:30 13 27;--mg-dataviz-sendai-b-800:61 26 55;--mg-dataviz-sendai-b-700:94 27 83;--mg-dataviz-sendai-b-600:122 51 110;--mg-dataviz-sendai-b-500:152 64 137;--mg-dataviz-sendai-b-400:173 102 161;--mg-dataviz-sendai-b-300:189 132 179;--mg-dataviz-sendai-b-200:214 179 208;--mg-dataviz-sendai-b-100:229 206 225;--mg-dataviz-sendai-b-50:245 236 243;--mg-dataviz-sendai-b:var(--mg-dataviz-sendai-b-500);--mg-dataviz-sendai-c-900:43 24 11;--mg-dataviz-sendai-c-800:86 48 22;--mg-dataviz-sendai-c-700:130 72 34;--mg-dataviz-sendai-c-600:157 84 35;--mg-dataviz-sendai-c-500:216 120 56;--mg-dataviz-sendai-c-400:224 147 96;--mg-dataviz-sendai-c-300:230 168 127;--mg-dataviz-sendai-c-200:239 201 175;--mg-dataviz-sendai-c-100:245 221 204;--mg-dataviz-sendai-c-50:251 242 235;--mg-dataviz-sendai-c:var(--mg-dataviz-sendai-c-500);--mg-dataviz-sendai-d-900:1 25 25;--mg-dataviz-sendai-d-800:1 51 51;--mg-dataviz-sendai-d-700:2 76 76;--mg-dataviz-sendai-d-600:2 102 102;--mg-dataviz-sendai-d-500:3 127 127;--mg-dataviz-sendai-d-400:53 153 153;--mg-dataviz-sendai-d-300:104 178 178;--mg-dataviz-sendai-d-200:154 204 204;--mg-dataviz-sendai-d-100:206 230 230;--mg-dataviz-sendai-d-50:230 242 242;--mg-dataviz-sendai-d:var(--mg-dataviz-sendai-d-500);--mg-dataviz-sendai-e-900:14 26 16;--mg-dataviz-sendai-e-800:29 52 33;--mg-dataviz-sendai-e-700:43 77 49;--mg-dataviz-sendai-e-600:52 95 59;--mg-dataviz-sendai-e-500:72 129 82;--mg-dataviz-sendai-e-400:109 154 117;--mg-dataviz-sendai-e-300:145 179 151;--mg-dataviz-sendai-e-200:182 205 186;--mg-dataviz-sendai-e-100:218 230 220;--mg-dataviz-sendai-e-50:237 242 238;--mg-dataviz-sendai-e:var(--mg-dataviz-sendai-e-500);--mg-dataviz-sendai-f-900:21 17 43;--mg-dataviz-sendai-f-800:42 33 86;--mg-dataviz-sendai-f-700:64 46 153;--mg-dataviz-sendai-f-600:84 66 172;--mg-dataviz-sendai-f-500:105 83 215;--mg-dataviz-sendai-f-400:135 117 223;--mg-dataviz-sendai-f-300:165 152 231;--mg-dataviz-sendai-f-200:180 169 235;--mg-dataviz-sendai-f-100:217 211 245;--mg-dataviz-sendai-f-50:240 238 251;--mg-dataviz-sendai-f:var(--mg-dataviz-sendai-f-500);--mg-dataviz-sendai-g-900:26 11 13;--mg-dataviz-sendai-g-800:52 22 26;--mg-dataviz-sendai-g-700:79 32 38;--mg-dataviz-sendai-g-600:96 31 40;--mg-dataviz-sendai-g-500:131 54 64;--mg-dataviz-sendai-g-400:156 94 102;--mg-dataviz-sendai-g-300:181 134 140;--mg-dataviz-sendai-g-200:205 175 179;--mg-dataviz-sendai-g-100:224 205 207;--mg-dataviz-sendai-g-50:243 235 236;--mg-dataviz-sendai-g:var(--mg-dataviz-sendai-g-500);
|
|
84
|
+
/**
|
|
85
|
+
* Target A is DELIBERATELY SHORT. The design file draws ten swatches for
|
|
86
|
+
* it, but the four darkest (#002323 #004646 #006968 #008C8B) are teal —
|
|
87
|
+
* they are unedited copy-paste residue from the UNDRR teal stack sitting in
|
|
88
|
+
* a ramp whose labelled colour is #000000. Importing them would ship a
|
|
89
|
+
* ramp that jumps from teal to black. Only the six swatches that are
|
|
90
|
+
* genuinely part of the neutral ramp are tokenised; 900/800/700/600 are
|
|
91
|
+
* left undefined until the design file is corrected.
|
|
92
|
+
*
|
|
93
|
+
* Target A at 500 is pure black, so it must not be used as a chart fill
|
|
94
|
+
* next to axis lines or body text. Prefer 400 (#333333) for marks.
|
|
95
|
+
*/--mg-dataviz-sendai-a-500:0 0 0;--mg-dataviz-sendai-a-400:51 51 51;--mg-dataviz-sendai-a-300:90 90 90;--mg-dataviz-sendai-a-200:153 153 153;--mg-dataviz-sendai-a-100:190 190 190;--mg-dataviz-sendai-a-50:230 230 230;--mg-dataviz-sendai-a:var(--mg-dataviz-sendai-a-500);--mg-dataviz-surface:var(--mg-color-neutral-0);--mg-dataviz-gridline:var(--mg-color-neutral-50);--mg-dataviz-axis:var(--mg-color-neutral-400);--mg-dataviz-label:var(--mg-color-neutral-700);--mg-dataviz-muted-label:var(--mg-color-neutral-500);
|
|
96
|
+
/* Target A. Label contrast: white 21.00:1. */--mg-sendai-target-a:0 0 0;
|
|
97
|
+
/* Target B, Human Direct Effects. White 6.12:1. */--mg-sendai-target-b:152 64 137;
|
|
98
|
+
/* Target C, Loss. White is only 3.15:1 here, so a label on this fill must be
|
|
99
|
+
dark: black is 6.66:1. The only target in the set that inverts. */--mg-sendai-target-c:216 120 56;
|
|
100
|
+
/* Target D, Damage. White 4.83:1. */--mg-sendai-target-d:3 127 127;
|
|
101
|
+
/* Target E. White 4.63:1. */--mg-sendai-target-e:72 129 82;
|
|
102
|
+
/* Target F. White 5.50:1. */--mg-sendai-target-f:105 83 215;
|
|
103
|
+
/* Target G. White 8.18:1. */--mg-sendai-target-g:131 54 64;
|
|
104
|
+
/* Which label colour each target fill takes, so consumers do not have to
|
|
105
|
+
rediscover that Target C is the exception. */--mg-sendai-on-target-a:var(--mg-color-neutral-0);--mg-sendai-on-target-b:var(--mg-color-neutral-0);--mg-sendai-on-target-c:var(--mg-color-neutral-900);--mg-sendai-on-target-d:var(--mg-color-neutral-0);--mg-sendai-on-target-e:var(--mg-color-neutral-0);--mg-sendai-on-target-f:var(--mg-color-neutral-0);--mg-sendai-on-target-g:var(--mg-color-neutral-0);--mg-color-neutral-0:255 255 255;--mg-color-neutral-25:240 243 246;--mg-color-neutral-50:228 231 234;--mg-color-neutral-100:202 205 208;--mg-color-neutral-200:177 180 183;--mg-color-neutral-300:150 153 156;--mg-color-neutral-400:126 128 130;--mg-color-neutral-500:102 102 102;--mg-color-neutral-600:77 77 77;--mg-color-neutral-700:51 51 51;--mg-color-neutral-800:26 26 26;--mg-color-neutral-900:0 0 0;--mg-color-red-50:249 230 233;--mg-color-red-100:243 206 210;--mg-color-red-200:236 181 188;--mg-color-red-300:230 157 166;--mg-color-red-400:224 132 144;--mg-color-red-500:218 107 121;--mg-color-red-600:212 83 99;--mg-color-red-700:205 58 77;--mg-color-red-800:199 34 54;--mg-color-red-900:193 9 32;--mg-color-gold-800:134 98 0;--mg-color-accent-100:244 228 150;--mg-color-accent-200:211 206 169;--mg-color-accent-300:253 246 217;--mg-color-accent-400:10 105 105;--mg-color-accent-500:254 193 36;--mg-color-accent-600:188 174 103;--mg-color-interactive:var(--mg-color-blue-900);--mg-color-interactive-active:var(--mg-color-blue-700);--mg-color-text:var(--mg-color-neutral-800);--mg-color-black:var(--mg-color-neutral-800);--mg-color-white:var(--mg-color-neutral-0);--mg-color-secondary:var(--mg-color-orange-800);--mg-color-tertiary:var(--mg-color-neutral-900);--mg-color-quaternary:var(--mg-color-red-800);--mg-color-tag:var(--mg-color-interactive);--mg-color-tag--hover:var(--mg-color-interactive-active);--mg-color-tag-secondary:var(--mg-color-neutral-500);--mg-color-tag-secondary--hover:var(--mg-color-neutral-600);--mg-color-tag-accent:var(--mg-color-orange-900);--mg-color-tag-accent--hover:var(--mg-color-orange-800);--mg-color-button:var(--mg-color-neutral-0);--mg-color-button--hover:var(--mg-color-neutral-0);--mg-color-button-background:rgb(var(--mg-color-interactive));--mg-color-button-background--hover:rgb(var(--mg-color-interactive-active));--mg-color-button-secondary-background:var(--mg-color-blue-800);--mg-color-button-secondary-background--hover:var(--mg-color-blue-700);--mg-color-button-outline-primary:var(--mg-color-interactive);--mg-color-button-outline-primary--hover:var(--mg-color-interactive-active);--mg-color-button-outline-secondary:var(--mg-color-button-secondary-background);--mg-color-button-outline-secondary--hover:var(--mg-color-button-secondary-background--hover);--mg-color-text-button:var(--mg-color-neutral-0);--mg-color-form-check:var(--mg-color-interactive);--mg-color-form-check--hover:var(--mg-color-interactive-active);--mg-color-form-check--checked:var(--mg-color-interactive);--mg-color-form-focus:var(--mg-color-interactive);--mg-color-focus-ring:var(--mg-color-gold-800);--mg-color-focus-ring-inverse:var(--mg-color-neutral-0);--mg-color-hero:var(--mg-color-interactive);--mg-color-hero--secondary:var(--mg-color-secondary);--mg-color-hero--tertiary:var(--mg-color-tertiary);--mg-color-hero--quaternary:var(--mg-color-quaternary);--mg-color-hero-title:var(--mg-color-neutral-0);--mg-color-hero-button-secondary-background:rgb(var(--mg-color-neutral-0)/0.9);--mg-color-hero-button-secondary-color:var(--mg-color-hero);--mg-color-mega-content-bg:var(--mg-color-button);--mg-color-modal-scrim:rgb(var(--mg-color-neutral-900)/0.85);--mg-color-tabbar-background:rgb(var(--mg-color-blue-50));--mg-color-tab-background:rgb(var(--mg-color-blue-200));--mg-color-tab-background--inactive:rgb(var(--mg-color-blue-50));--mg-color-tab-background--hover:rgb(var(--mg-color-blue-800));--mg-color-tab-border:rgb(var(--mg-color-neutral-700));--mg-color-tab-border--hover:rgb(var(--mg-color-neutral-900));--mg-color-tab-border--active:rgb(var(--mg-color-blue-800));--mg-color-text-tab:rgb(var(--mg-color-neutral-700));--mg-color-text-tab--hover:rgb(var(--mg-color-neutral-0));--mg-color-text-tab-active:rgb(var(--mg-color-neutral-700));--mg-color-text-tab-no-results:rgb(var(--mg-color-neutral-500));--mg-color-tab-section-background:rgb(var(--mg-color-neutral-0));--mg-border-color-button:rgb(var(--mg-color-text-button));--mg-border-color-hero-button-secondary:var(--mg-color-neutral-0);--mg-spacing-0:0;--mg-spacing-25:0.15625rem;--mg-spacing-50:0.3125rem;--mg-spacing-75:0.46875rem;--mg-spacing-100:0.625rem;--mg-spacing-150:0.9375rem;--mg-spacing-175:1.125rem;--mg-spacing-200:1.25rem;--mg-spacing-250:1.5rem;--mg-spacing-300:1.875rem;--mg-spacing-350:2.1875rem;--mg-spacing-400:3.125rem;--mg-spacing-500:3.75rem;--mg-spacing-600:5rem;--mg-spacing-800:6.25rem;--mg-spacing-1000:25rem;--mg-spacing-hero-overlay:0;--mg-width-150:9.375rem;--mg-width-300:18.75rem;--mg-width-400:25rem;--mg-width-600:37.5rem;--mg-font-size-button:0.875rem;--mg-font-size-tab:1.125rem;--mg-font-size-form-input:1rem;--mg-radius-tag:var(--mg-spacing-0);--mg-radius-button:var(--mg-spacing-50);--mg-radius-form-input:var(--mg-spacing-50);--mg-radius-tab:0;--mg-radius-tab-section:0;--mg-padding-button:var(--mg-spacing-100) var(--mg-spacing-150);--mg-padding-tab:var(--mg-spacing-75) var(--mg-spacing-150);--mg-padding-tab-section:var(--mg-spacing-100) var(--mg-spacing-0);--mg-border-width-button:1px;--mg-box-shadow-tab-section:none;--mg-container-spacer:var(--mg-spacing-150);--mg-cta-padding:var(--mg-spacing-400);--mg-author-image-radius:50%;--mg-opacity-hero:0.85;--mg-tab-padding:var(--mg-spacing-150) var(--mg-spacing-200);--mg-tab-min-block-size:2.75rem;--mg-tab-indicator-size:3px;--mg-form-input-background:rgb(var(--mg-color-neutral-25));--mg-form-input-background--focus:rgb(var(--mg-color-neutral-0));--mg-form-input-border-color:rgb(var(--mg-color-neutral-400));--mg-form-input-border-width:1px;--mg-form-input-block-size:46px;--mg-form-input-padding:0.390625rem;--mg-focus-ring-width:2px;--mg-focus-ring-offset:2px;--mg-focus-ring-radius:2px;--mg-surface-raised:rgb(var(--mg-color-neutral-0));--mg-shadow-raised:inset 0 0 0 1px rgb(var(--mg-color-neutral-600)/0.24);--mg-shadow-raised-hover:inset 0 0 0 2px rgb(var(--mg-color-interactive));--mg-motion-duration-fast:160ms;--mg-motion-duration-medium:300ms;--mg-motion-easing-standard:cubic-bezier(0.2,0,0,1);--mg-card-background:var(--mg-surface-raised);--mg-card-padding:var(--mg-spacing-150);--mg-card-border-radius:var(--mg-spacing-50);--mg-card-shadow:var(--mg-shadow-raised);--mg-card-shadow-hover:var(--mg-shadow-raised-hover);--mg-card-icon-badge-radius:20%;--mg-hero-overlay-max-width:37.5rem;--mg-hero-overlay-padding:var(--mg-spacing-300);--mg-hero-overlay-radius:var(--mg-spacing-50);--mg-hero-overlay-shadow:0 18px 55px rgb(var(--mg-color-neutral-900)/0.22);--mg-hero-gradient-start-opacity:0.98;--mg-hero-gradient-middle-opacity:0.82;--mg-hero-gradient-end-opacity:0.08;--mg-z-index-behind:-1;--mg-z-index-nav:10;--mg-z-index-sticky:11;--mg-z-index-nav-toggle:14;--mg-z-index-header:22;--mg-z-index-drawer:2000;--mg-z-index-dropdown:2500;--mg-z-index-modal:5000;--mg-z-index-toast:5500;--mg-color-blue-50:230 237 244;--mg-color-blue-100:204 220 233;--mg-color-blue-200:179 202 222;--mg-color-blue-300:153 185 211;--mg-color-blue-400:128 167 200;--mg-color-blue-500:102 149 189;--mg-color-blue-600:77 132 178;--mg-color-blue-700:51 114 167;--mg-color-blue-800:26 97 156;--mg-color-blue-900:0 79 145;--mg-color-orange-50:253 241 234;--mg-color-orange-100:251 227 212;--mg-color-orange-200:249 214 191;--mg-color-orange-300:247 200 170;--mg-color-orange-400:245 186 149;--mg-color-orange-500:243 172 127;--mg-color-orange-600:241 158 106;--mg-color-orange-700:239 145 85;--mg-color-orange-800:237 131 63;--mg-color-orange-900:235 117 42;--undrr-color-corporate-blue:var(--mg-color-blue-900);--mg-tab-color:rgb(var(--mg-color-text));--mg-tab-color--hover:rgb(var(--mg-color-interactive-active));--mg-tab-color--active:rgb(var(--mg-color-interactive));--mg-tab-background--hover:rgb(var(--mg-color-interactive)/0.06);--mg-tab-indicator--hover:rgb(var(--mg-color-interactive)/0.45);--mg-tab-indicator--active:rgb(var(--mg-color-interactive));--mg-color-green:#008484;--mg-color-green-light:#90ee90;--mg-color-green-dark:#006400;--mg-color-yellow:#ff0;--mg-color-yellow-light:#ffffe0;--mg-color-yellow-dark:#d6d624;--mg-color-azure:azure;--mg-color-azure-dark:#d4e3e3;--mg-color-azure-light:#f0f8f8;--mg-color-ebony-clay:#3d4242;
|
|
106
|
+
/* Sendai Framework accents -- DEPRECATED, removal in 2.1.
|
|
107
|
+
* Named by colour, not by Sendai meaning: --sendai-red-900 is byte-identical
|
|
108
|
+
* to --mg-color-red-900, three of the seven framework targets have no
|
|
109
|
+
* counterpart here, and --sendai-turquoise sits 16.0 dE00 from Target D as
|
|
110
|
+
* the framework's own design system defines it. For target semantics use
|
|
111
|
+
* --mg-sendai-target-a through -g. These keep working until removal. */--sendai-red-400:#d45363;--sendai-red-600:#cd3a4d;--sendai-red-800:#c72236;--sendai-red-900:#c10920;--sendai-red:var(--sendai-red-900);--sendai-orange-400:#f19e6a;--sendai-orange-600:#ef9155;--sendai-orange-800:#ed833f;--sendai-orange-900:#eb752a;--sendai-orange:var(--sendai-orange-900);--sendai-purple-400:#b669ab;--sendai-purple-600:#ab549f;--sendai-purple-800:#a13e93;--sendai-purple-900:#962987;--sendai-purple:var(--sendai-purple-900);--sendai-turquoise-400:#4dc7c6;--sendai-turquoise-600:#33bfbe;--sendai-turquoise-800:#1ab7b6;--sendai-turquoise-900:#00afae;--sendai-turquoise:var(--sendai-turquoise-900);--mg-status-label-gap:var(--mg-spacing-75);--mg-status-label-font-size:1rem;--mg-status-label-color:rgb(var(--mg-color-text));--mg-status-label-indicator-size:0.875rem;--mg-status-label-indicator-radius:50%;--mg-status-label-indicator-border-width:1px;--mg-status-label-indicator-border-color:rgb(var(--mg-color-neutral-500));--mg-status-label-indicator:rgb(var(--mg-color-neutral-100));--mg-status-label-indicator--draft:rgb(var(--mg-color-accent-100));--mg-status-label-indicator--waiting-information:rgb(var(--mg-color-accent-600));--mg-status-label-indicator--waiting-validation:rgb(var(--mg-color-accent-500));--mg-status-label-indicator--published:rgb(var(--mg-color-accent-400));--mg-empty-state-gap:var(--mg-spacing-100);--mg-empty-state-padding:var(--mg-spacing-300) var(--mg-spacing-150);--mg-empty-state-max-inline-size:27.5rem;--mg-empty-state-title-font-size:1.125rem;--mg-empty-state-title-color:rgb(var(--mg-color-text));--mg-empty-state-text-font-size:1rem;--mg-empty-state-text-color:rgb(var(--mg-color-neutral-500));--mg-empty-state-media-size:3.5rem;--mg-empty-state-media-color:rgb(var(--mg-color-neutral-400));--mg-empty-state-actions-gap:var(--mg-spacing-100);--mg-empty-state-panel-background:rgb(var(--mg-color-neutral-25));--mg-empty-state-panel-radius:var(--mg-card-border-radius);--mg-empty-state-compact-padding:var(--mg-spacing-150);--mg-empty-state-compact-media-size:2.125rem;--mg-empty-state-compact-font-size:0.875rem}
|
|
112
|
+
|
|
113
|
+
/* -------------------------------------------------------------------------
|
|
114
|
+
* SEQUENTIAL — ordered magnitude.
|
|
115
|
+
*
|
|
116
|
+
* Stop 1 is the high end (darkest), stop N the low end (lightest). Every
|
|
117
|
+
* ramp below is monotonic in relative luminance, which is what makes the
|
|
118
|
+
* ordering survive greyscale printing and all three dichromacies.
|
|
119
|
+
*
|
|
120
|
+
* The two 5-stop ramps are DELTA's shipped chart schemes, verbatim. They are
|
|
121
|
+
* FIVE stops. If a chart needs more classes, bin the data to five or use the
|
|
122
|
+
* 10-stop map ramp — do not interpolate these silently.
|
|
123
|
+
* ------------------------------------------------------------------------- */
|
|
124
|
+
|
|
125
|
+
/* -------------------------------------------------------------------------
|
|
126
|
+
* SENDAI TARGET RAMPS — semantic, not decorative.
|
|
127
|
+
*
|
|
128
|
+
* These are Sendai Framework identities (Target A..G), so they belong to
|
|
129
|
+
* every UNDRR product reporting against the framework, not to DELTA. A chart
|
|
130
|
+
* of "damage" uses Target D whether or not teal suits the page.
|
|
131
|
+
*
|
|
132
|
+
* [FIG] All ten stops of each ramp, verbatim. 900 is darkest, 50 lightest,
|
|
133
|
+
* 500 is the swatch the design file labels with the target name.
|
|
134
|
+
*
|
|
135
|
+
* Contrast note: on white, stop 500 is 4.5:1 or better for every target
|
|
136
|
+
* except C (#D87838, 3.15:1). Target C text on white must use stop 600
|
|
137
|
+
* (#9D5423, 5.64:1) or darker; the 500 stop is fill-only.
|
|
138
|
+
* ------------------------------------------------------------------------- */
|
|
139
|
+
|
|
140
|
+
/* -------------------------------------------------------------------------
|
|
141
|
+
* CHART CHROME — the non-data furniture, aliased to the existing neutral
|
|
142
|
+
* palette so a theme swap carries it. Gridlines are intentionally BELOW the
|
|
143
|
+
* 3:1 non-text threshold: they are decoration, and SC 1.4.11 does not apply
|
|
144
|
+
* to them. The axis line and tick labels are informational and are not.
|
|
145
|
+
*
|
|
146
|
+
* Chrome follows the neutral ramp and is therefore cool-tinted from 2.0.0-
|
|
147
|
+
* alpha.3 onward; the Sendai target A DATA ramp above is a separate,
|
|
148
|
+
* deliberately achromatic series read off the design file and is NOT
|
|
149
|
+
* retinted, because moving a categorical data colour changes what a reader
|
|
150
|
+
* decodes from a chart. Chrome and target A will read fractionally
|
|
151
|
+
* differently side by side. That is intended.
|
|
152
|
+
* ------------------------------------------------------------------------- */
|
|
153
|
+
|
|
154
|
+
/* ---------------------------------------------------------------------------
|
|
155
|
+
* Sendai Framework target colours
|
|
156
|
+
*
|
|
157
|
+
* These are FRAMEWORK SEMANTICS, not brand styling. Target D means "damage" in
|
|
158
|
+
* every UNDRR product that reports against the Sendai Framework, so the colour
|
|
159
|
+
* must not vary by sub-brand. They live here, outside the brand token sources,
|
|
160
|
+
* for that reason.
|
|
161
|
+
*
|
|
162
|
+
* Values and target labels are read from the DLDTS design system's own
|
|
163
|
+
* "Sendai target ramps" board.
|
|
164
|
+
*
|
|
165
|
+
* Not to be confused with the older --sendai-red|orange|purple|turquoise
|
|
166
|
+
* tokens, which are brand accent hues named by colour and carry no target
|
|
167
|
+
* meaning. Those are deprecated; see _deprecated-sendai-accents.scss.
|
|
168
|
+
* ------------------------------------------------------------------------- */
|
|
32
169
|
|
|
33
170
|
/* variables end */
|
|
34
171
|
/*============================================================================+
|
|
@@ -52,7 +189,7 @@
|
|
|
52
189
|
|X| || || || X |
|
|
53
190
|
+=============================================================================+
|
|
54
191
|
| KEY: d=web-dwarf c=coder-dwarf w=wrangler [=O=]=data forge X=stairwell |
|
|
55
|
-
+============================================================================*/.mg-theme-preventionweb{--mg-theme-loaded:preventionweb;--mg-color-interactive:10 105 105;--mg-color-interactive-active:10 105 105;--mg-color-tag:var(--mg-color-interactive);--mg-color-tag--hover:var(--mg-color-interactive-active);--mg-color-button-background
|
|
192
|
+
+============================================================================*/.mg-theme-preventionweb{--mg-tab-color:rgb(var(--mg-color-text));--mg-tab-color--hover:rgb(var(--mg-color-interactive-active));--mg-tab-color--active:rgb(var(--mg-color-interactive));--mg-tab-background--hover:rgb(var(--mg-color-interactive)/0.06);--mg-tab-indicator--hover:rgb(var(--mg-color-interactive)/0.45);--mg-tab-indicator--active:rgb(var(--mg-color-interactive));--mg-theme-loaded:preventionweb;--mg-color-interactive:10 105 105;--mg-color-interactive-active:10 105 105;--mg-color-tag:var(--mg-color-interactive);--mg-color-tag--hover:var(--mg-color-interactive-active);--mg-color-button-background:#0a6969;--mg-color-button-background--hover:rgb(var(--mg-color-orange-900));--mg-color-button-outline-primary:10 105 105;--mg-color-button-outline-primary--hover:var(--mg-color-orange-900);--mg-color-button-outline-secondary:var(--mg-color-button-secondary-background);--mg-color-button-outline-secondary--hover:var(--mg-color-button-secondary-background--hover);--mg-color-form-check:var(--mg-color-interactive);--mg-color-form-check--hover:var(--mg-color-interactive-active);--mg-color-form-check--checked:var(--mg-color-interactive);--mg-color-form-focus:var(--mg-color-interactive);--mg-color-hero:var(--mg-color-interactive);--mg-color-tabbar-background:rgba(10,105,105,.1);--mg-color-tab-background:rgba(10,105,105,.1);--mg-color-tab-background--inactive:var(--mg-color-tabbar-background);--mg-color-tab-background--hover:rgba(10,105,105,.2);--mg-color-tab-border:rgb(var(--mg-color-interactive));--mg-color-tab-border--hover:rgb(var(--mg-color-interactive));--mg-color-tab-border--active:var(--mg-color-tab-background);--mg-color-text-tab:rgb(var(--mg-color-neutral-700));--mg-color-text-tab--hover:rgb(var(--mg-color-neutral-700));--mg-color-text-tab-active:rgb(var(--mg-color-neutral-900));--mg-radius-button:var(--mg-spacing-50);--mg-radius-tab:var(--mg-spacing-50) var(--mg-spacing-50) 0 0;--mg-spacing-hero-overlay:1.25rem 0}.mg-theme-irp{--mg-tab-color:rgb(var(--mg-color-text));--mg-tab-color--hover:rgb(var(--mg-color-interactive-active));--mg-tab-color--active:rgb(var(--mg-color-interactive));--mg-tab-background--hover:rgb(var(--mg-color-interactive)/0.06);--mg-tab-indicator--hover:rgb(var(--mg-color-interactive)/0.45);--mg-tab-indicator--active:rgb(var(--mg-color-interactive));--mg-theme-loaded:irp;--mg-color-interactive:15 120 191;--mg-color-interactive-active:15 120 191;--mg-color-tag:var(--mg-color-interactive);--mg-color-tag--hover:var(--mg-color-interactive-active);--mg-color-button-background:#0f78bf;--mg-color-button-background--hover:rgb(var(--mg-color-orange-900));--mg-color-button-outline-primary:15 120 191;--mg-color-button-outline-primary--hover:var(--mg-color-orange-900);--mg-color-button-outline-secondary:var(--mg-color-button-secondary-background);--mg-color-button-outline-secondary--hover:var(--mg-color-button-secondary-background--hover);--mg-color-form-check:var(--mg-color-interactive);--mg-color-form-check--hover:var(--mg-color-interactive-active);--mg-color-form-check--checked:var(--mg-color-interactive);--mg-color-form-focus:var(--mg-color-interactive);--mg-color-hero:var(--mg-color-interactive);--mg-color-tabbar-background:rgba(140,198,63,.1);--mg-color-tab-background:rgba(140,198,63,.3);--mg-color-tab-background--inactive:var(--mg-color-tabbar-background);--mg-color-tab-background--hover:#8cc63f;--mg-color-tab-border:rgb(var(--mg-color-neutral-300));--mg-color-tab-border--hover:rgba(140,198,63,.1);--mg-color-tab-border--active:rgba(140,198,63,.1);--mg-color-text-tab:rgb(var(--mg-color-neutral-500));--mg-color-text-tab-active:rgb(var(--mg-color-neutral-700));--mg-radius-tag:var(--mg-spacing-50);--mg-radius-button:var(--mg-spacing-50);--mg-radius-form-input:var(--mg-spacing-50);--mg-radius-tab:var(--mg-spacing-0) var(--mg-spacing-0) 0 0;--mg-spacing-hero-overlay:1.25rem 0}.mg-theme-mcr{--mg-tab-color:rgb(var(--mg-color-text));--mg-tab-color--hover:rgb(var(--mg-color-interactive-active));--mg-tab-color--active:rgb(var(--mg-color-interactive));--mg-tab-background--hover:rgb(var(--mg-color-interactive)/0.06);--mg-tab-indicator--hover:rgb(var(--mg-color-interactive)/0.45);--mg-tab-indicator--active:rgb(var(--mg-color-interactive));--mg-theme-loaded:mcr;--mg-color-interactive:89 26 97;--mg-color-interactive-active:89 26 97;--mg-color-tag:var(--mg-color-interactive);--mg-color-tag--hover:var(--mg-color-interactive-active);--mg-color-button-background:#591a61;--mg-color-button-background--hover:#6e2677;--mg-color-button-outline-primary:89 26 97;--mg-color-button-outline-primary--hover:110 38 119;--mg-color-button-outline-secondary:var(--mg-color-button-secondary-background);--mg-color-button-outline-secondary--hover:var(--mg-color-button-secondary-background--hover);--mg-color-form-check:var(--mg-color-interactive);--mg-color-form-check--hover:var(--mg-color-interactive-active);--mg-color-form-check--checked:var(--mg-color-interactive);--mg-color-form-focus:var(--mg-color-interactive);--mg-color-hero:var(--mg-color-interactive);--mg-color-tabbar-background:none;--mg-color-tab-background:#6e2677;--mg-color-tab-background--inactive:rgb(var(--mg-color-neutral-0));--mg-color-tab-background--hover:rgba(110,38,119,.6);--mg-color-tab-border:#ded0d7;--mg-color-tab-border--hover:#6e2677;--mg-color-tab-border--active:#ded0d7;--mg-color-text-tab:rgb(var(--mg-color-neutral-700));--mg-color-text-tab--hover:rgb(var(--mg-color-neutral-0));--mg-color-text-tab-active:rgb(var(--mg-color-neutral-0));--mg-radius-tag:var(--mg-spacing-100);--mg-radius-button:var(--mg-spacing-300);--mg-radius-form-input:var(--mg-spacing-100);--mg-radius-tab:var(--mg-spacing-150) var(--mg-spacing-150) 0 0;--mg-radius-tab-section:var(--mg-spacing-200);--mg-padding-button:var(--mg-spacing-150) var(--mg-spacing-300);--mg-padding-tab:var(--mg-spacing-200) var(--mg-spacing-300);--mg-padding-tab-section:var(--mg-spacing-500);--mg-border-width-button:2px;--mg-font-size-button:1.125rem;--mg-box-shadow-tab-section:rgb(var(--mg-color-neutral-900)/0.24) 0 6px 5px 0;--mg-spacing-hero-overlay:1.25rem 0}.mg-theme-delta{--mg-tab-color:rgb(var(--mg-color-text));--mg-tab-color--hover:rgb(var(--mg-color-interactive-active));--mg-tab-color--active:rgb(var(--mg-color-interactive));--mg-tab-background--hover:rgb(var(--mg-color-interactive)/0.06);--mg-tab-indicator--hover:rgb(var(--mg-color-interactive)/0.45);--mg-tab-indicator--active:rgb(var(--mg-color-interactive));--mg-theme-loaded:delta;--mg-color-interactive:0 79 145;--mg-color-interactive-active:16 108 184;--mg-color-tag:var(--mg-color-interactive);--mg-color-tag--hover:var(--mg-color-interactive-active);--mg-color-button:var(--mg-color-neutral-0);--mg-color-button--hover:var(--mg-color-neutral-0);--mg-color-button-background:#004f91;--mg-color-button-background--hover:#106cb8;--mg-color-button-secondary-background:0 123 122;--mg-color-button-secondary-background--hover:0 105 104;--mg-color-button-outline-primary:0 79 145;--mg-color-button-outline-primary--hover:16 108 184;--mg-color-button-outline-secondary:0 123 122;--mg-color-button-outline-secondary--hover:0 105 104;--mg-color-text-button:var(--mg-color-neutral-0);--mg-color-form-check:var(--mg-color-interactive);--mg-color-form-check--hover:var(--mg-color-interactive-active);--mg-color-form-check--checked:var(--mg-color-interactive);--mg-color-form-focus:var(--mg-color-interactive);--mg-color-mega-content-bg:var(--mg-color-white);--mg-color-hero:0 79 145;--mg-color-hero-title:oklch(68.5% 0.169 237.323);--mg-color-hero--tertiary:#181823;--mg-color-hero-button-secondary-background:#004f91;--mg-color-hero-button-secondary-color:var(--mg-color-white);--mg-color-tabbar-background:none;--mg-color-tab-background:#004f91;--mg-color-tab-background--inactive:rgb(var(--mg-color-white));--mg-color-tab-background--hover:rgba(0,79,145,.7);--mg-color-tab-border:rgb(var(--mg-color-blue-200));--mg-color-tab-border--hover:#106cb8;--mg-color-tab-border--active:rgb(var(--mg-color-blue-200));--mg-color-text-tab:rgb(var(--mg-color-neutral-700));--mg-color-text-tab--hover:rgb(var(--mg-color-white));--mg-color-text-tab-active:rgb(var(--mg-color-white));--mg-border-color-button:transparent;--mg-border-color-hero-button-secondary:var(--mg-color-white);--mg-radius-tag:var(--mg-spacing-50);--mg-radius-button:var(--mg-spacing-50);--mg-radius-form-input:var(--mg-spacing-50);--mg-radius-tab:var(--mg-spacing-50) var(--mg-spacing-50) 0 0;--mg-radius-tab-section:var(--mg-spacing-50);--mg-padding-button:var(--mg-spacing-100) var(--mg-spacing-200);--mg-padding-tab:var(--mg-spacing-150) var(--mg-spacing-200);--mg-padding-tab-section:var(--mg-spacing-300);--mg-border-width-button:1px;--mg-font-size-button:0.875rem;--mg-box-shadow-tab-section:none;--mg-card-background:#f2f2f2;--mg-card-padding:var(--mg-spacing-150);--mg-card-border-radius:var(--mg-spacing-50);--mg-card-icon-badge-radius:15%;--mg-opacity-hero:1;--mg-hero-overlay-max-width:var(--mg-width-600);--mg-hero-overlay-padding:var(--mg-spacing-400);--mg-spacing-hero-overlay:1.25rem 0}
|
|
56
193
|
|
|
57
194
|
/* Roboto */
|
|
58
195
|
/* 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")}
|
|
@@ -89,10 +226,12 @@
|
|
|
89
226
|
/* 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")}
|
|
90
227
|
/* END Bold Italic */
|
|
91
228
|
/* Arabic Fonts */
|
|
92
|
-
/* Noto Kufi Arabic - for headings in Arabic */
|
|
93
|
-
/* 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")}
|
|
94
229
|
/* Dubai - for body text in Arabic */
|
|
95
|
-
/* 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/
|
|
230
|
+
/* 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/static/fonts/dubai/v1.0.0/Regular/Dubai-Regular.woff2) format("woff2"),url(https://assets.undrr.org/static/fonts/dubai/v1.0.0/Regular/Dubai-Regular.woff) format("woff")}
|
|
231
|
+
/* Bold. Previously undeclared, so every bold Arabic run was synthesised by the
|
|
232
|
+
browser from the 400 weight - a fake bold, and a poor one for Arabic, where
|
|
233
|
+
letterforms join. The face exists on the CDN. Only Regular and Bold are
|
|
234
|
+
published; Medium and Light 404, so they are deliberately not declared. */@font-face{font-display:swap;font-family:Dubai;font-style:normal;font-weight:700;src:url(https://assets.undrr.org/static/fonts/dubai/v1.0.0/Bold/Dubai-Bold.woff2) format("woff2"),url(https://assets.undrr.org/static/fonts/dubai/v1.0.0/Bold/Dubai-Bold.woff) format("woff")}
|
|
96
235
|
/* mixing end */
|
|
97
236
|
/* placeholder start */.menu li a,small{font-size:.625rem
|
|
98
237
|
/* medium design */}@media (width >= 48em){.menu li a,small{font-size:.78125rem}}details.mg-details p,figure figcaption{font-size:.78125rem;line-height:1.4
|
|
@@ -120,12 +259,12 @@
|
|
|
120
259
|
|
|
121
260
|
/* Font size utilities end */
|
|
122
261
|
/* typography start */*,:after,:before{box-sizing:border-box;overflow-wrap:break-word}html{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:rgb(var(--mg-color-text));font-size:1rem;line-height:1.5em}body,button{font-family:Roboto,sans-serif}caption,h1,h2,h3,h4,h5,h6{margin:var(--mg-spacing-100) var(--mg-spacing-0);padding:var(--mg-spacing-0);text-wrap:balance}h1{font-size:2rem;letter-spacing:.02em;line-height:1.08}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 var(--mg-spacing-100);padding-left:var(--mg-spacing-200)}ol li,ul li{margin-bottom:var(--mg-spacing-0);padding-left:var(--mg-spacing-0)}dl{line-height:1.37;margin:var(--mg-spacing-0)}dt{font-weight:600;margin-bottom:var(--mg-spacing-25)}dd{margin-bottom:var(--mg-spacing-50);margin-inline-start:var(--mg-spacing-200)
|
|
123
|
-
/* medium design */}@media (width >= 48em){dd{margin-bottom:var(--mg-spacing-100);margin-inline-start:var(--mg-spacing-300)}}dd+dt{margin-block-start:var(--mg-spacing-100)}header{text-wrap:balance}hr{border:0;border-block-start:2px solid rgb(var(--mg-color-neutral-400));margin-block:var(--mg-spacing-200)}img{height:auto;max-width:100%}a{color:rgb(var(--mg-color-interactive));text-decoration:none}@media (prefers-reduced-motion:no-preference){a{transition:color .15s ease}}a:hover{color:rgb(var(--mg-color-interactive-active));text-decoration:underline}a:focus-visible{
|
|
262
|
+
/* medium design */}@media (width >= 48em){dd{margin-bottom:var(--mg-spacing-100);margin-inline-start:var(--mg-spacing-300)}}dd+dt{margin-block-start:var(--mg-spacing-100)}header{text-wrap:balance}hr{border:0;border-block-start:2px solid rgb(var(--mg-color-neutral-400));margin-block:var(--mg-spacing-200)}img{height:auto;max-width:100%}a{color:rgb(var(--mg-color-interactive));text-decoration:none}@media (prefers-reduced-motion:no-preference){a{transition:color .15s ease}}a:hover{color:rgb(var(--mg-color-interactive-active));text-decoration:underline}a:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset);text-decoration:underline}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}[dir=rtl] ol,[dir=rtl] ul{direction:rtl;padding-left:0;padding-right:.6875rem
|
|
124
263
|
/* 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
|
|
125
264
|
/* 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}
|
|
126
265
|
|
|
127
266
|
/* Arabic fonts */:lang(ar) body,:lang(ar) p{font-family:Dubai,sans-serif}:lang(ar){
|
|
128
|
-
/* Headings use
|
|
267
|
+
/* Headings use Dubai, same as body: one Arabic family */}: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:Dubai,sans-serif}
|
|
129
268
|
|
|
130
269
|
/* typography end */
|
|
131
270
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
|
@@ -306,15 +445,16 @@
|
|
|
306
445
|
/* image with caption end */.mg-credits{font-size:.78125rem;line-height:1.4
|
|
307
446
|
/* 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>.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:var(--mg-spacing-200);padding-top:var(--mg-spacing-200)}
|
|
308
447
|
|
|
309
|
-
/* Our custom css grid based on https://stable.visual-framework.dev/components/vf-grid/ */g-grid{display:flex}.mg-grid>*{flex:1;margin:var(--mg-spacing-0) var(--mg-spacing-0) var(--mg-spacing-100) 1.2292%}.mg-grid>:first-child{margin-left:var(--mg-spacing-0)}[class*=mg-grid__]{flex-wrap:wrap}.mg-grid__col-2>*{flex:var(--mg-spacing-0) var(--mg-spacing-0) 49.38538%;max-width:49.38538%}.mg-grid__col-2>:nth-of-type(3n){margin-left:var(--mg-spacing-0)}.mg-grid__col-3>*{flex:var(--mg-spacing-0) var(--mg-spacing-0) 32.51384%;max-width:32.51384%}.mg-grid__col-3>:nth-of-type(4n){margin-left:var(--mg-spacing-0)}.mg-grid__col-4>*{flex:var(--mg-spacing-0) var(--mg-spacing-0) 24.078%;max-width:24.078%}.mg-grid__col-4>:nth-of-type(5n){margin-left:var(--mg-spacing-0)}.mg-grid__col-5>*{flex:var(--mg-spacing-0) var(--mg-spacing-0) 19.01661%;max-width:19.01661%}.mg-grid__col-5>:nth-of-type(6n){margin-left:var(--mg-spacing-0)}.mg-grid__col-6>*{flex:var(--mg-spacing-0) var(--mg-spacing-0) 15.6423%;max-width:15.6423%}.mg-grid__col-6>:nth-of-type(7n){margin-left:var(--mg-spacing-0)}@media (max-width:900px){.mg-grid{flex-wrap:wrap}.mg-grid>*{flex:0 0 49.18305%}}@supports (display:grid){.mg-grid{column-gap:var(--mg-spacing-200);display:grid;grid-column:main;row-gap:var(--mg-spacing-200)}@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:var(--mg-spacing-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)}}@media (min-width:900px){.mg-grid__col-10,.mg-grid__col-11,.mg-grid__col-12,.mg-grid__col-7,.mg-grid__col-8,.mg-grid__col-9{grid-template-columns:repeat(4,1fr)}}@media (min-width:1164px){.mg-grid__col-7{grid-template-columns:repeat(7,1fr)}.mg-grid__col-8{grid-template-columns:repeat(8,1fr)}.mg-grid__col-9{grid-template-columns:repeat(9,1fr)}.mg-grid__col-10{grid-template-columns:repeat(10,1fr)}.mg-grid__col-11{grid-template-columns:repeat(11,1fr)}.mg-grid__col-12{grid-template-columns:repeat(12,1fr)}}@media (min-width:900px){.mg-grid--auto-fit{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}}.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:rgb(var(--mg-color-neutral-600));cursor:pointer;text-decoration:underline}.menu li a:focus-visible{
|
|
448
|
+
/* Our custom css grid based on https://stable.visual-framework.dev/components/vf-grid/ */g-grid{display:flex}.mg-grid>*{flex:1;margin:var(--mg-spacing-0) var(--mg-spacing-0) var(--mg-spacing-100) 1.2292%}.mg-grid>:first-child{margin-left:var(--mg-spacing-0)}[class*=mg-grid__]{flex-wrap:wrap}.mg-grid__col-2>*{flex:var(--mg-spacing-0) var(--mg-spacing-0) 49.38538%;max-width:49.38538%}.mg-grid__col-2>:nth-of-type(3n){margin-left:var(--mg-spacing-0)}.mg-grid__col-3>*{flex:var(--mg-spacing-0) var(--mg-spacing-0) 32.51384%;max-width:32.51384%}.mg-grid__col-3>:nth-of-type(4n){margin-left:var(--mg-spacing-0)}.mg-grid__col-4>*{flex:var(--mg-spacing-0) var(--mg-spacing-0) 24.078%;max-width:24.078%}.mg-grid__col-4>:nth-of-type(5n){margin-left:var(--mg-spacing-0)}.mg-grid__col-5>*{flex:var(--mg-spacing-0) var(--mg-spacing-0) 19.01661%;max-width:19.01661%}.mg-grid__col-5>:nth-of-type(6n){margin-left:var(--mg-spacing-0)}.mg-grid__col-6>*{flex:var(--mg-spacing-0) var(--mg-spacing-0) 15.6423%;max-width:15.6423%}.mg-grid__col-6>:nth-of-type(7n){margin-left:var(--mg-spacing-0)}@media (max-width:900px){.mg-grid{flex-wrap:wrap}.mg-grid>*{flex:0 0 49.18305%}}@supports (display:grid){.mg-grid{column-gap:var(--mg-spacing-200);display:grid;grid-column:main;row-gap:var(--mg-spacing-200)}@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:var(--mg-spacing-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)}}@media (min-width:900px){.mg-grid__col-10,.mg-grid__col-11,.mg-grid__col-12,.mg-grid__col-7,.mg-grid__col-8,.mg-grid__col-9{grid-template-columns:repeat(4,1fr)}}@media (min-width:1164px){.mg-grid__col-7{grid-template-columns:repeat(7,1fr)}.mg-grid__col-8{grid-template-columns:repeat(8,1fr)}.mg-grid__col-9{grid-template-columns:repeat(9,1fr)}.mg-grid__col-10{grid-template-columns:repeat(10,1fr)}.mg-grid__col-11{grid-template-columns:repeat(11,1fr)}.mg-grid__col-12{grid-template-columns:repeat(12,1fr)}}@media (min-width:900px){.mg-grid--auto-fit{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}}.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:rgb(var(--mg-color-neutral-600));cursor:pointer;text-decoration:underline}.menu li a:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset);text-decoration:underline}.menu li a.selected{border-bottom:2px solid rgb(var(--mg-color-red-900));padding-bottom:var(--mg-spacing-25)}
|
|
310
449
|
|
|
311
450
|
/* details tag start */
|
|
312
|
-
/* Baseline: usability essentials for all <details> elements */details>summary{cursor:pointer}details>summary:focus-visible{
|
|
451
|
+
/* Baseline: usability essentials for all <details> elements */details>summary{cursor:pointer}details>summary:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}
|
|
313
452
|
|
|
314
453
|
/* Enhanced: opt-in card treatment via .mg-details */details.mg-details{border:1px solid rgb(var(--mg-color-neutral-400));border-radius:.25rem;padding:.625rem;transition:box-shadow .2s ease-in-out}details.mg-details:hover{box-shadow:0 2px 4px rgba(0,0,0,.1)}details.mg-details>summary{color:rgb(var(--mg-color-interactive));font-weight:600;list-style-type:none;min-height:3rem;padding-block:.625rem;padding-inline:.625rem 2.75rem;position:relative;transition:background-color .2s ease-in-out}details.mg-details>summary:hover{background-color:rgb(var(--mg-color-blue-900)/.08);border-radius:.125rem}details.mg-details>summary::-webkit-details-marker{display:none}details.mg-details>summary:before{align-items:center;background:rgb(var(--mg-color-interactive)/.06);border-radius:50%;content:"+";display:flex;font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:400;height:1.875rem;inset-inline-end:.625rem;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:1.875rem}@media (prefers-reduced-motion:no-preference){details.mg-details>summary:before{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),scale var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}details.mg-details>summary:hover:before{background:rgb(var(--mg-color-interactive)/.12)}details.mg-details>summary:active:before{scale:.96}details.mg-details p{line-height:1.6;margin:0;padding:.625rem}details.mg-details[open]{border-color:rgb(var(--mg-color-interactive))}details.mg-details[open]>summary{border-bottom:1px solid rgb(var(--mg-color-neutral-400));margin-bottom:0;padding-bottom:.625rem}details.mg-details[open]>summary:before{content:"−";transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){details.mg-details,details.mg-details>summary,details.mg-details>summary:before{transition:none}}
|
|
315
454
|
/* details tag end */
|
|
316
455
|
/* figure tag start */figure{margin:0}figure img{max-width:100%;padding-bottom:.546875rem}
|
|
317
|
-
/* figure tag end
|
|
456
|
+
/* figure tag end */.mg-empty-state{align-items:center;display:flex;flex-direction:column;font-family:Roboto,sans-serif;gap:var(--mg-empty-state-gap);padding:var(--mg-empty-state-padding);text-align:center}.mg-empty-state__media{align-items:center;block-size:var(--mg-empty-state-media-size);color:var(--mg-empty-state-media-color);display:flex;inline-size:var(--mg-empty-state-media-size);justify-content:center}.mg-empty-state__media>img,.mg-empty-state__media>svg{block-size:auto;inline-size:100%}.mg-empty-state__title{color:var(--mg-empty-state-title-color);font-family:Roboto Condensed,sans-serif;font-size:var(--mg-empty-state-title-font-size);font-weight:700;line-height:1.3;margin:0}.mg-empty-state__description{color:var(--mg-empty-state-text-color);font-size:var(--mg-empty-state-text-font-size);line-height:1.5;margin:0;max-inline-size:var(--mg-empty-state-max-inline-size);text-wrap:pretty}.mg-empty-state__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--mg-empty-state-actions-gap);justify-content:center;margin-block-start:var(--mg-spacing-50)}.mg-empty-state--panel{background-color:var(--mg-empty-state-panel-background);border-radius:var(--mg-empty-state-panel-radius)}.mg-empty-state--compact{gap:var(--mg-spacing-50);padding:var(--mg-empty-state-compact-padding)}.mg-empty-state--compact .mg-empty-state__media{block-size:var(--mg-empty-state-compact-media-size);inline-size:var(--mg-empty-state-compact-media-size)}.mg-empty-state--compact .mg-empty-state__description,.mg-empty-state--compact .mg-empty-state__title{font-size:var(--mg-empty-state-compact-font-size)}.mg-empty-state--start{align-items:flex-start;text-align:start}.mg-empty-state--start .mg-empty-state__actions{justify-content:flex-start}.mg-empty-state-cell{padding:0;text-align:center}:lang(ar) .mg-empty-state,:lang(ar) .mg-empty-state__title{font-family:Dubai,sans-serif}.mg-status-label{align-items:center;color:var(--mg-status-label-color);display:inline-flex;font-family:Roboto,sans-serif;font-size:var(--mg-status-label-font-size);gap:var(--mg-status-label-gap);line-height:1.5}.mg-status-label__indicator{background-color:var(--mg-status-label-indicator);block-size:var(--mg-status-label-indicator-size);border:var(--mg-status-label-indicator-border-width) solid var(--mg-status-label-indicator-border-color);border-radius:var(--mg-status-label-indicator-radius);flex:0 0 auto;inline-size:var(--mg-status-label-indicator-size)}.mg-status-label--draft .mg-status-label__indicator{background-color:var(--mg-status-label-indicator--draft)}.mg-status-label--waiting-validation .mg-status-label__indicator{background-color:var(--mg-status-label-indicator--waiting-validation)}.mg-status-label--waiting-information .mg-status-label__indicator{background-color:var(--mg-status-label-indicator--waiting-information)}.mg-status-label--published .mg-status-label__indicator{background-color:var(--mg-status-label-indicator--published)}.mg-status-label-group{display:flex;flex-wrap:wrap;gap:var(--mg-spacing-100) var(--mg-spacing-200);list-style:none;margin:0;padding:0}:lang(ar) .mg-status-label{font-family:Dubai,sans-serif}
|
|
457
|
+
|
|
318
458
|
/* table tag start */.mg-table{border-collapse:collapse;border-spacing:0;text-wrap:balance;width:100%;word-break:auto-phrase
|
|
319
459
|
/* 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:rgb(var(--mg-color-neutral-25))}.mg-table.mg-table--border{border-collapse:collapse}.mg-table.mg-table--border td,.mg-table.mg-table--border th{border:1px solid rgb(var(--mg-color-neutral-400));border-collapse:collapse;box-sizing:border-box;min-width:50px}.mg-table.mg-table--stacked td,.mg-table.mg-table--stacked th{display:block
|
|
320
460
|
/* 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
|
|
@@ -323,22 +463,22 @@
|
|
|
323
463
|
/* medium design */}@media (width >= 48em){.mg-table td,.mg-table th{padding:var(--mg-spacing-25) var(--mg-spacing-200) var(--mg-spacing-25) var(--mg-spacing-25)}}.mg-table thead tr th{font-weight:600}.mg-table .mg-table__cell--start{text-align:start}.mg-table .mg-table__cell--center{text-align:center}.mg-table .mg-table__cell--end{text-align:end}.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{
|
|
324
464
|
/* medium design */}@media (width >= 48em){[dir=rtl] .mg-table td,[dir=rtl] .mg-table th{padding:var(--mg-spacing-25) var(--mg-spacing-25) var(--mg-spacing-25) var(--mg-spacing-200)}}
|
|
325
465
|
|
|
326
|
-
/* table tag end */.mg-tag{background-color:rgb(var(--mg-color-tag));background-color:var(--tag-color-background,rgb(var(--mg-color-tag)));border-radius:var(--mg-radius-tag);display:inline-block;font-family:Roboto Condensed,sans-serif;font-size:.875rem;font-weight:500;line-height:1.4;padding:var(--mg-spacing-25) var(--mg-spacing-50);transition:background-color .2s ease}.mg-tag,.mg-tag:hover{color:#fff;text-decoration:none}.mg-tag:hover{background-color:rgb(var(--mg-color-tag--hover));background-color:var(--tag-color-background-hover,rgb(var(--mg-color-tag--hover)))}.mg-tag--secondary{background-color:rgb(var(--mg-color-tag-secondary));background-color:var(--tag-color-background-secondary,rgb(var(--mg-color-tag-secondary)))}.mg-tag--secondary:hover{background-color:rgb(var(--mg-color-tag-secondary--hover));background-color:var(--tag-color-background-secondary-hover,rgb(var(--mg-color-tag-secondary--hover)))}.mg-tag--outline{background-color:transparent;border:1px solid rgb(var(--mg-color-tag));border-color:var(--tag-color-background,rgb(var(--mg-color-tag)))}.mg-tag--outline,.mg-tag--outline:hover{color:rgb(var(--mg-color-tag));color:var(--tag-color-background,rgb(var(--mg-color-tag)))}.mg-tag--outline:hover{background-color:rgb(var(--mg-color-blue-50));background-color:var(--tag-color-background-outline-hover,rgb(var(--mg-color-blue-50)))}.mg-tag--accent{background-color:rgb(var(--mg-color-tag-accent));background-color:var(--tag-color-background-accent,rgb(var(--mg-color-tag-accent)))}.mg-tag--accent:hover{background-color:rgb(var(--mg-color-tag-accent--hover));background-color:var(--tag-color-background-accent-hover,rgb(var(--mg-color-tag-accent--hover)))}.mg-tag+.mg-tag{margin-left:var(--mg-spacing-25)}[dir=rtl] .mg-tag+.mg-tag{margin-left:0;margin-right:var(--mg-spacing-25)}.mg-tag-container{display:flex;flex-wrap:wrap;gap:var(--mg-spacing-25)}.mg-tag-container>a,.mg-tag-container>div,.mg-tag-container>li,.mg-tag-container>span{background-color:rgb(var(--mg-color-tag));background-color:var(--tag-color-background,rgb(var(--mg-color-tag)));border-radius:var(--mg-radius-tag);color:#fff;display:inline-block;font-size:.875rem;font-weight:500;line-height:1.4;padding:var(--mg-spacing-25) var(--mg-spacing-50);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:rgb(var(--mg-color-tag--hover));background-color:var(--tag-color-background-hover,rgb(var(--mg-color-tag--hover)));color:#fff;text-decoration:none}:lang(ar) .mg-tag{font-family:
|
|
466
|
+
/* table tag end */.mg-tag{background-color:rgb(var(--mg-color-tag));background-color:var(--tag-color-background,rgb(var(--mg-color-tag)));border-radius:var(--mg-radius-tag);display:inline-block;font-family:Roboto Condensed,sans-serif;font-size:.875rem;font-weight:500;line-height:1.4;padding:var(--mg-spacing-25) var(--mg-spacing-50);transition:background-color .2s ease}.mg-tag,.mg-tag:hover{color:#fff;text-decoration:none}.mg-tag:hover{background-color:rgb(var(--mg-color-tag--hover));background-color:var(--tag-color-background-hover,rgb(var(--mg-color-tag--hover)))}.mg-tag--secondary{background-color:rgb(var(--mg-color-tag-secondary));background-color:var(--tag-color-background-secondary,rgb(var(--mg-color-tag-secondary)))}.mg-tag--secondary:hover{background-color:rgb(var(--mg-color-tag-secondary--hover));background-color:var(--tag-color-background-secondary-hover,rgb(var(--mg-color-tag-secondary--hover)))}.mg-tag--outline{background-color:transparent;border:1px solid rgb(var(--mg-color-tag));border-color:var(--tag-color-background,rgb(var(--mg-color-tag)))}.mg-tag--outline,.mg-tag--outline:hover{color:rgb(var(--mg-color-tag));color:var(--tag-color-background,rgb(var(--mg-color-tag)))}.mg-tag--outline:hover{background-color:rgb(var(--mg-color-blue-50));background-color:var(--tag-color-background-outline-hover,rgb(var(--mg-color-blue-50)))}.mg-tag--accent{background-color:rgb(var(--mg-color-tag-accent));background-color:var(--tag-color-background-accent,rgb(var(--mg-color-tag-accent)))}.mg-tag--accent:hover{background-color:rgb(var(--mg-color-tag-accent--hover));background-color:var(--tag-color-background-accent-hover,rgb(var(--mg-color-tag-accent--hover)))}.mg-tag+.mg-tag{margin-left:var(--mg-spacing-25)}[dir=rtl] .mg-tag+.mg-tag{margin-left:0;margin-right:var(--mg-spacing-25)}.mg-tag-container{display:flex;flex-wrap:wrap;gap:var(--mg-spacing-25)}.mg-tag-container>a,.mg-tag-container>div,.mg-tag-container>li,.mg-tag-container>span{background-color:rgb(var(--mg-color-tag));background-color:var(--tag-color-background,rgb(var(--mg-color-tag)));border-radius:var(--mg-radius-tag);color:#fff;display:inline-block;font-size:.875rem;font-weight:500;line-height:1.4;padding:var(--mg-spacing-25) var(--mg-spacing-50);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:rgb(var(--mg-color-tag--hover));background-color:var(--tag-color-background-hover,rgb(var(--mg-color-tag--hover)));color:#fff;text-decoration:none}:lang(ar) .mg-tag{font-family:Dubai,sans-serif}
|
|
327
467
|
|
|
328
468
|
/* video start */video{object-fit:cover}
|
|
329
469
|
|
|
330
|
-
/* video start end */.mg-boilerplate{border:1px solid rgb(var(--mg-color-red-900));border-radius:var(--mg-radius-button);padding:var(--mg-spacing-100)}.mg-boilerplate__title{font-size:.9375rem;margin-bottom:.625rem}.mg-boilerplate__title a{color:rgb(var(--mg-color-interactive));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 rgb(var(--mg-color-interactive));outline-offset:2px}.mg-boilerplate--primary{background-color:rgb(var(--mg-color-blue-200))}.mg-boilerplate--secondary{background-color:rgb(var(--mg-color-blue-100))}.mg-form-field{display:block;margin-bottom:var(--mg-spacing-100)}.mg-form-label{display:block;font-size:1rem}.mg-form-label--disabled{color:rgb(var(--mg-color-neutral-400))}.mg-form-label--required:after{color:rgb(var(--mg-color-red-900));content:" *"}.mg-form-input,.mg-form-textarea,.mg-search__input{appearance:none;background-color:rgb(var(--mg-color-neutral-50));border:1px solid rgb(var(--mg-color-neutral-600)/.22);border-radius:var(--mg-radius-form-input);box-sizing:border-box;display:block;font-family:Roboto,sans-serif;font-size:1rem;height:46px;margin-top:var(--mg-spacing-25);padding:.390625rem;width:100%}.mg-form-input::placeholder,.mg-form-textarea::placeholder,.mg-search__input::placeholder{color:rgb(var(--mg-color-neutral-500))}.mg-form-input:focus-visible,.mg-form-textarea:focus-visible,.mg-search__input:focus-visible{background-color:rgb(var(--mg-color-neutral-0));border-color:rgb(var(--mg-color-form-focus));box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0)),0 0 0 calc(var(--mg-focus-ring-offset) + var(--mg-focus-ring-width)) rgb(var(--mg-color-focus-ring));outline:0}.mg-form-input--disabled{background-color:rgb(var(--mg-color-white));border-color:rgb(var(--mg-color-neutral-400));color:rgb(var(--mg-color-neutral-400))}.mg-form-input--disabled::placeholder{color:rgb(var(--mg-color-neutral-400))}.mg-form-input--error{border-color:rgb(var(--mg-color-red-900))}.mg-form-textarea{height:auto;max-width:100%;resize:vertical}.mg-form-textarea--disabled{background-color:rgb(var(--mg-color-white));border-color:rgb(var(--mg-color-neutral-400));color:rgb(var(--mg-color-neutral-400))}.mg-form-textarea--disabled::placeholder{color:rgb(var(--mg-color-neutral-400))}.mg-form-textarea--error{border-color:rgb(var(--mg-color-red-900))}.mg-form-select{appearance:none;background-color:rgb(var(--mg-color-neutral-50));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:1px solid rgb(var(--mg-color-neutral-600)/.22);border-radius:var(--mg-radius-form-input);box-sizing:border-box;cursor:pointer;display:block;font-family:Roboto,sans-serif;font-size:1rem;height:46px;margin-top:var(--mg-spacing-25);padding:.390625rem;padding-right:var(--mg-spacing-200);width:100%}.mg-form-select:focus-visible{background-color:rgb(var(--mg-color-neutral-0));border-color:rgb(var(--mg-color-form-focus));box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0)),0 0 0 calc(var(--mg-focus-ring-offset) + var(--mg-focus-ring-width)) rgb(var(--mg-color-focus-ring));outline:0}.mg-form-select--disabled{background-color:rgb(var(--mg-color-white));border-color:rgb(var(--mg-color-neutral-400));color:rgb(var(--mg-color-neutral-400));cursor:default}.mg-form-select--error{border-color:rgb(var(--mg-color-red-900))}.mg-form-check{align-items:center;display:flex;min-height:2.5rem;position:relative}.mg-form-check__input{appearance:none;border:2px solid rgb(var(--mg-color-form-check));cursor:pointer;height:1.5rem;margin:0;width:1.5rem}.mg-form-check__input:hover{border-color:rgb(var(--mg-color-form-check--hover))}.mg-form-check__input:focus-visible{box-shadow:0 0 4px rgb(var(--mg-color-form-focus));outline:0}.mg-form-check__input--checkbox{border-radius:var(--mg-radius-form-input)}.mg-form-check__input--radio{background-color:transparent;border-radius:100%;box-shadow:inset 0 0 0 rgb(var(--mg-color-white))}.mg-form-check__input--disabled{cursor:default}.mg-form-check__input--disabled,.mg-form-check__input--disabled:hover{border-color:rgb(var(--mg-color-neutral-400))}.mg-form-check__input--error,.mg-form-check__input--error:hover{border-color:rgb(var(--mg-color-red-900))}.mg-form-check__label{cursor:pointer;font-size:1rem;padding:0 7px}.mg-form-check__input--checkbox:checked{background-color:rgb(var(--mg-color-form-check--checked));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:rgb(var(--mg-color-form-check--checked))}.mg-form-check__input--radio:checked{background-color:rgb(var(--mg-color-form-check--checked));box-shadow:inset 0 0 0 3px rgb(var(--mg-color-white))}.mg-form-help{color:rgb(var(--mg-color-neutral-500));font-size:.78125rem}.mg-form-error,.mg-form-help{margin-bottom:0;margin-top:var(--mg-spacing-25)}.mg-form-error{color:rgb(var(--mg-color-red-900));font-size:1rem}.mg-form-error-summary{background-color:rgb(var(--mg-color-red-50));border-left:4px solid rgb(var(--mg-color-red-900));margin-bottom:var(--mg-spacing-200);padding:var(--mg-spacing-150)}.mg-form-error-summary:focus{outline:3px solid rgb(var(--mg-color-blue-800));outline-offset:0}.mg-form-error-summary__title{color:rgb(var(--mg-color-red-900));font-size:1rem;font-weight:700;margin-bottom:var(--mg-spacing-75);margin-top:0}.mg-form-error-summary__list{margin:0;padding-left:var(--mg-spacing-100)}.mg-form-error-summary__list li{margin-bottom:var(--mg-spacing-50)}.mg-form-error-summary__list li:last-child{margin-bottom:0}.mg-form-error-summary__list a{color:rgb(var(--mg-color-red-900));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}.mg-form-action{align-items:stretch;display:flex;margin-top:var(--mg-spacing-25);max-width:100%}.mg-form-action__control{border-end-end-radius:0;border-start-end-radius:0;flex:1 1 auto;margin-top:0;min-width:0}.mg-form-action>.mg-button.mg-form-action__action,.mg-form-action__action{align-self:stretch;border-end-start-radius:0;border-start-start-radius:0;flex:0 0 auto;margin-inline-start:-1px;min-height:2.875rem;position:relative}.mg-form-action__action:focus-visible,.mg-form-action__control:focus-visible{z-index:1}@media (width <= 480px){.mg-form-action--stack-mobile{flex-direction:column;gap:var(--mg-spacing-50)}.mg-form-action--stack-mobile .mg-form-action__control{border-radius:var(--mg-radius-form-input);margin-inline-start:0;width:100%}.mg-form-action--stack-mobile .mg-form-action__action,.mg-form-action--stack-mobile>.mg-button.mg-form-action__action{border-radius:var(--mg-radius-button);margin-inline-start:0;width:100%}}.mg-form-group{background:rgb(var(--mg-color-neutral-50)/.65);border:1px solid rgb(var(--mg-color-neutral-600)/.18);border-radius:var(--mg-radius-form-input);margin:0 0 var(--mg-spacing-100);min-width:0;padding:var(--mg-spacing-100)}.mg-form-group__legend{display:block;margin-bottom:var(--mg-spacing-25);padding:0 var(--mg-spacing-25)}.mg-form-group--disabled .mg-form-group__legend{color:rgb(var(--mg-color-neutral-400))}.mg-form-group--disabled{background:rgb(var(--mg-color-neutral-50)/.35);border-color:rgb(var(--mg-color-neutral-400)/.35)}.mg-form-group--error .mg-form-group__legend{color:rgb(var(--mg-color-red-900))}.mg-form-group--error{border-color:rgb(var(--mg-color-red-900))}.mg-form-input[type=date]{color:rgb(var(--mg-color-neutral-500))}.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:var(--mg-spacing-200);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;font-weight:600;letter-spacing:.03em}.mg-breadcrumb li a,.mg-breadcrumb li a:hover{color:rgb(var(--mg-color-text))}.mg-breadcrumb li+li:before{border-right:.125em solid rgb(var(--mg-color-text));border-top:.125em solid rgb(var(--mg-color-text));content:"";display:inline-block;height:.4em;margin:0 .75em 0 .875em;transform:rotate(45deg);vertical-align:middle;width:.4em}.mg-breadcrumb li+li:has(a:empty):before{display:none}.mg-breadcrumb.mg-breadcrumb--white li,.mg-breadcrumb.mg-breadcrumb--white li a{color:rgb(var(--mg-color-white))}.mg-breadcrumb.mg-breadcrumb--white li a:hover{color:rgb(var(--mg-color-white));opacity:.7}.mg-breadcrumb.mg-breadcrumb--white li:last-of-type,.mg-breadcrumb.mg-breadcrumb--white:last-of-type{color:rgb(var(--mg-color-white))}.mg-breadcrumb.mg-breadcrumb--white li+li:before{border-color:rgb(var(--mg-color-white))}@media (forced-colors:active){.mg-breadcrumb.mg-breadcrumb--white li+li:before{border-color:CanvasText}}[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{margin:0 .875em 0 .75em;transform:rotate(225deg)}:lang(ar) .mg-breadcrumb{font-family:Dubai,sans-serif}@media (prefers-reduced-motion:no-preference){.mg-breadcrumb li a{transition:opacity .2s ease}}.mg-pager{border-top:1px solid rgb(var(--mg-color-neutral-600)/.16);margin-top:var(--mg-spacing-200);padding-top:var(--mg-spacing-150)}.mg-pager__list{align-items:center;display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50);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 var(--mg-spacing-25)}.mg-pager__link{align-items:center;background:transparent;border:0;border-radius:50%;color:rgb(var(--mg-color-text));cursor:pointer;display:inline-flex;font-size:.78125rem;font-weight:600;justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:0}@media (prefers-reduced-motion:no-preference){.mg-pager__link{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),scale var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-pager__link:hover:not(:disabled,.mg-pager__link--disabled){background:rgb(var(--mg-color-interactive)/.08);color:rgb(var(--mg-color-interactive-active));text-decoration:none}.mg-pager__link:focus-visible{border-radius:var(--mg-focus-ring-radius);outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-pager__link:active:not(:disabled,.mg-pager__link--disabled,.mg-pager__link--current){scale:.96}.mg-pager__link--current{cursor:default}.mg-pager__link--current,.mg-pager__link--current:hover{background:rgb(var(--mg-color-interactive)/.12);color:rgb(var(--mg-color-text))}.mg-pager__link--disabled,.mg-pager__link:disabled{background:rgb(var(--mg-color-neutral-100)/.7);color:rgb(var(--mg-color-neutral-500));cursor:not-allowed}.mg-pager__link--next,.mg-pager__link--prev{background:rgb(var(--mg-color-interactive)/.06)}.mg-pager__icon{flex-shrink:0}.mg-pager__text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.mg-pager__ellipsis{color:rgb(var(--mg-color-neutral-500));font-size:.78125rem}.mg-pager__bar{align-items:center;display:flex;flex-direction:column;gap:var(--mg-spacing-100)}@media (width >= 900px){.mg-pager__bar{flex-direction:row;justify-content:space-between}}.mg-pager__range{color:rgb(var(--mg-color-neutral-500));font-size:.78125rem;margin:0;white-space:nowrap}.mg-pager__jump{align-items:center;display:inline-flex;gap:var(--mg-spacing-50);margin:0}.mg-pager__jump-label{color:rgb(var(--mg-color-neutral-500));font-size:.78125rem;white-space:nowrap}.mg-pager__jump-input{background:rgb(var(--mg-color-neutral-50));border:1px solid rgb(var(--mg-color-neutral-600)/.22);border-radius:var(--mg-radius-form-input);color:rgb(var(--mg-color-text));font-size:.78125rem;min-height:2.75rem;padding:var(--mg-spacing-25) var(--mg-spacing-50);text-align:center;width:4em}.mg-pager__jump-input:focus-visible{background:rgb(var(--mg-color-neutral-0));border-color:rgb(var(--mg-color-interactive));border-radius:var(--mg-focus-ring-radius);outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-pager__jump-btn{align-items:center;background:rgb(var(--mg-color-interactive));border:1px solid rgb(var(--mg-color-interactive));border-radius:var(--mg-radius-button);color:rgb(var(--mg-color-neutral-0));cursor:pointer;display:inline-flex;font-size:.78125rem;font-weight:500;justify-content:center;min-height:2.75rem;padding:var(--mg-spacing-25) var(--mg-spacing-75)}@media (prefers-reduced-motion:no-preference){.mg-pager__jump-btn{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),border-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),scale var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-pager__jump-btn:hover:not(:disabled){background:rgb(var(--mg-color-interactive-active));border-color:rgb(var(--mg-color-interactive-active))}.mg-pager__jump-btn:focus-visible{border-radius:var(--mg-focus-ring-radius);outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-pager__jump-btn:active:not(:disabled){scale:.96}.mg-pager__jump-btn:disabled{cursor:not-allowed;opacity:.5}.mg-pager__notice{color:rgb(var(--mg-color-neutral-500));font-size:.78125rem;padding:var(--mg-spacing-100) 0;text-align:center}.mg-pager__notice-action{background:none;border:none;color:rgb(var(--mg-color-interactive));cursor:pointer;display:inline;font:inherit;padding:0;text-decoration:underline}.mg-pager__notice-action:hover{color:rgb(var(--mg-color-interactive-active))}.mg-pager__notice-action:focus-visible{outline:2px solid rgb(var(--mg-color-interactive));outline-offset:2px}[dir=rtl] .mg-pager__link--next .mg-pager__icon,[dir=rtl] .mg-pager__link--prev .mg-pager__icon{transform:scaleX(-1)}
|
|
470
|
+
/* video start end */.mg-boilerplate{border:1px solid rgb(var(--mg-color-red-900));border-radius:var(--mg-radius-button);padding:var(--mg-spacing-100)}.mg-boilerplate__title{font-size:.9375rem;margin-bottom:.625rem}.mg-boilerplate__title a{color:rgb(var(--mg-color-interactive));text-decoration:underline;text-underline-offset:3px}.mg-boilerplate__title a:hover{text-decoration-thickness:2px}.mg-boilerplate__title a:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-boilerplate--primary{background-color:rgb(var(--mg-color-blue-200))}.mg-boilerplate--secondary{background-color:rgb(var(--mg-color-blue-100))}.mg-form-field{display:block;margin-bottom:var(--mg-spacing-100)}.mg-form-label{display:block;font-size:1rem}.mg-form-label--disabled{color:rgb(var(--mg-color-neutral-400))}.mg-form-label--required:after{color:rgb(var(--mg-color-red-900));content:" *"}.mg-form-input,.mg-form-textarea,.mg-search__input{appearance:none;background-color:var(--mg-form-input-background);border:var(--mg-form-input-border-width) solid var(--mg-form-input-border-color);border-radius:var(--mg-radius-form-input);box-sizing:border-box;display:block;font-family:Roboto,sans-serif;font-size:var(--mg-font-size-form-input);height:var(--mg-form-input-block-size);margin-top:var(--mg-spacing-25);padding:var(--mg-form-input-padding);width:100%}[placeholder].mg-form-input:not(:placeholder-shown),[placeholder].mg-form-textarea:not(:placeholder-shown),[placeholder].mg-search__input:not(:placeholder-shown){background-color:var(--mg-form-input-background--focus)}.mg-form-input::placeholder,.mg-form-textarea::placeholder,.mg-search__input::placeholder{color:rgb(var(--mg-color-neutral-500))}.mg-form-input:focus-visible,.mg-form-textarea:focus-visible,.mg-search__input:focus-visible{background-color:var(--mg-form-input-background--focus);border-color:rgb(var(--mg-color-form-focus));box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-form-input--disabled{background-color:rgb(var(--mg-color-white));border-color:rgb(var(--mg-color-neutral-400));color:rgb(var(--mg-color-neutral-400))}.mg-form-input--disabled::placeholder{color:rgb(var(--mg-color-neutral-400))}.mg-form-input--error{border-color:rgb(var(--mg-color-red-900))}.mg-form-textarea{height:auto;max-width:100%;resize:vertical}.mg-form-textarea--disabled{background-color:rgb(var(--mg-color-white));border-color:rgb(var(--mg-color-neutral-400));color:rgb(var(--mg-color-neutral-400))}.mg-form-textarea--disabled::placeholder{color:rgb(var(--mg-color-neutral-400))}.mg-form-textarea--error{border-color:rgb(var(--mg-color-red-900))}.mg-form-select{appearance:none;background-color:var(--mg-form-input-background);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:var(--mg-form-input-border-width) solid var(--mg-form-input-border-color);border-radius:var(--mg-radius-form-input);box-sizing:border-box;cursor:pointer;display:block;font-family:Roboto,sans-serif;font-size:var(--mg-font-size-form-input);height:var(--mg-form-input-block-size);margin-top:var(--mg-spacing-25);padding:var(--mg-form-input-padding);padding-right:var(--mg-spacing-200);width:100%}.mg-form-select:focus-visible{background-color:var(--mg-form-input-background--focus);border-color:rgb(var(--mg-color-form-focus));box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-form-select--disabled{background-color:rgb(var(--mg-color-white));border-color:rgb(var(--mg-color-neutral-400));color:rgb(var(--mg-color-neutral-400));cursor:default}.mg-form-select--error{border-color:rgb(var(--mg-color-red-900))}.mg-form-check{align-items:center;display:flex;min-height:2.5rem;position:relative}.mg-form-check__input{appearance:none;border:2px solid rgb(var(--mg-color-form-check));cursor:pointer;height:1.5rem;margin:0;width:1.5rem}.mg-form-check__input:hover{border-color:rgb(var(--mg-color-form-check--hover))}.mg-form-check__input:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-form-check__input--checkbox{border-radius:var(--mg-radius-form-input)}.mg-form-check__input--radio{background-color:transparent;border-radius:100%;box-shadow:inset 0 0 0 rgb(var(--mg-color-white))}.mg-form-check__input--disabled{cursor:default}.mg-form-check__input--disabled,.mg-form-check__input--disabled:hover{border-color:rgb(var(--mg-color-neutral-400))}.mg-form-check__input--error,.mg-form-check__input--error:hover{border-color:rgb(var(--mg-color-red-900))}.mg-form-check__label{cursor:pointer;font-size:1rem;padding:0 7px}.mg-form-check__input--checkbox:checked{background-color:rgb(var(--mg-color-form-check--checked));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:rgb(var(--mg-color-form-check--checked))}.mg-form-check__input--radio:checked{background-color:rgb(var(--mg-color-form-check--checked));box-shadow:inset 0 0 0 3px rgb(var(--mg-color-white))}.mg-form-check__input--radio:checked:focus-visible{box-shadow:inset 0 0 0 3px rgb(var(--mg-color-white)),0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0))}.mg-form-help{color:rgb(var(--mg-color-neutral-500));font-size:.78125rem}.mg-form-error,.mg-form-help{margin-bottom:0;margin-top:var(--mg-spacing-25)}.mg-form-error{color:rgb(var(--mg-color-red-900));font-size:1rem}.mg-form-error-summary{background-color:rgb(var(--mg-color-red-50));border-left:4px solid rgb(var(--mg-color-red-900));margin-bottom:var(--mg-spacing-200);padding:var(--mg-spacing-150)}.mg-form-error-summary:focus{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-form-error-summary__title{color:rgb(var(--mg-color-red-900));font-size:1rem;font-weight:700;margin-bottom:var(--mg-spacing-75);margin-top:0}.mg-form-error-summary__list{margin:0;padding-left:var(--mg-spacing-100)}.mg-form-error-summary__list li{margin-bottom:var(--mg-spacing-50)}.mg-form-error-summary__list li:last-child{margin-bottom:0}.mg-form-error-summary__list a{color:rgb(var(--mg-color-red-900));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}.mg-form-action{align-items:stretch;display:flex;margin-top:var(--mg-spacing-25);max-width:100%}.mg-form-action__control{border-end-end-radius:0;border-start-end-radius:0;flex:1 1 auto;margin-top:0;min-width:0}.mg-form-action>.mg-button.mg-form-action__action,.mg-form-action__action{align-self:stretch;border-end-start-radius:0;border-start-start-radius:0;flex:0 0 auto;margin-inline-start:-1px;min-height:2.875rem;position:relative}.mg-form-action__action:focus-visible,.mg-form-action__control:focus-visible{z-index:1}@media (width <= 480px){.mg-form-action--stack-mobile{flex-direction:column;gap:var(--mg-spacing-50)}.mg-form-action--stack-mobile .mg-form-action__control{border-radius:var(--mg-radius-form-input);margin-inline-start:0;width:100%}.mg-form-action--stack-mobile .mg-form-action__action,.mg-form-action--stack-mobile>.mg-button.mg-form-action__action{border-radius:var(--mg-radius-button);margin-inline-start:0;width:100%}}.mg-form-group{background:rgb(var(--mg-color-neutral-50)/.65);border:1px solid rgb(var(--mg-color-neutral-600)/.18);border-radius:var(--mg-radius-form-input);margin:0 0 var(--mg-spacing-100);min-width:0;padding:var(--mg-spacing-100)}.mg-form-group__legend{display:block;margin-bottom:var(--mg-spacing-25);padding:0 var(--mg-spacing-25)}.mg-form-group--disabled .mg-form-group__legend{color:rgb(var(--mg-color-neutral-400))}.mg-form-group--disabled{background:rgb(var(--mg-color-neutral-50)/.35);border-color:rgb(var(--mg-color-neutral-400)/.35)}.mg-form-group--error .mg-form-group__legend{color:rgb(var(--mg-color-red-900))}.mg-form-group--error{border-color:rgb(var(--mg-color-red-900))}.mg-form-input[type=date]{color:rgb(var(--mg-color-neutral-500))}.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:var(--mg-spacing-200);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;font-weight:600;letter-spacing:.03em}.mg-breadcrumb li a,.mg-breadcrumb li a:hover{color:rgb(var(--mg-color-text))}.mg-breadcrumb li+li:before{border-right:.125em solid rgb(var(--mg-color-text));border-top:.125em solid rgb(var(--mg-color-text));content:"";display:inline-block;height:.4em;margin:0 .75em 0 .875em;transform:rotate(45deg);vertical-align:middle;width:.4em}.mg-breadcrumb li+li:has(a:empty):before{display:none}.mg-breadcrumb.mg-breadcrumb--white li,.mg-breadcrumb.mg-breadcrumb--white li a{color:rgb(var(--mg-color-white))}.mg-breadcrumb.mg-breadcrumb--white li a:hover{color:rgb(var(--mg-color-white));opacity:.7}.mg-breadcrumb.mg-breadcrumb--white li:last-of-type,.mg-breadcrumb.mg-breadcrumb--white:last-of-type{color:rgb(var(--mg-color-white))}.mg-breadcrumb.mg-breadcrumb--white li+li:before{border-color:rgb(var(--mg-color-white))}@media (forced-colors:active){.mg-breadcrumb.mg-breadcrumb--white li+li:before{border-color:CanvasText}}[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{margin:0 .875em 0 .75em;transform:rotate(225deg)}:lang(ar) .mg-breadcrumb{font-family:Dubai,sans-serif}@media (prefers-reduced-motion:no-preference){.mg-breadcrumb li a{transition:opacity .2s ease}}.mg-pager{border-top:1px solid rgb(var(--mg-color-neutral-600)/.16);margin-top:var(--mg-spacing-200);padding-top:var(--mg-spacing-150)}.mg-pager__list{align-items:center;display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50);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 var(--mg-spacing-25)}.mg-pager__link{align-items:center;background:transparent;border:0;border-radius:50%;color:rgb(var(--mg-color-text));cursor:pointer;display:inline-flex;font-size:.78125rem;font-weight:600;justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:0}@media (prefers-reduced-motion:no-preference){.mg-pager__link{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),scale var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-pager__link:hover:not(:disabled,.mg-pager__link--disabled){background:rgb(var(--mg-color-interactive)/.08);color:rgb(var(--mg-color-interactive-active));text-decoration:none}.mg-pager__link:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-pager__link:active:not(:disabled,.mg-pager__link--disabled,.mg-pager__link--current){scale:.96}.mg-pager__link--current{cursor:default}.mg-pager__link--current,.mg-pager__link--current:hover{background:rgb(var(--mg-color-interactive)/.12);color:rgb(var(--mg-color-text))}.mg-pager__link--disabled,.mg-pager__link:disabled{background:rgb(var(--mg-color-neutral-100)/.7);color:rgb(var(--mg-color-neutral-500));cursor:not-allowed}.mg-pager__link--next,.mg-pager__link--prev{background:rgb(var(--mg-color-interactive)/.06)}.mg-pager__icon{flex-shrink:0}.mg-pager__text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.mg-pager__ellipsis{color:rgb(var(--mg-color-neutral-500));font-size:.78125rem}.mg-pager__bar{align-items:center;display:flex;flex-direction:column;gap:var(--mg-spacing-100)}@media (width >= 900px){.mg-pager__bar{flex-direction:row;justify-content:space-between}}.mg-pager__range{color:rgb(var(--mg-color-neutral-500));font-size:.78125rem;margin:0;white-space:nowrap}.mg-pager__jump{align-items:center;display:inline-flex;gap:var(--mg-spacing-50);margin:0}.mg-pager__jump-label{color:rgb(var(--mg-color-neutral-500));font-size:.78125rem;white-space:nowrap}.mg-pager__jump-input{background:rgb(var(--mg-color-neutral-50));border:1px solid rgb(var(--mg-color-neutral-600)/.22);border-radius:var(--mg-radius-form-input);color:rgb(var(--mg-color-text));font-size:.78125rem;min-height:2.75rem;padding:var(--mg-spacing-25) var(--mg-spacing-50);text-align:center;width:4em}.mg-pager__jump-input:focus-visible{background:rgb(var(--mg-color-neutral-0));border-color:rgb(var(--mg-color-interactive));box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-pager__jump-btn{align-items:center;background:rgb(var(--mg-color-interactive));border:1px solid rgb(var(--mg-color-interactive));border-radius:var(--mg-radius-button);color:rgb(var(--mg-color-neutral-0));cursor:pointer;display:inline-flex;font-size:.78125rem;font-weight:500;justify-content:center;min-height:2.75rem;padding:var(--mg-spacing-25) var(--mg-spacing-75)}@media (prefers-reduced-motion:no-preference){.mg-pager__jump-btn{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),border-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),scale var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-pager__jump-btn:hover:not(:disabled){background:rgb(var(--mg-color-interactive-active));border-color:rgb(var(--mg-color-interactive-active))}.mg-pager__jump-btn:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-pager__jump-btn:active:not(:disabled){scale:.96}.mg-pager__jump-btn:disabled{cursor:not-allowed;opacity:.5}.mg-pager__notice{color:rgb(var(--mg-color-neutral-500));font-size:.78125rem;padding:var(--mg-spacing-100) 0;text-align:center}.mg-pager__notice-action{background:none;border:none;color:rgb(var(--mg-color-interactive));cursor:pointer;display:inline;font:inherit;padding:0;text-decoration:underline}.mg-pager__notice-action:hover{color:rgb(var(--mg-color-interactive-active))}.mg-pager__notice-action:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}[dir=rtl] .mg-pager__link--next .mg-pager__icon,[dir=rtl] .mg-pager__link--prev .mg-pager__icon{transform:scaleX(-1)}
|
|
331
471
|
|
|
332
472
|
/* Photo Gallery Component */.mg-gallery{display:grid;gap:var(--mg-spacing-200);grid-template-areas:"main" "description" "thumbnails";grid-template-columns:1fr;position:relative;width:100%
|
|
333
473
|
/* 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{
|
|
334
|
-
/* 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:rgb(var(--mg-color-white));grid-area:main;overflow:hidden;position:relative}.mg-gallery:focus{outline:none}.mg-gallery:focus-visible{outline:
|
|
474
|
+
/* 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:rgb(var(--mg-color-white));grid-area:main;overflow:hidden;position:relative}.mg-gallery:focus{outline:none}.mg-gallery:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-gallery__image-wrapper{align-items:center;aspect-ratio:16/9;background-color:rgb(var(--mg-color-neutral-50));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:var(--mg-spacing-200);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 rgb(var(--mg-color-neutral-300));border-radius:50%;border-top-color:rgb(var(--mg-color-interactive));height:var(--mg-spacing-300);width:var(--mg-spacing-300)}@keyframes mg-gallery-spin{to{transform:rotate(1turn)}}.mg-gallery__description{grid-area:description;padding:var(--mg-spacing-150) 0
|
|
335
475
|
/* medium design */}@media (width >= 48em){.mg-gallery__description{padding:var(--mg-spacing-150)}}.mg-gallery__title{color:rgb(var(--mg-color-text));font-family:Roboto Condensed,sans-serif;font-size:1.125rem;font-weight:700;margin-bottom:var(--mg-spacing-50)}.mg-gallery__caption{color:rgb(var(--mg-color-neutral-800));font-size:1rem;line-height:1.5;margin:0}.mg-gallery__thumbnails{display:flex;flex-direction:row;gap:var(--mg-spacing-100);grid-area:thumbnails;overflow-x:auto;overflow-y:hidden;padding:var(--mg-spacing-100) 0;-webkit-overflow-scrolling:touch
|
|
336
476
|
/* 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:rgb(var(--mg-color-neutral-500)) rgb(var(--mg-color-neutral-100));scrollbar-width:thin}.mg-gallery__thumbnails::-webkit-scrollbar{height:var(--mg-spacing-50);width:var(--mg-spacing-50)}.mg-gallery__thumbnails::-webkit-scrollbar-track{background:rgb(var(--mg-color-neutral-100))}.mg-gallery__thumbnails::-webkit-scrollbar-thumb{background:rgb(var(--mg-color-neutral-500))}.mg-gallery__thumbnails::-webkit-scrollbar-thumb:hover{background:rgb(var(--mg-color-neutral-600))}.mg-gallery__thumbnail{background:rgb(var(--mg-color-neutral-100));border:none;border-left:4px solid transparent;cursor:pointer;flex-shrink:0;height:var(--mg-spacing-400);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:var(--mg-spacing-400)
|
|
337
|
-
/* 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:var(--mg-spacing-400);width:var(--mg-spacing-400)}.mg-gallery__thumbnail img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.mg-gallery__thumbnail:hover{border-left-color:rgb(var(--mg-color-neutral-400))}.mg-gallery--thumbnails-bottom .mg-gallery__thumbnail:hover{border-bottom-color:rgb(var(--mg-color-neutral-400));border-left-color:transparent}.mg-gallery__thumbnail:focus{outline:none}.mg-gallery__thumbnail:focus-visible{outline:
|
|
338
|
-
/* small design */}@media (width <= 47.9375em){.mg-gallery__arrow{font-size:1rem}.mg-gallery__arrow--prev{left:var(--mg-spacing-50)}.mg-gallery__arrow--next{right:var(--mg-spacing-50)}}.mg-gallery__arrow-controls{bottom:var(--mg-spacing-100);display:flex;gap:var(--mg-spacing-100);position:absolute;right:var(--mg-spacing-100);z-index:2}.mg-gallery__arrow-button{align-items:center;background:rgb(var(--mg-color-neutral-700));border:none;border-radius:50%;color:rgb(var(--mg-color-white));cursor:pointer;display:flex;font-size:1.125rem;height:2.75rem;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:2.75rem}.mg-gallery__arrow-button:hover{background:rgb(var(--mg-color-neutral-600))}.mg-gallery__arrow-button:focus{outline:none}.mg-gallery__arrow-button:focus-visible{outline:
|
|
477
|
+
/* 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:var(--mg-spacing-400);width:var(--mg-spacing-400)}.mg-gallery__thumbnail img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.mg-gallery__thumbnail:hover{border-left-color:rgb(var(--mg-color-neutral-400))}.mg-gallery--thumbnails-bottom .mg-gallery__thumbnail:hover{border-bottom-color:rgb(var(--mg-color-neutral-400));border-left-color:transparent}.mg-gallery__thumbnail:focus{outline:none}.mg-gallery__thumbnail:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-gallery__thumbnail--active{border-left-color:rgb(var(--mg-color-interactive))}.mg-gallery__thumbnail--active:after{background:rgb(var(--mg-color-white));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:rgb(var(--mg-color-interactive));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:rgb(var(--mg-color-neutral-200))}.mg-gallery__thumbnail-placeholder{color:rgb(var(--mg-color-neutral-600));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:rgb(var(--mg-color-neutral-50));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:var(--mg-spacing-200);left:50%;padding-left:2px;pointer-events:none;transform:translate(-50%,-50%);width:var(--mg-spacing-200)}.mg-gallery__arrow,.mg-gallery__thumbnail-indicator{align-items:center;color:rgb(var(--mg-color-white));display:flex;justify-content:center;position:absolute;top:50%}.mg-gallery__arrow{background:rgb(var(--mg-color-neutral-700));border:none;border-radius:50%;cursor:pointer;font-size:1.125rem;height:2.75rem;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:2.75rem;z-index:2}.mg-gallery__arrow:hover{background:rgb(var(--mg-color-neutral-600))}.mg-gallery__arrow:focus{outline:none}.mg-gallery__arrow:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-gallery__arrow:disabled{background:rgb(var(--mg-color-neutral-300));cursor:not-allowed;opacity:.5}.mg-gallery__arrow--prev{left:var(--mg-spacing-100)}.mg-gallery__arrow--next{right:var(--mg-spacing-100)}.mg-gallery__arrow{
|
|
478
|
+
/* small design */}@media (width <= 47.9375em){.mg-gallery__arrow{font-size:1rem}.mg-gallery__arrow--prev{left:var(--mg-spacing-50)}.mg-gallery__arrow--next{right:var(--mg-spacing-50)}}.mg-gallery__arrow-controls{bottom:var(--mg-spacing-100);display:flex;gap:var(--mg-spacing-100);position:absolute;right:var(--mg-spacing-100);z-index:2}.mg-gallery__arrow-button{align-items:center;background:rgb(var(--mg-color-neutral-700));border:none;border-radius:50%;color:rgb(var(--mg-color-white));cursor:pointer;display:flex;font-size:1.125rem;height:2.75rem;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:2.75rem}.mg-gallery__arrow-button:hover{background:rgb(var(--mg-color-neutral-600))}.mg-gallery__arrow-button:focus{outline:none}.mg-gallery__arrow-button:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-gallery__arrow-button:disabled{background:rgb(var(--mg-color-neutral-300));cursor:not-allowed;opacity:.5}[dir=rtl] .mg-gallery__thumbnails{
|
|
339
479
|
/* 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:rgb(var(--mg-color-neutral-400))}[dir=rtl] .mg-gallery__thumbnail--active{border-right-color:rgb(var(--mg-color-interactive))}[dir=rtl] .mg-gallery__thumbnail--active:after{left:auto;right:0}[dir=rtl] .mg-gallery__arrow--prev{left:auto;right:var(--mg-spacing-100)
|
|
340
480
|
/* small design */}@media (width <= 47.9375em){[dir=rtl] .mg-gallery__arrow--prev{right:var(--mg-spacing-50)}}[dir=rtl] .mg-gallery__arrow--next{left:var(--mg-spacing-100);right:auto
|
|
341
|
-
/* small design */}@media (width <= 47.9375em){[dir=rtl] .mg-gallery__arrow--next{left:var(--mg-spacing-50)}}[dir=rtl] .mg-gallery__arrow-controls{left:var(--mg-spacing-100);right:auto}:lang(ar) .mg-gallery__title{font-family:
|
|
481
|
+
/* small design */}@media (width <= 47.9375em){[dir=rtl] .mg-gallery__arrow--next{left:var(--mg-spacing-50)}}[dir=rtl] .mg-gallery__arrow-controls{left:var(--mg-spacing-100);right:auto}:lang(ar) .mg-gallery__title{font-family:Dubai,sans-serif}.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,rgb(var(--mg-color-blue-900)))}.mg-highlight-box--secondary{background:var(--tag-color-background-purple,var(--sendai-purple))}.mg-highlight-box.mg-highlight-box--primary,.mg-highlight-box.mg-highlight-box--secondary{border:none;box-shadow:inset 0 -8px 0 0 hsla(0,0%,100%,.5);color:rgb(var(--mg-color-white))}.mg-highlight-box.mg-highlight-box--primary *,.mg-highlight-box.mg-highlight-box--secondary *{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%}
|
|
342
482
|
|
|
343
483
|
/* 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:var(--mg-spacing-50);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:var(--mg-spacing-400);width:100%}.mg-quote-highlight--left{float:left;margin-right:var(--mg-spacing-400)
|
|
344
484
|
/* medium design */}@media (width >= 48em){.mg-quote-highlight--left{max-width:400px;width:40%}}[dir=rtl] .mg-quote-highlight--left{float:right;margin-left:var(--mg-spacing-400);margin-right:0}.mg-quote-highlight--right{float:right;margin-bottom:var(--mg-spacing-400);margin-left:var(--mg-spacing-400);width:100%
|
|
@@ -347,19 +487,22 @@
|
|
|
347
487
|
/* 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:var(--mg-spacing-400)
|
|
348
488
|
/* medium design */}@media (width >= 48em){.mg-quote-highlight__content{padding:var(--mg-spacing-500)}}.mg-quote-highlight__quote{font-size:1.125rem;font-style:italic;font-weight:600;line-height:1.5;margin:0;margin-bottom:var(--mg-spacing-300);padding:0 0 0 var(--mg-spacing-400);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:calc(var(--mg-spacing-100)*-1)}.mg-quote-highlight__quote p{margin:0}[dir=rtl] .mg-quote-highlight__quote{padding-left:0;padding-right:var(--mg-spacing-400)}[dir=rtl] .mg-quote-highlight__quote:before{left:auto;right:0}.mg-quote-highlight__separator{height:4px;margin:var(--mg-spacing-100) 0 var(--mg-spacing-200) 0;width:100px}.mg-quote-highlight__attribution{margin-top:var(--mg-spacing-100)}.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:var(--mg-spacing-50) 0 0}.mg-quote-highlight__portrait-container{border-radius:50%;flex-shrink:0;height:50px;margin-right:var(--mg-spacing-200);overflow:hidden;width:50px}[dir=rtl] .mg-quote-highlight__portrait-container{margin-left:var(--mg-spacing-200);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%
|
|
349
489
|
/* medium design */}@media (width >= 48em){.mg-quote-highlight__image-container{height:auto;width:250px}}.mg-quote-highlight__image-container{
|
|
350
|
-
/* 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:rgb(var(--mg-color-blue-900)/.1)}.mg-quote-highlight--light .mg-quote-highlight__quote{color:rgb(var(--mg-color-blue-900)/.9)}.mg-quote-highlight--light .mg-quote-highlight__quote:before{color:rgb(var(--mg-color-blue-900)/.5)}.mg-quote-highlight--dark,.mg-quote-highlight--light .mg-quote-highlight__separator{background-color:rgb(var(--mg-color-blue-900)/.7)}.mg-quote-highlight--dark{color:rgb(var(--mg-color-white))}.mg-quote-highlight--dark .mg-quote-highlight__quote:before{color:rgb(var(--mg-color-neutral-0)/.8)}.mg-quote-highlight--bright,.mg-quote-highlight--dark .mg-quote-highlight__separator{background-color:rgb(var(--mg-color-white))}.mg-quote-highlight--bright{border:1px solid rgb(var(--mg-color-neutral-200))}.mg-quote-highlight--bright .mg-quote-highlight__quote{color:rgb(var(--mg-color-neutral-900))}.mg-quote-highlight--bright .mg-quote-highlight__quote:before{color:rgb(var(--mg-color-neutral-500))}.mg-quote-highlight--bright .mg-quote-highlight__separator{background-color:rgb(var(--mg-color-blue-900)/.7)}.mg-chip{align-items:center;background:rgb(var(--mg-color-neutral-50));border:0;border-radius:999px;box-shadow:var(--mg-shadow-raised);box-sizing:border-box;color:rgb(var(--mg-color-text));cursor:pointer;display:inline-flex;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;justify-content:center;line-height:1.25;min-height:2.5rem;padding:var(--mg-spacing-50) var(--mg-spacing-150);text-align:start;text-decoration:none}@media (prefers-reduced-motion:no-preference){.mg-chip{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),box-shadow var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),scale var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-chip:hover{background-color:rgb(var(--mg-color-neutral-300));color:rgb(var(--mg-color-text));text-decoration:none}.mg-chip:active{scale:.96}.mg-chip:focus-visible{border-radius:999px;box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0))
|
|
351
|
-
/* medium design */}@media (width >= 48em){.mg-button{display:inline-flex}}.mg-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--mg-spacing-75)}button:focus-visible{box-shadow:0 0 4px rgb(var(--mg-color-button-background));outline:0}.mg-button-primary{background-color:rgb(var(--mg-color-button-background))}.mg-button-primary:hover{background-color:rgb(var(--mg-color-button-background--hover));color:rgb(var(--mg-color-button))}.mg-button-secondary{background-color:rgb(var(--mg-color-button-secondary-background))}.mg-button-secondary:hover{background-color:rgb(var(--mg-color-button-secondary-background--hover));color:rgb(var(--mg-color-button))}.mg-button-outline{background-color:transparent}.mg-button-primary.mg-button-outline{border-color:rgb(var(--mg-color-button-outline-primary));color:rgb(var(--mg-color-button-outline-primary))}.mg-button-primary.mg-button-outline:hover{background-color:rgb(var(--mg-color-button-outline-primary--hover));color:rgb(var(--mg-color-button))}.mg-button-secondary.mg-button-outline{border-color:rgb(var(--mg-color-button-outline-secondary));color:rgb(var(--mg-color-button-outline-secondary))}.mg-button-secondary.mg-button-outline:hover{background-color:rgb(var(--mg-color-button-outline-secondary--hover));color:rgb(var(--mg-color-button))}.mg-button.disabled{background-color:rgb(var(--mg-color-neutral-500));color:rgb(var(--mg-color-neutral-0));pointer-events:none}.mg-button.mg-button-cta{background:transparent;border-color:transparent;color:rgb(var(--mg-color-text));flex:0 0 auto;justify-content:flex-start;max-inline-size:100%;min-height:2.75rem;overflow-wrap:anywhere;padding:var(--mg-spacing-50) 0;padding-inline-end:calc(1.375rem + var(--mg-spacing-50));position:relative;text-align:start;white-space:normal}.mg-button.mg-button-cta:active:not(.disabled){scale:1}.mg-button.mg-button-cta:after{align-items:center;background:rgb(var(--mg-color-interactive));border-radius:50%;color:rgb(var(--mg-color-neutral-0));content:"›";display:inline-flex;flex:0 0 1.375rem;font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:700;height:1.375rem;inline-size:1.375rem;inset-block-start:50%;inset-inline-end:0;justify-content:center;line-height:1;padding-block-end:.06em;padding-inline-start:.03em;position:absolute;translate:0 -50%}@media (prefers-reduced-motion:no-preference){.mg-button.mg-button-cta:after{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-button.mg-button-cta:hover{background:transparent;border-color:transparent;color:rgb(var(--mg-color-interactive-active));text-decoration:underline;text-underline-offset:.2em}.mg-button.mg-button-cta:hover:after{background:rgb(var(--mg-color-interactive-active))}.mg-button.mg-button-cta:active:after{scale:.96}[dir=rtl] .mg-button.mg-button-cta:after{content:"‹"}:lang(ar) .mg-button{font-family:Dubai,sans-serif}.mg-share{display:flex;flex-direction:column;gap:var(--mg-spacing-100);max-width:400px}.mg-share__header{color:rgb(var(--mg-color-text));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:var(--mg-spacing-50);justify-content:left}.mg-share__button{align-items:center;background-color:rgb(var(--mg-color-button-background));border:var(--mg-border-width-button) solid var(--mg-border-color-button);border-radius:var(--mg-radius-button);color:rgb(var(--mg-color-button));cursor:pointer;display:flex;font-size:1.125rem;height:2.5rem;justify-content:center;padding:var(--mg-spacing-100);width:2.5rem}.mg-share__button:hover{background-color:rgb(var(--mg-color-blue-700)/.8)}.mg-share__button:focus-visible{box-shadow:0 0 4px rgb(var(--mg-color-button-background--hover));outline:0}.mg-share__copy-button{align-items:center;background-color:rgb(var(--mg-color-blue-900));border:0 solid var(--mg-border-color-button);color:rgb(var(--mg-color-button));cursor:pointer;display:flex;flex-direction:row;font-family:Roboto,sans-serif;justify-content:space-between;padding:var(--mg-spacing-100)}.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:rgb(var(--mg-color-button));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:rgb(var(--mg-color-blue-900)/.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:rgb(var(--mg-color-white));box-shadow:inset 0 -1px 0 rgb(var(--mg-color-neutral-600)/.24);position:relative;z-index:var(--mg-z-index-nav)}.mg-mega-topbar{align-items:flex-start;display:flex;margin:0 auto;max-width:1164px;padding:0;width:100%;z-index:var(--mg-z-index-nav)}@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:rgb(var(--mg-color-white));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:rgb(var(--mg-color-white));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:var(--mg-spacing-100) var(--mg-spacing-150)}.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}}@media screen and (min-width:900px){.mg-mega-topbar__item{display:block}}.mg-mega-topbar__item .mg-mega-content{display:none}.mg-mega-topbar__item{color:rgb(var(--mg-color-interactive));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:var(--mg-spacing-150);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{box-shadow:inset 0 -3px 0 rgb(var(--mg-color-interactive))}.mg-mega-topbar__item--active .mg-mega-topbar__item-link,.mg-mega-topbar__item--active a{color:rgb(var(--mg-color-interactive));text-decoration:none}.mg-mega-topbar__item--active a.mg-button-primary{color:rgb(var(--mg-color-white));text-decoration:none}.mg-mega-topbar__item--active .mg-mega-content{display:flex}}.mg-mega-topbar__item-link{background:none;border:none;color:rgb(var(--mg-color-interactive));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;background-color:rgb(var(--mg-color-neutral-0));box-shadow:inset 0 1px 0 rgb(var(--mg-color-neutral-600)/.2),0 18px 45px rgb(var(--mg-color-neutral-900)/.14);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{align-items:stretch;display:none;flex-direction:row;max-height:70vh;min-height:21.875rem;overflow:hidden;position:absolute;top:3rem}}.mg-mega-content.mg-container-full-width{position:absolute}.mg-mega-content__left{background-color:rgb(var(--mg-color-neutral-0)/.8);height:100%;width:100%}@media screen and (min-width:900px){.mg-mega-content__left{flex-basis:33%;height:auto;min-height:0;overflow-y:auto}}.mg-mega-content__banner{padding:var(--mg-spacing-250)}.mg-mega-content__banner header{font-family:Roboto Condensed,sans-serif;font-size:1.4375rem;font-weight:700;padding-bottom:var(--mg-spacing-100)}.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:1px solid rgb(var(--mg-color-neutral-600)/.24)}.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:rgb(var(--mg-color-interactive-active))}.mg-mega-content__section-list{padding-inline:var(--mg-spacing-200)}.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:calc(var(--mg-spacing-200)*-1);padding:var(--mg-spacing-150) var(--mg-spacing-250);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:rgb(var(--mg-color-blue-900)/.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:var(--mg-spacing-150);opacity:.55;padding-inline-start:var(--mg-spacing-150);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:rgb(var(--mg-color-blue-900)/.15);border-inline-start:4px solid rgb(var(--mg-color-interactive));margin-inline-start:calc(var(--mg-spacing-200)*-1);padding:var(--mg-spacing-150) var(--mg-spacing-250);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:"‹"}
|
|
490
|
+
/* 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:rgb(var(--mg-color-blue-900)/.1)}.mg-quote-highlight--light .mg-quote-highlight__quote{color:rgb(var(--mg-color-blue-900)/.9)}.mg-quote-highlight--light .mg-quote-highlight__quote:before{color:rgb(var(--mg-color-blue-900)/.5)}.mg-quote-highlight--dark,.mg-quote-highlight--light .mg-quote-highlight__separator{background-color:rgb(var(--mg-color-blue-900)/.7)}.mg-quote-highlight--dark{color:rgb(var(--mg-color-white))}.mg-quote-highlight--dark .mg-quote-highlight__quote:before{color:rgb(var(--mg-color-neutral-0)/.8)}.mg-quote-highlight--bright,.mg-quote-highlight--dark .mg-quote-highlight__separator{background-color:rgb(var(--mg-color-white))}.mg-quote-highlight--bright{border:1px solid rgb(var(--mg-color-neutral-200))}.mg-quote-highlight--bright .mg-quote-highlight__quote{color:rgb(var(--mg-color-neutral-900))}.mg-quote-highlight--bright .mg-quote-highlight__quote:before{color:rgb(var(--mg-color-neutral-500))}.mg-quote-highlight--bright .mg-quote-highlight__separator{background-color:rgb(var(--mg-color-blue-900)/.7)}.mg-chip{align-items:center;background:rgb(var(--mg-color-neutral-50));border:0;border-radius:999px;box-shadow:var(--mg-shadow-raised);box-sizing:border-box;color:rgb(var(--mg-color-text));cursor:pointer;display:inline-flex;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;justify-content:center;line-height:1.25;min-height:2.5rem;padding:var(--mg-spacing-50) var(--mg-spacing-150);text-align:start;text-decoration:none}@media (prefers-reduced-motion:no-preference){.mg-chip{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),box-shadow var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),scale var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-chip:hover{background-color:rgb(var(--mg-color-neutral-300));color:rgb(var(--mg-color-text));text-decoration:none}.mg-chip:active{scale:.96}.mg-chip:focus-visible{border-radius:999px;box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}@media (forced-colors:active){.mg-chip{border:1px solid ButtonText}.mg-chip:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.mg-chip.mg-chip__cross:after{align-items:center;content:"×";display:inline-flex;flex:0 0 1.25rem;font-size:1.125rem;font-weight:400;height:1.25rem;justify-content:center;line-height:1;margin-inline-end:calc(var(--mg-spacing-50)*-1);margin-inline-start:var(--mg-spacing-50)}:lang(ar) .mg-chip{font-family:Dubai,sans-serif}.mg-button{align-items:center;background:transparent;border:var(--mg-border-width-button) solid var(--mg-border-color-button);border-radius:var(--mg-radius-button);color:rgb(var(--mg-color-button));cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:var(--mg-font-size-button);font-weight:600;justify-content:center;line-height:1;padding:var(--mg-padding-button)}@media (prefers-reduced-motion:no-preference){.mg-button{transition:background-color .2s ease,border-color .2s ease,color .2s ease,scale var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-button:active:not(.disabled){scale:.96}.mg-button:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-button{
|
|
491
|
+
/* medium design */}@media (width >= 48em){.mg-button{display:inline-flex}}.mg-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--mg-spacing-75)}.mg-button-primary{background-color:var(--mg-color-button-background)}.mg-button-primary:hover{background-color:var(--mg-color-button-background--hover);color:rgb(var(--mg-color-button))}.mg-button-secondary{background-color:rgb(var(--mg-color-button-secondary-background))}.mg-button-secondary:hover{background-color:rgb(var(--mg-color-button-secondary-background--hover));color:rgb(var(--mg-color-button))}.mg-button-outline{background-color:transparent}.mg-button-primary.mg-button-outline{border-color:rgb(var(--mg-color-button-outline-primary));color:rgb(var(--mg-color-button-outline-primary))}.mg-button-primary.mg-button-outline:hover{background-color:rgb(var(--mg-color-button-outline-primary--hover));color:rgb(var(--mg-color-button))}.mg-button-secondary.mg-button-outline{border-color:rgb(var(--mg-color-button-outline-secondary));color:rgb(var(--mg-color-button-outline-secondary))}.mg-button-secondary.mg-button-outline:hover{background-color:rgb(var(--mg-color-button-outline-secondary--hover));color:rgb(var(--mg-color-button))}.mg-button.disabled{background-color:rgb(var(--mg-color-neutral-500));color:rgb(var(--mg-color-neutral-0));pointer-events:none}.mg-button.mg-button-cta{background:transparent;border-color:transparent;color:rgb(var(--mg-color-text));flex:0 0 auto;justify-content:flex-start;max-inline-size:100%;min-height:2.75rem;overflow-wrap:anywhere;padding:var(--mg-spacing-50) 0;padding-inline-end:calc(1.375rem + var(--mg-spacing-50));position:relative;text-align:start;white-space:normal}.mg-button.mg-button-cta:active:not(.disabled){scale:1}.mg-button.mg-button-cta:after{align-items:center;background:rgb(var(--mg-color-interactive));border-radius:50%;color:rgb(var(--mg-color-neutral-0));content:"›";display:inline-flex;flex:0 0 1.375rem;font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:700;height:1.375rem;inline-size:1.375rem;inset-block-start:50%;inset-inline-end:0;justify-content:center;line-height:1;padding-block-end:.06em;padding-inline-start:.03em;position:absolute;translate:0 -50%}@media (prefers-reduced-motion:no-preference){.mg-button.mg-button-cta:after{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-button.mg-button-cta:hover{background:transparent;border-color:transparent;color:rgb(var(--mg-color-interactive-active));text-decoration:underline;text-underline-offset:.2em}.mg-button.mg-button-cta:hover:after{background:rgb(var(--mg-color-interactive-active))}.mg-button.mg-button-cta:active:after{scale:.96}[dir=rtl] .mg-button.mg-button-cta:after{content:"‹"}:lang(ar) .mg-button{font-family:Dubai,sans-serif}.mg-share{display:flex;flex-direction:column;gap:var(--mg-spacing-100);max-width:400px}.mg-share__header{color:rgb(var(--mg-color-text));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:var(--mg-spacing-50);justify-content:left}.mg-share__button{align-items:center;background-color:var(--mg-color-button-background);border:var(--mg-border-width-button) solid var(--mg-border-color-button);border-radius:var(--mg-radius-button);color:rgb(var(--mg-color-button));cursor:pointer;display:flex;font-size:1.125rem;height:2.5rem;justify-content:center;padding:var(--mg-spacing-100);width:2.5rem}.mg-share__button:hover{background-color:rgb(var(--mg-color-blue-700)/.8)}.mg-share__button:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-share__copy-button{align-items:center;background-color:rgb(var(--mg-color-blue-900));border:0 solid var(--mg-border-color-button);color:rgb(var(--mg-color-button));cursor:pointer;display:flex;flex-direction:row;font-family:Roboto,sans-serif;justify-content:space-between;padding:var(--mg-spacing-100)}.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:rgb(var(--mg-color-button));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:rgb(var(--mg-color-blue-900)/.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:rgb(var(--mg-color-white));box-shadow:inset 0 -1px 0 rgb(var(--mg-color-neutral-600)/.24);position:relative;z-index:var(--mg-z-index-nav)}.mg-mega-topbar{align-items:flex-start;display:flex;margin:0 auto;max-width:1164px;padding:0;width:100%;z-index:var(--mg-z-index-nav)}@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:rgb(var(--mg-color-white));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:rgb(var(--mg-color-white));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:var(--mg-spacing-100) var(--mg-spacing-150)}.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}}@media screen and (min-width:900px){.mg-mega-topbar__item{display:block}}.mg-mega-topbar__item .mg-mega-content{display:none}.mg-mega-topbar__item{color:rgb(var(--mg-color-interactive));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:var(--mg-spacing-150);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{box-shadow:inset 0 -3px 0 rgb(var(--mg-color-interactive))}.mg-mega-topbar__item--active .mg-mega-topbar__item-link,.mg-mega-topbar__item--active a{color:rgb(var(--mg-color-interactive));text-decoration:none}.mg-mega-topbar__item--active a.mg-button-primary{color:rgb(var(--mg-color-white));text-decoration:none}.mg-mega-topbar__item--active .mg-mega-content{display:flex}}.mg-mega-topbar__item-link{background:none;border:none;color:rgb(var(--mg-color-interactive));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;background-color:rgb(var(--mg-color-neutral-0));box-shadow:inset 0 1px 0 rgb(var(--mg-color-neutral-600)/.2),0 18px 45px rgb(var(--mg-color-neutral-900)/.14);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{align-items:stretch;display:none;flex-direction:row;max-height:70vh;min-height:21.875rem;overflow:hidden;position:absolute;top:3rem}}.mg-mega-content.mg-container-full-width{position:absolute}.mg-mega-content__left{background-color:rgb(var(--mg-color-neutral-0)/.8);height:100%;width:100%}@media screen and (min-width:900px){.mg-mega-content__left{flex-basis:33%;height:auto;min-height:0;overflow-y:auto}}.mg-mega-content__banner{padding:var(--mg-spacing-250)}.mg-mega-content__banner header{font-family:Roboto Condensed,sans-serif;font-size:1.4375rem;font-weight:700;padding-bottom:var(--mg-spacing-100)}.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{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-mega-content__left{border-inline-end:1px solid rgb(var(--mg-color-neutral-600)/.24)}.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:rgb(var(--mg-color-interactive-active))}.mg-mega-content__section-list{padding-inline:var(--mg-spacing-200)}.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:calc(var(--mg-spacing-200)*-1);padding:var(--mg-spacing-150) var(--mg-spacing-250);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:rgb(var(--mg-color-interactive)/.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:var(--mg-spacing-150);opacity:.55;padding-inline-start:var(--mg-spacing-150);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:rgb(var(--mg-color-interactive)/.15);border-inline-start:4px solid rgb(var(--mg-color-interactive));margin-inline-start:calc(var(--mg-spacing-200)*-1);padding:var(--mg-spacing-150) var(--mg-spacing-250);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:"‹"}
|
|
352
492
|
|
|
353
493
|
/* Brief pulse to draw attention when active becomes visible */@keyframes mg-mega-tab-pulse{0%{box-shadow:inset 4px 0 0 0 rgb(var(--mg-color-button)),0 0 0 0 rgb(var(--mg-color-blue-900)/0)}60%{box-shadow:inset 4px 0 0 0 rgb(var(--mg-color-button)),0 0 0 8px rgb(var(--mg-color-blue-900)/.12)}to{box-shadow:inset 4px 0 0 0 rgb(var(--mg-color-button)),0 0 0 0 rgb(var(--mg-color-blue-900)/0)}}.mg-mega-content__section-list-link--active{animation:mg-mega-tab-pulse .7s ease-out 1}
|
|
354
494
|
|
|
355
495
|
/* 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}
|
|
356
496
|
|
|
357
|
-
/* Stronger keyboard focus ring for accessibility
|
|
497
|
+
/* Stronger keyboard focus ring for accessibility.
|
|
498
|
+
Was a hardcoded white inset ring, which is invisible here: the panel is
|
|
499
|
+
--mg-color-neutral-0 and the focused link tints it only 15%, so white
|
|
500
|
+
measured 1.28:1. The default focus ring measures 4.22-4.58:1 across the five themes on that tint. */.mg-mega-content__section-list-link:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-mega-content__right{display:flex;flex:1;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{align-items:flex-start;min-height:0;min-width:0;overflow-y:auto}.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{flex:1;list-style:none;padding:var(--mg-spacing-150)}@media screen and (min-width:900px){.mg-mega-content__right ul{column-fill:balance;column-gap:var(--mg-spacing-200);columns:280px}}.mg-mega-content__right ul ul{break-inside:avoid;opacity:.8;padding-block:0;padding-inline:var(--mg-spacing-150)}.mg-mega-content__right ul li{break-inside:avoid;margin:0;padding:0}.mg-mega-content__right ul li a{color:rgb(var(--mg-color-black));display:block;font-weight:700;overflow:hidden;padding:var(--mg-spacing-50);text-overflow:clip;white-space:wrap}.mg-mega-content__right ul li a:hover{color:rgb(var(--mg-color-black));text-decoration:underline}
|
|
358
501
|
|
|
359
502
|
/* Subtle blue gradient flash that fades to transparent on right content area */@keyframes mg-mega-right-flash{0%{background:linear-gradient(to bottom,rgb(var(--mg-color-blue-900)/.06) 0,transparent 100%)}to{background:transparent}}
|
|
360
|
-
/* 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:var(--mg-spacing-100)}.mg-icon-button:hover{background-color:rgb(var(--mg-color-interactive-active))}.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:var(--mg-spacing-50);padding-inline-start:var(--mg-spacing-300)}.mg-mega-sidebar-section ol ol li a{color:rgb(var(--mg-color-white));text-decoration:none}.mg-mega-sidebar-section ol ol li:hover{background:rgb(var(--mg-color-interactive-active))}.mg-mega-sidebar-section__item{align-items:center;background:rgb(var(--mg-color-interactive));border:none;border-block-end:1px solid rgb(var(--mg-color-white));color:rgb(var(--mg-color-white));cursor:pointer;display:flex;justify-content:space-between;padding:var(--mg-spacing-100) var(--mg-spacing-250);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:rgb(var(--mg-color-interactive-active));color:rgb(var(--mg-color-white))}.mg-mega-sidebar-section__item:focus-visible{
|
|
503
|
+
/* 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:var(--mg-spacing-100)}.mg-icon-button:hover{background-color:rgb(var(--mg-color-interactive-active))}.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:var(--mg-spacing-50);padding-inline-start:var(--mg-spacing-300)}.mg-mega-sidebar-section ol ol li a{color:rgb(var(--mg-color-white));text-decoration:none}.mg-mega-sidebar-section ol ol li:hover{background:rgb(var(--mg-color-interactive-active))}.mg-mega-sidebar-section__item{align-items:center;background:rgb(var(--mg-color-interactive));border:none;border-block-end:1px solid rgb(var(--mg-color-white));color:rgb(var(--mg-color-white));cursor:pointer;display:flex;justify-content:space-between;padding:var(--mg-spacing-100) var(--mg-spacing-250);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:rgb(var(--mg-color-interactive-active));color:rgb(var(--mg-color-white))}.mg-mega-sidebar-section__item:focus-visible{box-shadow:inset 0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0)),inset 0 0 0 calc(var(--mg-focus-ring-offset) + var(--mg-focus-ring-width)) rgb(var(--mg-color-focus-ring));outline:0}@media (forced-colors:active){.mg-mega-sidebar-section__item:focus-visible{outline:var(--mg-focus-ring-width) solid Highlight;outline-offset:calc(var(--mg-focus-ring-width)*-1)}}.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:rgb(var(--mg-color-interactive-active));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:var(--mg-z-index-nav)}.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:rgb(var(--mg-color-white));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:rgb(var(--mg-color-white));cursor:pointer;display:flex;justify-content:space-between;padding:var(--mg-spacing-150) var(--mg-spacing-300)}.mg-mega-sidebar__section:hover{background:rgb(var(--mg-color-interactive-active))}.mg-mega-topbar-mobile__icon-button{align-items:start;background:transparent;border:none;color:rgb(var(--mg-color-interactive));cursor:pointer;display:flex;font-size:1.25rem;height:100%;inset-inline-end:0;justify-content:start;padding:var(--mg-spacing-100);position:absolute;width:100vw;z-index:var(--mg-z-index-nav-toggle)}@media screen and (min-width:900px){.mg-mega-topbar-mobile__icon-button{display:none}}.mg-mega-topbar-mobile__icon-button:hover{color:rgb(var(--mg-color-blue-900)/.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:rgb(var(--mg-color-interactive-active))}.mg-mega-mobile-sidebar{background-color:rgb(var(--mg-color-interactive));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:calc(var(--mg-z-index-nav) - 1)}.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:calc(var(--mg-z-index-nav) - 1)}@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 screen and (max-width:900px){.mg-mega-wrapper--js-active .mg-mega-topbar__item,.mg-mega-wrapper--js-active .mg-mega-topbar__nav{pointer-events:none}}@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:var(--mg-z-index-header)}@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:var(--sendai-red-900)}.mg-page-header__decoration div:nth-child(2){background:var(--sendai-purple-900)}.mg-page-header__decoration div:nth-child(3){background:var(--sendai-orange-900)}.mg-page-header__decoration div:nth-child(4){background:var(--sendai-turquoise-900)}.mg-page-header__label{display:inline-block;font-size:.875rem;font-weight:700;margin-right:var(--mg-spacing-25);padding:var(--mg-spacing-25) 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}}
|
|
361
504
|
|
|
362
|
-
/* content-card start */.mg-card{background:var(--mg-card-background);border-radius:var(--mg-card-border-radius);box-shadow:var(--mg-card-shadow);display:inline-block;isolation:isolate;margin-bottom:var(--mg-spacing-100);padding:var(--mg-card-padding);position:relative}@media (prefers-reduced-motion:no-preference){.mg-card{transition:box-shadow var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-card:hover{box-shadow:var(--mg-card-shadow-hover)}.mg-card__vc{align-content:flex-start;display:grid;gap:var(--mg-spacing-50)}.mg-card__vc .mg-card__visual{aspect-ratio:16/9;border-radius:calc(var(--mg-card-border-radius)/2);outline:1px solid rgb(var(--mg-color-neutral-900)/.1);overflow:hidden}.mg-card__vc:not(.mg-card__book) .mg-card__image{block-size:100%;inline-size:100%}@media (prefers-reduced-motion:no-preference){.mg-card__vc .mg-card__image{transition:opacity var(--mg-motion-duration-medium) var(--mg-motion-easing-standard),transform var(--mg-motion-duration-medium) var(--mg-motion-easing-standard)}}.mg-card__vc:hover .mg-card__image{opacity:.78}@media (prefers-reduced-motion:no-preference){.mg-card__vc:hover .mg-card__image{transform:scale(1.04)}}.mg-card__hc{color:rgb(var(--mg-color-neutral-800));display:grid;gap:var(--mg-spacing-100);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:not(.mg-card-book__hc) .mg-card__visual{border-radius:calc(var(--mg-card-border-radius)/2);outline:1px solid rgb(var(--mg-color-neutral-900)/.1);overflow:hidden}@media (prefers-reduced-motion:no-preference){.mg-card__hc:not(.mg-card-book__hc) .mg-card__image{transition:opacity var(--mg-motion-duration-medium) var(--mg-motion-easing-standard),transform var(--mg-motion-duration-medium) var(--mg-motion-easing-standard)}}.mg-card__hc:not(.mg-card-book__hc):hover .mg-card__image{opacity:.78}@media (prefers-reduced-motion:no-preference){.mg-card__hc:not(.mg-card-book__hc):hover .mg-card__image{transform:scale(1.04)}}.mg-card__hc.mg-card-book__hc .mg-card__visual{align-self:flex-start;border:1px solid rgb(var(--mg-color-neutral-600)/.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 var(--mg-spacing-100);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:flex-start;object-fit:cover;width:100%}.mg-card__label{cursor:pointer;display:inline-block;font-size:.875rem;margin-right:var(--mg-spacing-50)}.mg-card__label,.mg-card__label:hover{color:rgb(var(--mg-color-tag))}.mg-card__title{font-family:Roboto Condensed,sans-serif;font-size:1.4375rem;font-weight:700;line-height:1.25em;padding-bottom:var(--mg-spacing-75);padding-top:var(--mg-spacing-100);text-wrap:balance}.mg-card__title a{color:rgb(var(--mg-color-interactive));cursor:pointer;display:inline;text-decoration:underline;text-underline-offset:3px}.mg-card__title .active{background:rgb(var(--mg-color-neutral-50));font-weight:700}.mg-card__title a:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.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{border-radius:var(--mg-focus-ring-radius);outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.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:rgb(var(--mg-color-secondary))}.mg-card--tertiary .mg-card__title a{color:rgb(var(--mg-color-tertiary))}.mg-card--quaternary .mg-card__title a{color:rgb(var(--mg-color-quaternary))}.mg-card.mg-card--plain-title .mg-card__title a{color:rgb(var(--mg-color-text));text-decoration:none}.mg-card.mg-card--plain-title .mg-card__title a:after{content:none}.mg-card__summary{padding-bottom:var(--mg-spacing-50);text-wrap:pretty}.mg-card__summary a,.mg-card__text-link{color:rgb(var(--mg-color-interactive))}.mg-card .mg-button,.mg-card__label,.mg-card__summary a,.mg-card__text-link{position:relative;z-index:2}.mg-card__label{font-family:Roboto Condensed,sans-serif;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 rgb(var(--mg-color-neutral-600)/.2)}.mg-card__book .mg-card__title{font-size:1rem;padding-top:var(--mg-spacing-25)}@media (min-width:1164px){.mg-card__book{max-width:400px}}.mg-card__icon{align-items:flex-start;display:flex;flex-direction:column;gap:var(--mg-spacing-100);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:rgb(var(--mg-color-tag));font-size:.875rem;font-weight:700;width:100%}.mg-card__icon .mg-card__visual{align-items:flex-start;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:rgb(var(--mg-color-interactive));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:var(--mg-card-icon-badge-radius);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,rgb(var(--mg-color-neutral-700)));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{border-radius:var(--mg-focus-ring-radius);outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.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:rgb(var(--mg-color-interactive));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:var(--mg-focus-ring-radius);outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-card__icon .mg-card__cta{margin-top:auto;padding-top:var(--mg-spacing-100)}.mg-card__icon .mg-card__link{margin-bottom:0;margin-top:auto;padding-top:var(--mg-spacing-75)}.mg-card__icon .mg-card__link a{color:rgb(var(--mg-color-interactive));position:relative;text-decoration:none;z-index:2}.mg-card__icon .mg-card__link a:hover{text-decoration:underline}.mg-card__icon .mg-card__link a:focus-visible{border-radius:var(--mg-focus-ring-radius);outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-card__icon--bordered{border:2px solid var(--mg-card-border);padding:max(var(--mg-card-padding),var(--mg-spacing-150))}.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:rgb(var(--mg-color-white))}.mg-card__icon--negative .mg-card__label{color:rgb(var(--mg-color-neutral-0)/.8)}.mg-card__icon--negative .mg-card__title,.mg-card__icon--negative .mg-card__title a{color:rgb(var(--mg-color-white))}.mg-card__icon--negative .mg-card__summary{color:rgb(var(--mg-color-neutral-0)/.8)}.mg-card__icon--negative .mg-card__link a{color:rgb(var(--mg-color-white))}.mg-card__icon--negative .mg-card__link a:focus-visible{outline-color:rgb(var(--mg-color-white))}[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}:lang(ar) .mg-card__label,:lang(ar) .mg-card__title,:lang(ar) .mg-card__title a{font-family:Noto Kufi Arabic,sans-serif}
|
|
505
|
+
/* content-card start */.mg-card{background:var(--mg-card-background);border-radius:var(--mg-card-border-radius);box-shadow:var(--mg-card-shadow);display:inline-block;isolation:isolate;margin-bottom:var(--mg-spacing-100);padding:var(--mg-card-padding);position:relative}@media (prefers-reduced-motion:no-preference){.mg-card{transition:box-shadow var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-card:hover{box-shadow:var(--mg-card-shadow-hover)}.mg-card__vc{align-content:flex-start;display:grid;gap:var(--mg-spacing-50)}.mg-card__vc .mg-card__visual{aspect-ratio:16/9;border-radius:calc(var(--mg-card-border-radius)/2);outline:1px solid rgb(var(--mg-color-neutral-900)/.1);overflow:hidden}.mg-card__vc:not(.mg-card__book) .mg-card__image{block-size:100%;inline-size:100%}@media (prefers-reduced-motion:no-preference){.mg-card__vc .mg-card__image{transition:opacity var(--mg-motion-duration-medium) var(--mg-motion-easing-standard),transform var(--mg-motion-duration-medium) var(--mg-motion-easing-standard)}}.mg-card__vc:hover .mg-card__image{opacity:.78}@media (prefers-reduced-motion:no-preference){.mg-card__vc:hover .mg-card__image{transform:scale(1.04)}}.mg-card__hc{color:rgb(var(--mg-color-neutral-800));display:grid;gap:var(--mg-spacing-100);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:not(.mg-card-book__hc) .mg-card__visual{border-radius:calc(var(--mg-card-border-radius)/2);outline:1px solid rgb(var(--mg-color-neutral-900)/.1);overflow:hidden}@media (prefers-reduced-motion:no-preference){.mg-card__hc:not(.mg-card-book__hc) .mg-card__image{transition:opacity var(--mg-motion-duration-medium) var(--mg-motion-easing-standard),transform var(--mg-motion-duration-medium) var(--mg-motion-easing-standard)}}.mg-card__hc:not(.mg-card-book__hc):hover .mg-card__image{opacity:.78}@media (prefers-reduced-motion:no-preference){.mg-card__hc:not(.mg-card-book__hc):hover .mg-card__image{transform:scale(1.04)}}.mg-card__hc.mg-card-book__hc .mg-card__visual{align-self:flex-start;border:1px solid rgb(var(--mg-color-neutral-600)/.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 var(--mg-spacing-100);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:flex-start;object-fit:cover;width:100%}.mg-card__label{cursor:pointer;display:inline-block;font-size:.875rem;margin-right:var(--mg-spacing-50)}.mg-card__label,.mg-card__label:hover{color:rgb(var(--mg-color-tag))}.mg-card__title{font-family:Roboto Condensed,sans-serif;font-size:1.4375rem;font-weight:700;line-height:1.25em;padding-bottom:var(--mg-spacing-75);padding-top:var(--mg-spacing-100);text-wrap:balance}.mg-card__title a{color:rgb(var(--mg-color-interactive));cursor:pointer;display:inline;text-decoration:underline;text-underline-offset:3px}.mg-card__title .active{background:rgb(var(--mg-color-neutral-50));font-weight:700}.mg-card__title a:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.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{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.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:rgb(var(--mg-color-secondary))}.mg-card--tertiary .mg-card__title a{color:rgb(var(--mg-color-tertiary))}.mg-card--quaternary .mg-card__title a{color:rgb(var(--mg-color-quaternary))}.mg-card.mg-card--plain-title .mg-card__title a{color:rgb(var(--mg-color-text));text-decoration:none}.mg-card.mg-card--plain-title .mg-card__title a:after{content:none}.mg-card__summary{padding-bottom:var(--mg-spacing-50);text-wrap:pretty}.mg-card__summary a,.mg-card__text-link{color:rgb(var(--mg-color-interactive))}.mg-card .mg-button,.mg-card__label,.mg-card__summary a,.mg-card__text-link{position:relative;z-index:2}.mg-card__label{font-family:Roboto Condensed,sans-serif;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 rgb(var(--mg-color-neutral-600)/.2)}.mg-card__book .mg-card__title{font-size:1rem;padding-top:var(--mg-spacing-25)}@media (min-width:1164px){.mg-card__book{max-width:400px}}.mg-card__icon{align-items:flex-start;display:flex;flex-direction:column;gap:var(--mg-spacing-100);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:rgb(var(--mg-color-tag));font-size:.875rem;font-weight:700;width:100%}.mg-card__icon .mg-card__visual{align-items:flex-start;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:rgb(var(--mg-color-interactive));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:var(--mg-card-icon-badge-radius);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,rgb(var(--mg-color-neutral-700)));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{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.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:rgb(var(--mg-color-interactive));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{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-card__icon .mg-card__cta{margin-top:auto;padding-top:var(--mg-spacing-100)}.mg-card__icon .mg-card__link{margin-bottom:0;margin-top:auto;padding-top:var(--mg-spacing-75)}.mg-card__icon .mg-card__link a{color:rgb(var(--mg-color-interactive));position:relative;text-decoration:none;z-index:2}.mg-card__icon .mg-card__link a:hover{text-decoration:underline}.mg-card__icon .mg-card__link a:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-card__icon--bordered{border:2px solid var(--mg-card-border);padding:max(var(--mg-card-padding),var(--mg-spacing-150))}.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:rgb(var(--mg-color-white))}.mg-card__icon--negative .mg-card__label{color:rgb(var(--mg-color-neutral-0)/.8)}.mg-card__icon--negative .mg-card__title,.mg-card__icon--negative .mg-card__title a{color:rgb(var(--mg-color-white))}.mg-card__icon--negative .mg-card__summary{color:rgb(var(--mg-color-neutral-0)/.8)}.mg-card__icon--negative .mg-card__link a{color:rgb(var(--mg-color-white))}.mg-card__icon--negative .mg-card__link a:focus-visible{outline-color:rgb(var(--mg-color-focus-ring-inverse))}[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}:lang(ar) .mg-card__label,:lang(ar) .mg-card__title,:lang(ar) .mg-card__title a{font-family:Dubai,sans-serif}
|
|
363
506
|
|
|
364
507
|
/* content-card end */
|
|
365
508
|
/* Stats Card Component */.mg-stats-card{width:100%}
|
|
@@ -367,9 +510,9 @@
|
|
|
367
510
|
/* Individual Stat Item - extends mg-card base */.mg-stats-card-item{align-items:flex-start;background-color:rgb(var(--mg-color-white));border:1px solid rgb(var(--mg-color-neutral-200));display:flex;flex-direction:column;gap:var(--mg-spacing-100);overflow:hidden;padding:var(--mg-spacing-400);position:relative
|
|
368
511
|
/* small design */}@media (width <= 47.9375em){.mg-stats-card-item{padding:var(--mg-spacing-300)}}.mg-stats-card-item__icon{color:rgb(var(--mg-color-interactive));font-size:2rem;line-height:1;margin-bottom:var(--mg-spacing-100)}.mg-stats-card-item__icon i{display:block}.mg-stats-card-item__label{color:rgb(var(--mg-color-tag));font-family:Roboto Condensed,sans-serif;font-size:.78125rem;font-weight:600;letter-spacing:.05em;line-height:1.2;text-transform:uppercase}.mg-stats-card-item__value{color:rgb(var(--mg-color-interactive));font-family:Roboto Condensed,sans-serif;font-size:2.5rem;font-variant-numeric:tabular-nums lining-nums;font-weight:700;line-height:1;margin:var(--mg-spacing-100) 0;overflow-wrap:break-word;text-decoration:none
|
|
369
512
|
/* medium design */}@media (width >= 48em){.mg-stats-card-item__value{font-size:2.25rem}}.mg-stats-card-item__value{
|
|
370
|
-
/* 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{
|
|
513
|
+
/* 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{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-stats-card-item__bottom-label{color:rgb(var(--mg-color-text));font-family:Roboto Condensed,sans-serif;font-size:1.4375rem;font-weight:600;line-height:1.3;margin-bottom:var(--mg-spacing-50)
|
|
371
514
|
/* small design */}@media (width <= 47.9375em){.mg-stats-card-item__bottom-label{font-size:1.125rem}}.mg-stats-card-item__summary{color:rgb(var(--mg-color-neutral-800));font-size:1.125rem;line-height:1.5}.mg-stats-card-item__summary p{margin:0}.mg-stats-card-item__summary{
|
|
372
|
-
/* small design */}@media (width <= 47.9375em){.mg-stats-card-item__summary{font-size:1rem}}.mg-stats-card-item__summary a{color:rgb(var(--mg-color-interactive));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{
|
|
515
|
+
/* small design */}@media (width <= 47.9375em){.mg-stats-card-item__summary{font-size:1rem}}.mg-stats-card-item__summary a{color:rgb(var(--mg-color-interactive));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{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-stats-card-item--linked{cursor:pointer}
|
|
373
516
|
|
|
374
517
|
/* Variant: Compact */.mg-stats-card--compact .mg-stats-card-item{padding:var(--mg-spacing-300)
|
|
375
518
|
/* small design */}@media (width <= 47.9375em){.mg-stats-card--compact .mg-stats-card-item{padding:var(--mg-spacing-200)}}.mg-stats-card--compact .mg-stats-card-item__value{font-size:2.25rem
|
|
@@ -379,22 +522,22 @@
|
|
|
379
522
|
|
|
380
523
|
/* Variant: Highlighted */.mg-stats-card--highlighted .mg-stats-card-item{background-color:rgb(var(--mg-color-blue-900)/.05);border-left:4px solid rgb(var(--mg-color-interactive))}.mg-stats-card--highlighted .mg-stats-card-item:hover{background-color:rgb(var(--mg-color-blue-900)/.08)}
|
|
381
524
|
|
|
382
|
-
/* Variant: Negative (for dark backgrounds) */.mg-stats-card--negative h2{color:rgb(var(--mg-color-white))}.mg-stats-card--negative .mg-stats-card-item{background-color:transparent;border-color:rgb(var(--mg-color-neutral-0)/.5);border-width:2px}.mg-stats-card--negative .mg-stats-card-item__icon{color:rgb(var(--mg-color-white))}.mg-stats-card--negative .mg-stats-card-item__label{color:rgb(var(--mg-color-neutral-0)/.8)}.mg-stats-card--negative .mg-stats-card-item__bottom-label,.mg-stats-card--negative .mg-stats-card-item__value{color:rgb(var(--mg-color-white))}.mg-stats-card--negative .mg-stats-card-item__summary{color:rgb(var(--mg-color-neutral-0)/.8)}.mg-stats-card--negative .mg-stats-card-item__summary a{color:rgb(var(--mg-color-white))}.mg-stats-card--negative .mg-stats-card-item__summary a:focus{outline-color:rgb(var(--mg-color-
|
|
525
|
+
/* Variant: Negative (for dark backgrounds) */.mg-stats-card--negative h2{color:rgb(var(--mg-color-white))}.mg-stats-card--negative .mg-stats-card-item{background-color:transparent;border-color:rgb(var(--mg-color-neutral-0)/.5);border-width:2px}.mg-stats-card--negative .mg-stats-card-item__icon{color:rgb(var(--mg-color-white))}.mg-stats-card--negative .mg-stats-card-item__label{color:rgb(var(--mg-color-neutral-0)/.8)}.mg-stats-card--negative .mg-stats-card-item__bottom-label,.mg-stats-card--negative .mg-stats-card-item__value{color:rgb(var(--mg-color-white))}.mg-stats-card--negative .mg-stats-card-item__summary{color:rgb(var(--mg-color-neutral-0)/.8)}.mg-stats-card--negative .mg-stats-card-item__summary a{color:rgb(var(--mg-color-white))}.mg-stats-card--negative .mg-stats-card-item__summary a:focus{outline-color:rgb(var(--mg-color-focus-ring-inverse))}.mg-stats-card--negative .mg-stats-card-item a.mg-stats-card-item__value:focus-visible:after{outline-color:rgb(var(--mg-color-focus-ring-inverse))}
|
|
383
526
|
|
|
384
|
-
/* RTL Support */[dir=rtl] .mg-stats-card--highlighted .mg-stats-card-item{border-left:none;border-right:4px solid rgb(var(--mg-color-interactive))}:lang(ar) .mg-stats-card-item__bottom-label,:lang(ar) .mg-stats-card-item__label,:lang(ar) .mg-stats-card-item__value{font-family:Noto Kufi Arabic,sans-serif}.mg-snackbar-wrapper{display:flex;justify-content:center;left:50%;max-width:600px;position:fixed;top:0;transform:translate(-50%,-300%);transition:transform .3s ease-in-out;width:calc(100% - 32px);z-index:var(--mg-z-index-toast)}.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:rgb(var(--mg-color-interactive));border-radius:var(--mg-radius-tab);box-shadow:0 0 10px rgba(0,0,0,.2);color:rgb(var(--mg-color-white));display:flex;fill:rgb(var(--mg-color-white));padding:var(--mg-padding-button);width:100%}.mg-snackbar__error{background-color:rgb(var(--mg-color-red-900));color:rgb(var(--mg-color-white))}.mg-snackbar__warning{background-color:#ae7a03;color:rgb(var(--mg-color-white))}.mg-snackbar__info{background-color:rgb(var(--mg-color-interactive));color:rgb(var(--mg-color-white))}.mg-snackbar__success{background-color:#14527a;color:rgb(var(--mg-color-white))}.mg-snackbar__content{align-items:center;display:flex;gap:var(--mg-spacing-100);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:var(--mg-spacing-100);min-height:44px;width:100%}}.mg-snackbar__message{flex:1;margin-inline-end:var(--mg-spacing-200);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:var(--mg-radius-button);color:inherit;cursor:pointer;font-weight:700;min-height:44px;min-width:88px;padding:var(--mg-spacing-50) var(--mg-spacing-150);transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}.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 rgb(var(--mg-color-white));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}#cc-main{--cc-bg:var(--mg-surface-raised)!important;--cc-primary-color:rgb(var(--mg-color-text))!important;--cc-secondary-color:rgb(var(--mg-color-neutral-600))!important;--cc-btn-primary-bg:rgb(var(--mg-color-interactive))!important;--cc-btn-primary-color:rgb(var(--mg-color-neutral-0))!important;--cc-btn-primary-border-color:rgb(var(--mg-color-interactive))!important;--cc-btn-primary-hover-bg:rgb(var(--mg-color-interactive-active))!important;--cc-btn-primary-hover-color:rgb(var(--mg-color-neutral-0))!important;--cc-btn-secondary-bg:rgb(var(--mg-color-neutral-50))!important;--cc-btn-secondary-color:rgb(var(--mg-color-text))!important;--cc-btn-secondary-border-color:rgb(var(--mg-color-neutral-200))!important;--cc-btn-secondary-hover-bg:rgb(var(--mg-color-neutral-100))!important;--cc-btn-secondary-hover-color:rgb(var(--mg-color-text))!important;--cc-toggle-on-bg:rgb(var(--mg-color-interactive))!important;--cc-toggle-off-bg:rgb(var(--mg-color-neutral-400))!important;--cc-toggle-readonly-bg:rgb(var(--mg-color-neutral-200))!important;--cc-cookie-category-block-bg:rgb(var(--mg-color-neutral-50))!important;--cc-cookie-category-block-hover-bg:rgb(var(--mg-color-neutral-100))!important;--cc-section-border:rgb(var(--mg-color-neutral-200))!important;--cc-cookie-table-border:rgb(var(--mg-color-neutral-200))!important;--cc-separator-border-color:rgb(var(--mg-color-neutral-200))!important;--cc-overlay-bg:rgb(var(--mg-color-neutral-900)/0.82)!important;--cc-font-family:Roboto,sans-serif!important;--cc-modal-border-radius:var(--mg-card-border-radius)!important;--cc-btn-border-radius:var(--mg-radius-button)!important}#cc-main .cc__link,#cc-main a{color:rgb(var(--mg-color-interactive));text-decoration:underline;text-underline-offset:.16em}#cc-main .cc__link:hover,#cc-main a:hover{color:rgb(var(--mg-color-interactive-active))}#cc-main .c-bn,#cc-main .cm__btn,#cc-main .pm__btn{font-family:Roboto,sans-serif;font-weight:600}@media (prefers-reduced-motion:no-preference){#cc-main .c-bn,#cc-main .cm__btn,#cc-main .pm__btn{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),border-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),scale var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}#cc-main .c-bn:active,#cc-main .cm__btn:active,#cc-main .pm__btn:active{scale:.96}#cc-main .c-bn:focus-visible,#cc-main .cm__btn:focus-visible,#cc-main .pm__btn:focus-visible{border-radius:var(--mg-focus-ring-radius);outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}#cc-main #cm.bar,#cc-main .cm--bar{border-block-start:1px solid rgb(var(--mg-color-neutral-600)/.2);box-shadow:0 -8px 24px rgb(var(--mg-color-neutral-900)/.08)}:lang(ar) #cc-main .c-bn,:lang(ar) #cc-main .cm__btn,:lang(ar) #cc-main .pm__btn{font-family:Dubai,sans-serif}.mg-hero{--mg-hero-cta-color:var(--mg-color-hero);--mg-hero-gradient-color:var(--mg-color-blue-900);--mg-hero-gradient-start:var(--mg-hero-gradient-start-opacity);--mg-hero-gradient-middle:var(--mg-hero-gradient-middle-opacity);--mg-hero-gradient-end:var(--mg-hero-gradient-end-opacity);background-position:50%;background-size:cover;color:rgb(var(--mg-color-neutral-0));display:grid;grid-template-columns:1fr;margin-left:calc(50% - 50vw);padding-left:var(--mg-spacing-100);position:relative;width:100vw}.mg-hero:not(.mg-hero--split):before{background:linear-gradient(90deg,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-start)) 0,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-middle)) 48%,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-end)) 100%);content:"";inset:0;pointer-events:none;position:absolute}@media (max-width:900px){.mg-hero:not(.mg-hero--split):before{background:linear-gradient(0deg,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-start)) 0,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-middle)) 68%,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-end)) 100%)}}@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--contained{margin-inline:0;padding-inline:0;width:100%}.mg-hero--immersive:not(.mg-hero--split){align-items:end;aspect-ratio:unset;min-height:clamp(31rem,62vw,43rem)}.mg-hero--immersive:not(.mg-hero--split) .mg-hero__overlay{align-items:end;margin:0;max-width:48rem;padding:clamp(2rem,6vw,5rem)}.mg-hero--immersive:not(.mg-hero--split) .mg-hero__title,.mg-hero--immersive:not(.mg-hero--split) .mg-hero__title .text-xxl{font-size:clamp(2.375rem,6vw,5rem);letter-spacing:-.045em;line-height:.98;max-width:12ch}.mg-hero--immersive:not(.mg-hero--split) .mg-hero__summaryText{font-size:clamp(1rem,1.8vw,1.3125rem);line-height:1.55;max-width:37rem}.mg-hero a.mg-button,.mg-hero a.mg-button:hover,.mg-hero a.mg-button:visited{color:rgb(var(--mg-color-hero))}.mg-hero a.mg-button-primary{background-color:rgb(var(--mg-color-neutral-0))}.mg-hero a.mg-button.mg-button-cta,.mg-hero a.mg-button.mg-button-cta:hover,.mg-hero a.mg-button.mg-button-cta:visited{background:transparent;border-color:transparent;color:rgb(var(--mg-color-neutral-0))}.mg-hero a.mg-button.mg-button-cta:after,.mg-hero a.mg-button.mg-button-cta:hover:after,.mg-hero a.mg-button.mg-button-cta:visited:after{background:rgb(var(--mg-color-neutral-0));color:rgb(var(--mg-hero-cta-color))}.mg-hero a.mg-button-secondary:not(.mg-button-cta),.mg-hero a.mg-button-secondary:not(.mg-button-cta):hover,.mg-hero a.mg-button-secondary:not(.mg-button-cta):visited{background-color:var(--mg-color-hero-button-secondary-background);border-color:rgb(var(--mg-border-color-hero-button-secondary));color:rgb(var(--mg-color-hero-button-secondary-color))}.mg-hero a.mg-button:focus-visible{box-shadow:0 0 0 2px rgb(var(--mg-color-neutral-0));outline:2px solid rgb(var(--mg-color-neutral-0));outline-offset:2px}.mg-hero__overlay{align-items:center;background:transparent;display:grid;margin:var(--mg-spacing-hero-overlay);max-width:var(--mg-hero-overlay-max-width);padding:var(--mg-hero-overlay-padding);position:relative;z-index:1}.mg-hero__content{display:grid;margin-top:var(--mg-spacing-25);row-gap:.625rem}.mg-hero__logo{height:auto;margin-bottom:clamp(var(--mg-spacing-300),10vw,var(--mg-spacing-800));width:min(13rem,52vw)}.mg-hero__meta{padding-bottom:var(--mg-spacing-25)}.mg-hero__meta.meta-detail{display:flex;flex-direction:column}.mg-hero__label{display:inline-block;font-family:Roboto Condensed,sans-serif;font-size:.875rem;font-weight:700;margin-right:var(--mg-spacing-25);padding:var(--mg-spacing-25) 0}.mg-hero__label.detail{font-weight:400}.mg-hero a,.mg-hero a:hover,.mg-hero a:visited{color:rgb(var(--mg-color-neutral-0))}.mg-hero__title{display:inline-block;font-family:Roboto Condensed,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:var(--mg-spacing-25);max-width:18ch;text-wrap:balance}.mg-hero__title,.mg-hero__title a,.mg-hero__title a:hover,.mg-hero__title a:visited{color:rgb(var(--mg-color-hero-title))}.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:var(--mg-spacing-150);padding-top:var(--mg-spacing-250)}@media (max-width:480px){.mg-hero__title .text-xl{font-size:1.4375rem;padding-bottom:var(--mg-spacing-150);padding-top:var(--mg-spacing-250)}}.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:rgb(var(--mg-color-hero-title));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:var(--mg-spacing-150);padding-top:var(--mg-spacing-250)}@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:var(--mg-spacing-150);padding-top:var(--mg-spacing-250)}}.mg-hero__title a>span,.mg-hero__title h1>span,.mg-hero__title h2>span,.mg-hero__title h3>span,.mg-hero__title h4>span,.mg-hero__title h5>span,.mg-hero__title h6>span{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.mg-hero__summaryText{font-size:1.125rem;margin-bottom:var(--mg-spacing-25);max-width:62ch;text-wrap:pretty}.mg-hero__buttons{display:flex;flex-wrap:wrap;gap:var(--mg-spacing-100) var(--mg-spacing-250);padding-bottom:var(--mg-spacing-50);padding-top:var(--mg-spacing-75)}@media (max-width:900px){.mg-hero__buttons{align-items:flex-start;flex-direction:column;flex-wrap:nowrap}.mg-hero__buttons .mg-button.mg-button-cta{inline-size:fit-content;max-inline-size:100%}}.mg-hero__buttons .mg-button+.mg-button{margin-inline-start:0}@media (max-width:900px){.mg-hero--child .mg-hero__overlay{margin-left:0}}.mg-hero--secondary{--mg-hero-cta-color:var(--mg-color-orange-800);--mg-hero-gradient-color:var(--mg-color-orange-800)}.mg-hero--secondary .mg-hero__overlay a.mg-button:not(.mg-button-cta),.mg-hero--secondary .mg-hero__overlay a.mg-button:not(.mg-button-cta):hover,.mg-hero--secondary .mg-hero__overlay a.mg-button:not(.mg-button-cta):visited{color:rgb(var(--mg-color-orange-800))}.mg-hero--secondary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta),.mg-hero--secondary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta):hover,.mg-hero--secondary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta):visited{background-color:var(--mg-color-hero-button-secondary-background);border-color:rgb(var(--mg-border-color-hero-button-secondary));color:rgb(var(--mg-color-hero-button-secondary-color))}.mg-hero--tertiary{--mg-hero-cta-color:var(--mg-color-neutral-900);--mg-hero-gradient-color:var(--mg-color-neutral-900)}.mg-hero--tertiary .mg-hero__overlay a.mg-button:not(.mg-button-cta),.mg-hero--tertiary .mg-hero__overlay a.mg-button:not(.mg-button-cta):hover,.mg-hero--tertiary .mg-hero__overlay a.mg-button:not(.mg-button-cta):visited{color:rgb(var(--mg-color-neutral-900))}.mg-hero--tertiary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta),.mg-hero--tertiary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta):hover,.mg-hero--tertiary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta):visited{background-color:var(--mg-color-hero-button-secondary-background);border-color:rgb(var(--mg-border-color-hero-button-secondary));color:rgb(var(--mg-color-hero-button-secondary-color))}.mg-hero--quaternary{--mg-hero-cta-color:var(--mg-color-red-800);--mg-hero-gradient-color:var(--mg-color-red-800)}.mg-hero--quaternary .mg-hero__overlay a.mg-button:not(.mg-button-cta),.mg-hero--quaternary .mg-hero__overlay a.mg-button:not(.mg-button-cta):hover,.mg-hero--quaternary .mg-hero__overlay a.mg-button:not(.mg-button-cta):visited{color:rgb(var(--mg-color-red-800))}.mg-hero--quaternary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta),.mg-hero--quaternary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta):hover,.mg-hero--quaternary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta):visited{background-color:var(--mg-color-hero-button-secondary-background);border-color:rgb(var(--mg-border-color-hero-button-secondary));color:rgb(var(--mg-color-hero-button-secondary-color))}[dir=rtl] .mg-hero:not(.mg-hero--split){margin-right:calc(50% - 50vw);padding-right:var(--mg-spacing-100)}[dir=rtl] .mg-hero:not(.mg-hero--split):before{background:linear-gradient(270deg,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-start)) 0,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-middle)) 48%,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-end)) 100%)}@media (max-width:900px){[dir=rtl] .mg-hero:not(.mg-hero--split):before{background:linear-gradient(0deg,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-start)) 0,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-middle)) 68%,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-end)) 100%)}}@media (min-width:900px){[dir=rtl] .mg-hero:not(.mg-hero--split){padding-right:calc(50vw - 582px)}}@media (min-width:1440px){[dir=rtl] .mg-hero:not(.mg-hero--split){padding-right:calc(50vw - 720px)}}[dir=rtl] .mg-hero--contained:not(.mg-hero--split){margin-inline:0;padding-inline:0}.mg-hero--split{aspect-ratio:unset;background-color:rgb(var(--mg-color-hero));background-image:none;padding-left:0}.mg-hero--split a.mg-button,.mg-hero--split a.mg-button:hover,.mg-hero--split a.mg-button:visited{color:rgb(var(--mg-color-hero))}.mg-hero--split a.mg-button-primary{background-color:rgb(var(--mg-color-neutral-0))}.mg-hero--split a.mg-button.mg-button-cta,.mg-hero--split a.mg-button.mg-button-cta:hover,.mg-hero--split a.mg-button.mg-button-cta:visited{background:transparent;border-color:transparent;color:rgb(var(--mg-color-neutral-0))}.mg-hero--split a.mg-button.mg-button-cta:after,.mg-hero--split a.mg-button.mg-button-cta:hover:after,.mg-hero--split a.mg-button.mg-button-cta:visited:after{background:rgb(var(--mg-color-neutral-0));color:rgb(var(--mg-hero-cta-color))}.mg-hero--split a.mg-button-secondary:not(.mg-button-cta),.mg-hero--split a.mg-button-secondary:not(.mg-button-cta):hover,.mg-hero--split a.mg-button-secondary:not(.mg-button-cta):visited{background-color:var(--mg-color-hero-button-secondary-background);border-color:rgb(var(--mg-border-color-hero-button-secondary));color:rgb(var(--mg-color-hero-button-secondary-color))}.mg-hero--split a.mg-button:focus-visible{box-shadow:0 0 0 2px rgb(var(--mg-color-neutral-0));outline:2px solid rgb(var(--mg-color-neutral-0));outline-offset:2px}.mg-hero--split .mg-hero__split-grid{align-items:stretch;display:grid;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1164px}@media (max-width:900px){.mg-hero--split .mg-hero__split-grid{grid-template-columns:1fr}}.mg-hero--split.mg-hero--split-1-2 .mg-hero__split-grid{grid-template-columns:1fr 1fr}@media (max-width:900px){.mg-hero--split.mg-hero--split-1-2 .mg-hero__split-grid{grid-template-columns:1fr}}.mg-hero--split.mg-hero--split-1-3 .mg-hero__split-grid{grid-template-columns:1fr 2fr}@media (max-width:900px){.mg-hero--split.mg-hero--split-1-3 .mg-hero__split-grid{grid-template-columns:1fr}}.mg-hero--split .mg-hero__content{align-content:center;display:grid;padding:var(--mg-spacing-200) var(--mg-spacing-100);row-gap:.625rem}.mg-hero--split .mg-hero__media{overflow:hidden}@media (max-width:900px){.mg-hero--split .mg-hero__media{aspect-ratio:16/9}}.mg-hero--split .mg-hero__media--video{aspect-ratio:16/9}.mg-hero--split .mg-hero__media--html{display:flex}.mg-hero--split .mg-hero__media--html>*{width:100%}.mg-hero--split .mg-hero__media--html>figure{height:100%;margin:0;position:relative;width:100%}.mg-hero--split .mg-hero__media--html>figure>img{display:block;height:100%;object-fit:cover;padding:0;width:100%}.mg-hero--split .mg-hero__media--html>figure>figcaption{align-items:center;background:rgb(var(--mg-color-neutral-900)/.75);color:rgb(var(--mg-color-neutral-0));display:flex;gap:var(--mg-spacing-100);inset-block-end:0;inset-inline:0;justify-content:space-between;padding:var(--mg-spacing-50) var(--mg-spacing-100);position:absolute}.mg-hero--split .mg-hero__media-img{display:block;height:100%;object-fit:cover;width:100%}.mg-hero--split .mg-hero__media-iframe{border:0;display:block;height:100%;width:100%}.mg-hero--split.mg-hero--secondary{background-color:rgb(var(--mg-color-orange-800))}.mg-hero--split.mg-hero--secondary a.mg-button:not(.mg-button-cta),.mg-hero--split.mg-hero--secondary a.mg-button:not(.mg-button-cta):hover,.mg-hero--split.mg-hero--secondary a.mg-button:not(.mg-button-cta):visited{color:rgb(var(--mg-color-orange-800))}.mg-hero--split.mg-hero--tertiary{background-color:rgb(var(--mg-color-neutral-900))}.mg-hero--split.mg-hero--tertiary a.mg-button:not(.mg-button-cta),.mg-hero--split.mg-hero--tertiary a.mg-button:not(.mg-button-cta):hover,.mg-hero--split.mg-hero--tertiary a.mg-button:not(.mg-button-cta):visited{color:rgb(var(--mg-color-neutral-900))}.mg-hero--split.mg-hero--quaternary{background-color:rgb(var(--mg-color-red-800))}.mg-hero--split.mg-hero--quaternary a.mg-button:not(.mg-button-cta),.mg-hero--split.mg-hero--quaternary a.mg-button:not(.mg-button-cta):hover,.mg-hero--split.mg-hero--quaternary a.mg-button:not(.mg-button-cta):visited{color:rgb(var(--mg-color-red-800))}[dir=rtl] .mg-hero--split{margin-right:0;padding-right:0}[dir=rtl] .mg-hero--split .mg-hero__split-grid{direction:rtl}:lang(ar) .mg-hero__label,:lang(ar) .mg-hero__title,:lang(ar) .mg-hero__title a,:lang(ar) .mg-hero__title h1,:lang(ar) .mg-hero__title h2,:lang(ar) .mg-hero__title h3{font-family:Noto Kufi Arabic,sans-serif}
|
|
527
|
+
/* RTL Support */[dir=rtl] .mg-stats-card--highlighted .mg-stats-card-item{border-left:none;border-right:4px solid rgb(var(--mg-color-interactive))}:lang(ar) .mg-stats-card-item__bottom-label,:lang(ar) .mg-stats-card-item__label,:lang(ar) .mg-stats-card-item__value{font-family:Dubai,sans-serif}.mg-snackbar-wrapper{display:flex;justify-content:center;left:50%;max-width:600px;position:fixed;top:0;transform:translate(-50%,-300%);transition:transform .3s ease-in-out;width:calc(100% - 32px);z-index:var(--mg-z-index-toast)}.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:rgb(var(--mg-color-interactive));border-radius:var(--mg-radius-tab);box-shadow:0 0 10px rgba(0,0,0,.2);color:rgb(var(--mg-color-white));display:flex;fill:rgb(var(--mg-color-white));padding:var(--mg-padding-button);width:100%}.mg-snackbar__error{background-color:rgb(var(--mg-color-red-900));color:rgb(var(--mg-color-white))}.mg-snackbar__warning{background-color:#ae7a03;color:rgb(var(--mg-color-white))}.mg-snackbar__info{background-color:rgb(var(--mg-color-interactive));color:rgb(var(--mg-color-white))}.mg-snackbar__success{background-color:#14527a;color:rgb(var(--mg-color-white))}.mg-snackbar__content{align-items:center;display:flex;gap:var(--mg-spacing-100);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:var(--mg-spacing-100);min-height:44px;width:100%}}.mg-snackbar__message{flex:1;margin-inline-end:var(--mg-spacing-200);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:var(--mg-radius-button);color:inherit;cursor:pointer;font-weight:700;min-height:44px;min-width:88px;padding:var(--mg-spacing-50) var(--mg-spacing-150);transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}.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 rgb(var(--mg-color-focus-ring-inverse));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}#cc-main{--cc-bg:var(--mg-surface-raised)!important;--cc-primary-color:rgb(var(--mg-color-text))!important;--cc-secondary-color:rgb(var(--mg-color-neutral-600))!important;--cc-btn-primary-bg:rgb(var(--mg-color-interactive))!important;--cc-btn-primary-color:rgb(var(--mg-color-neutral-0))!important;--cc-btn-primary-border-color:rgb(var(--mg-color-interactive))!important;--cc-btn-primary-hover-bg:rgb(var(--mg-color-interactive-active))!important;--cc-btn-primary-hover-color:rgb(var(--mg-color-neutral-0))!important;--cc-btn-secondary-bg:rgb(var(--mg-color-neutral-50))!important;--cc-btn-secondary-color:rgb(var(--mg-color-text))!important;--cc-btn-secondary-border-color:rgb(var(--mg-color-neutral-200))!important;--cc-btn-secondary-hover-bg:rgb(var(--mg-color-neutral-100))!important;--cc-btn-secondary-hover-color:rgb(var(--mg-color-text))!important;--cc-toggle-on-bg:rgb(var(--mg-color-interactive))!important;--cc-toggle-off-bg:rgb(var(--mg-color-neutral-400))!important;--cc-toggle-readonly-bg:rgb(var(--mg-color-neutral-200))!important;--cc-cookie-category-block-bg:rgb(var(--mg-color-neutral-50))!important;--cc-cookie-category-block-hover-bg:rgb(var(--mg-color-neutral-100))!important;--cc-section-border:rgb(var(--mg-color-neutral-200))!important;--cc-cookie-table-border:rgb(var(--mg-color-neutral-200))!important;--cc-separator-border-color:rgb(var(--mg-color-neutral-200))!important;--cc-overlay-bg:rgb(var(--mg-color-neutral-900)/0.82)!important;--cc-font-family:Roboto,sans-serif!important;--cc-modal-border-radius:var(--mg-card-border-radius)!important;--cc-btn-border-radius:var(--mg-radius-button)!important}#cc-main .cc__link,#cc-main a{color:rgb(var(--mg-color-interactive));text-decoration:underline;text-underline-offset:.16em}#cc-main .cc__link:hover,#cc-main a:hover{color:rgb(var(--mg-color-interactive-active))}#cc-main .c-bn,#cc-main .cm__btn,#cc-main .pm__btn{font-family:Roboto,sans-serif;font-weight:600}@media (prefers-reduced-motion:no-preference){#cc-main .c-bn,#cc-main .cm__btn,#cc-main .pm__btn{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),border-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),scale var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}#cc-main .c-bn:active,#cc-main .cm__btn:active,#cc-main .pm__btn:active{scale:.96}#cc-main .c-bn:focus-visible,#cc-main .cm__btn:focus-visible,#cc-main .pm__btn:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}#cc-main #cm.bar,#cc-main .cm--bar{border-block-start:1px solid rgb(var(--mg-color-neutral-600)/.2);box-shadow:0 -8px 24px rgb(var(--mg-color-neutral-900)/.08)}:lang(ar) #cc-main .c-bn,:lang(ar) #cc-main .cm__btn,:lang(ar) #cc-main .pm__btn{font-family:Dubai,sans-serif}.mg-hero{--mg-hero-cta-color:var(--mg-color-hero);--mg-hero-gradient-color:var(--mg-color-blue-900);--mg-hero-gradient-start:var(--mg-hero-gradient-start-opacity);--mg-hero-gradient-middle:var(--mg-hero-gradient-middle-opacity);--mg-hero-gradient-end:var(--mg-hero-gradient-end-opacity);background-position:50%;background-size:cover;color:rgb(var(--mg-color-neutral-0));display:grid;grid-template-columns:1fr;margin-left:calc(50% - 50vw);padding-left:var(--mg-spacing-100);position:relative;width:100vw}.mg-hero:not(.mg-hero--split):before{background:linear-gradient(90deg,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-start)) 0,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-middle)) 48%,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-end)) 100%);content:"";inset:0;pointer-events:none;position:absolute}@media (max-width:900px){.mg-hero:not(.mg-hero--split):before{background:linear-gradient(0deg,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-start)) 0,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-middle)) 68%,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-end)) 100%)}}@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--contained{margin-inline:0;padding-inline:0;width:100%}.mg-hero--immersive:not(.mg-hero--split){align-items:end;aspect-ratio:unset;min-height:clamp(31rem,62vw,43rem)}.mg-hero--immersive:not(.mg-hero--split) .mg-hero__overlay{align-items:end;margin:0;max-width:48rem;padding:clamp(2rem,6vw,5rem)}.mg-hero--immersive:not(.mg-hero--split) .mg-hero__title,.mg-hero--immersive:not(.mg-hero--split) .mg-hero__title .text-xxl{font-size:clamp(2.375rem,6vw,5rem);letter-spacing:-.045em;line-height:.98;max-width:12ch}.mg-hero--immersive:not(.mg-hero--split) .mg-hero__summaryText{font-size:clamp(1rem,1.8vw,1.3125rem);line-height:1.55;max-width:37rem}.mg-hero a.mg-button,.mg-hero a.mg-button:hover,.mg-hero a.mg-button:visited{color:rgb(var(--mg-color-hero))}.mg-hero a.mg-button-primary{background-color:rgb(var(--mg-color-neutral-0))}.mg-hero a.mg-button.mg-button-cta,.mg-hero a.mg-button.mg-button-cta:hover,.mg-hero a.mg-button.mg-button-cta:visited{background:transparent;border-color:transparent;color:rgb(var(--mg-color-neutral-0))}.mg-hero a.mg-button.mg-button-cta:after,.mg-hero a.mg-button.mg-button-cta:hover:after,.mg-hero a.mg-button.mg-button-cta:visited:after{background:rgb(var(--mg-color-neutral-0));color:rgb(var(--mg-hero-cta-color))}.mg-hero a.mg-button-secondary:not(.mg-button-cta),.mg-hero a.mg-button-secondary:not(.mg-button-cta):hover,.mg-hero a.mg-button-secondary:not(.mg-button-cta):visited{background-color:var(--mg-color-hero-button-secondary-background);border-color:rgb(var(--mg-border-color-hero-button-secondary));color:rgb(var(--mg-color-hero-button-secondary-color))}.mg-hero a.mg-button:focus-visible{box-shadow:0 0 0 2px rgb(var(--mg-color-neutral-0));outline:2px solid rgb(var(--mg-color-focus-ring-inverse));outline-offset:2px}.mg-hero__overlay{align-items:center;background:transparent;display:grid;margin:var(--mg-spacing-hero-overlay);max-width:var(--mg-hero-overlay-max-width);padding:var(--mg-hero-overlay-padding);position:relative;z-index:1}.mg-hero__content{display:grid;margin-top:var(--mg-spacing-25);row-gap:.625rem}.mg-hero__logo{height:auto;margin-bottom:clamp(var(--mg-spacing-300),10vw,var(--mg-spacing-800));width:min(13rem,52vw)}.mg-hero__meta{padding-bottom:var(--mg-spacing-25)}.mg-hero__meta.meta-detail{display:flex;flex-direction:column}.mg-hero__label{display:inline-block;font-family:Roboto Condensed,sans-serif;font-size:.875rem;font-weight:700;margin-right:var(--mg-spacing-25);padding:var(--mg-spacing-25) 0}.mg-hero__label.detail{font-weight:400}.mg-hero a,.mg-hero a:hover,.mg-hero a:visited{color:rgb(var(--mg-color-neutral-0))}.mg-hero__title{display:inline-block;font-family:Roboto Condensed,sans-serif;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:var(--mg-spacing-25);max-width:18ch;text-wrap:balance}.mg-hero__title,.mg-hero__title a,.mg-hero__title a:hover,.mg-hero__title a:visited{color:rgb(var(--mg-color-hero-title))}.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:var(--mg-spacing-150);padding-top:var(--mg-spacing-250)}@media (max-width:480px){.mg-hero__title .text-xl{font-size:1.4375rem;padding-bottom:var(--mg-spacing-150);padding-top:var(--mg-spacing-250)}}.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:rgb(var(--mg-color-hero-title));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:var(--mg-spacing-150);padding-top:var(--mg-spacing-250)}@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:var(--mg-spacing-150);padding-top:var(--mg-spacing-250)}}.mg-hero__title a>span,.mg-hero__title h1>span,.mg-hero__title h2>span,.mg-hero__title h3>span,.mg-hero__title h4>span,.mg-hero__title h5>span,.mg-hero__title h6>span{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.mg-hero__summaryText{font-size:1.125rem;margin-bottom:var(--mg-spacing-25);max-width:62ch;text-wrap:pretty}.mg-hero__buttons{display:flex;flex-wrap:wrap;gap:var(--mg-spacing-100) var(--mg-spacing-250);padding-bottom:var(--mg-spacing-50);padding-top:var(--mg-spacing-75)}@media (max-width:900px){.mg-hero__buttons{align-items:flex-start;flex-direction:column;flex-wrap:nowrap}.mg-hero__buttons .mg-button.mg-button-cta{inline-size:fit-content;max-inline-size:100%}}.mg-hero__buttons .mg-button+.mg-button{margin-inline-start:0}@media (max-width:900px){.mg-hero--child .mg-hero__overlay{margin-left:0}}.mg-hero--secondary{--mg-hero-cta-color:var(--mg-color-orange-800);--mg-hero-gradient-color:var(--mg-color-orange-800)}.mg-hero--secondary .mg-hero__overlay a.mg-button:not(.mg-button-cta),.mg-hero--secondary .mg-hero__overlay a.mg-button:not(.mg-button-cta):hover,.mg-hero--secondary .mg-hero__overlay a.mg-button:not(.mg-button-cta):visited{color:rgb(var(--mg-color-orange-800))}.mg-hero--secondary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta),.mg-hero--secondary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta):hover,.mg-hero--secondary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta):visited{background-color:var(--mg-color-hero-button-secondary-background);border-color:rgb(var(--mg-border-color-hero-button-secondary));color:rgb(var(--mg-color-hero-button-secondary-color))}.mg-hero--tertiary{--mg-hero-cta-color:var(--mg-color-neutral-900);--mg-hero-gradient-color:var(--mg-color-neutral-900)}.mg-hero--tertiary .mg-hero__overlay a.mg-button:not(.mg-button-cta),.mg-hero--tertiary .mg-hero__overlay a.mg-button:not(.mg-button-cta):hover,.mg-hero--tertiary .mg-hero__overlay a.mg-button:not(.mg-button-cta):visited{color:rgb(var(--mg-color-neutral-900))}.mg-hero--tertiary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta),.mg-hero--tertiary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta):hover,.mg-hero--tertiary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta):visited{background-color:var(--mg-color-hero-button-secondary-background);border-color:rgb(var(--mg-border-color-hero-button-secondary));color:rgb(var(--mg-color-hero-button-secondary-color))}.mg-hero--quaternary{--mg-hero-cta-color:var(--mg-color-red-800);--mg-hero-gradient-color:var(--mg-color-red-800)}.mg-hero--quaternary .mg-hero__overlay a.mg-button:not(.mg-button-cta),.mg-hero--quaternary .mg-hero__overlay a.mg-button:not(.mg-button-cta):hover,.mg-hero--quaternary .mg-hero__overlay a.mg-button:not(.mg-button-cta):visited{color:rgb(var(--mg-color-red-800))}.mg-hero--quaternary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta),.mg-hero--quaternary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta):hover,.mg-hero--quaternary .mg-hero__overlay a.mg-button-secondary:not(.mg-button-cta):visited{background-color:var(--mg-color-hero-button-secondary-background);border-color:rgb(var(--mg-border-color-hero-button-secondary));color:rgb(var(--mg-color-hero-button-secondary-color))}[dir=rtl] .mg-hero:not(.mg-hero--split){margin-right:calc(50% - 50vw);padding-right:var(--mg-spacing-100)}[dir=rtl] .mg-hero:not(.mg-hero--split):before{background:linear-gradient(270deg,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-start)) 0,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-middle)) 48%,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-end)) 100%)}@media (max-width:900px){[dir=rtl] .mg-hero:not(.mg-hero--split):before{background:linear-gradient(0deg,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-start)) 0,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-middle)) 68%,rgb(var(--mg-hero-gradient-color)/var(--mg-hero-gradient-end)) 100%)}}@media (min-width:900px){[dir=rtl] .mg-hero:not(.mg-hero--split){padding-right:calc(50vw - 582px)}}@media (min-width:1440px){[dir=rtl] .mg-hero:not(.mg-hero--split){padding-right:calc(50vw - 720px)}}[dir=rtl] .mg-hero--contained:not(.mg-hero--split){margin-inline:0;padding-inline:0}.mg-hero--split{aspect-ratio:unset;background-color:rgb(var(--mg-color-hero));background-image:none;padding-left:0}.mg-hero--split a.mg-button,.mg-hero--split a.mg-button:hover,.mg-hero--split a.mg-button:visited{color:rgb(var(--mg-color-hero))}.mg-hero--split a.mg-button-primary{background-color:rgb(var(--mg-color-neutral-0))}.mg-hero--split a.mg-button.mg-button-cta,.mg-hero--split a.mg-button.mg-button-cta:hover,.mg-hero--split a.mg-button.mg-button-cta:visited{background:transparent;border-color:transparent;color:rgb(var(--mg-color-neutral-0))}.mg-hero--split a.mg-button.mg-button-cta:after,.mg-hero--split a.mg-button.mg-button-cta:hover:after,.mg-hero--split a.mg-button.mg-button-cta:visited:after{background:rgb(var(--mg-color-neutral-0));color:rgb(var(--mg-hero-cta-color))}.mg-hero--split a.mg-button-secondary:not(.mg-button-cta),.mg-hero--split a.mg-button-secondary:not(.mg-button-cta):hover,.mg-hero--split a.mg-button-secondary:not(.mg-button-cta):visited{background-color:var(--mg-color-hero-button-secondary-background);border-color:rgb(var(--mg-border-color-hero-button-secondary));color:rgb(var(--mg-color-hero-button-secondary-color))}.mg-hero--split a.mg-button:focus-visible{box-shadow:0 0 0 2px rgb(var(--mg-color-neutral-0));outline:2px solid rgb(var(--mg-color-focus-ring-inverse));outline-offset:2px}.mg-hero--split .mg-hero__split-grid{align-items:stretch;display:grid;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1164px}@media (max-width:900px){.mg-hero--split .mg-hero__split-grid{grid-template-columns:1fr}}.mg-hero--split.mg-hero--split-1-2 .mg-hero__split-grid{grid-template-columns:1fr 1fr}@media (max-width:900px){.mg-hero--split.mg-hero--split-1-2 .mg-hero__split-grid{grid-template-columns:1fr}}.mg-hero--split.mg-hero--split-1-3 .mg-hero__split-grid{grid-template-columns:1fr 2fr}@media (max-width:900px){.mg-hero--split.mg-hero--split-1-3 .mg-hero__split-grid{grid-template-columns:1fr}}.mg-hero--split .mg-hero__content{align-content:center;display:grid;padding:var(--mg-spacing-200) var(--mg-spacing-100);row-gap:.625rem}.mg-hero--split .mg-hero__media{overflow:hidden}@media (max-width:900px){.mg-hero--split .mg-hero__media{aspect-ratio:16/9}}.mg-hero--split .mg-hero__media--video{aspect-ratio:16/9}.mg-hero--split .mg-hero__media--html{display:flex}.mg-hero--split .mg-hero__media--html>*{width:100%}.mg-hero--split .mg-hero__media--html>figure{height:100%;margin:0;position:relative;width:100%}.mg-hero--split .mg-hero__media--html>figure>img{display:block;height:100%;object-fit:cover;padding:0;width:100%}.mg-hero--split .mg-hero__media--html>figure>figcaption{align-items:center;background:rgb(var(--mg-color-neutral-900)/.75);color:rgb(var(--mg-color-neutral-0));display:flex;gap:var(--mg-spacing-100);inset-block-end:0;inset-inline:0;justify-content:space-between;padding:var(--mg-spacing-50) var(--mg-spacing-100);position:absolute}.mg-hero--split .mg-hero__media-img{display:block;height:100%;object-fit:cover;width:100%}.mg-hero--split .mg-hero__media-iframe{border:0;display:block;height:100%;width:100%}.mg-hero--split.mg-hero--secondary{background-color:rgb(var(--mg-color-orange-800))}.mg-hero--split.mg-hero--secondary a.mg-button:not(.mg-button-cta),.mg-hero--split.mg-hero--secondary a.mg-button:not(.mg-button-cta):hover,.mg-hero--split.mg-hero--secondary a.mg-button:not(.mg-button-cta):visited{color:rgb(var(--mg-color-orange-800))}.mg-hero--split.mg-hero--tertiary{background-color:rgb(var(--mg-color-neutral-900))}.mg-hero--split.mg-hero--tertiary a.mg-button:not(.mg-button-cta),.mg-hero--split.mg-hero--tertiary a.mg-button:not(.mg-button-cta):hover,.mg-hero--split.mg-hero--tertiary a.mg-button:not(.mg-button-cta):visited{color:rgb(var(--mg-color-neutral-900))}.mg-hero--split.mg-hero--quaternary{background-color:rgb(var(--mg-color-red-800))}.mg-hero--split.mg-hero--quaternary a.mg-button:not(.mg-button-cta),.mg-hero--split.mg-hero--quaternary a.mg-button:not(.mg-button-cta):hover,.mg-hero--split.mg-hero--quaternary a.mg-button:not(.mg-button-cta):visited{color:rgb(var(--mg-color-red-800))}[dir=rtl] .mg-hero--split{margin-right:0;padding-right:0}[dir=rtl] .mg-hero--split .mg-hero__split-grid{direction:rtl}:lang(ar) .mg-hero__label,:lang(ar) .mg-hero__title,:lang(ar) .mg-hero__title a,:lang(ar) .mg-hero__title h1,:lang(ar) .mg-hero__title h2,:lang(ar) .mg-hero__title h3{font-family:Dubai,sans-serif}
|
|
385
528
|
|
|
386
529
|
/* CTA banner start */.mg-cta{background-color:var(--mg-cta-bg,initial);padding:var(--mg-cta-padding)}.mg-cta__body{max-width:800px}.mg-cta .mg-cta__eyebrow{color:rgb(var(--mg-color-neutral-0));font-size:.75rem;font-weight:700;letter-spacing:.09em;margin:0 0 var(--mg-spacing-75);text-transform:uppercase}.mg-cta .mg-cta__headline{color:rgb(var(--mg-color-white));font-weight:700;margin-bottom:var(--mg-spacing-100)}.mg-cta .mg-cta__text{color:rgb(var(--mg-color-neutral-0)/.9);margin-bottom:var(--mg-spacing-150)}.mg-cta .mg-cta__text p{color:inherit;margin-bottom:var(--mg-spacing-75)}.mg-cta .mg-cta__text p:last-child{margin-bottom:0}.mg-cta .mg-cta__text a{color:rgb(var(--mg-color-white));text-decoration:underline}.mg-cta__actions{display:flex;flex-wrap:wrap;gap:var(--mg-spacing-100);margin-top:var(--mg-spacing-150)}.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--inline .mg-cta__body{max-width:none}.mg-cta--inline{
|
|
387
530
|
/* medium design */}@media (width >= 48em){.mg-cta--inline .mg-cta__body{align-items:center;display:grid;gap:var(--mg-spacing-300);grid-template-columns:minmax(0,1fr) auto}.mg-cta--inline .mg-cta__actions{justify-content:flex-end;margin-top:0}}.mg-cta--with-image .mg-cta__inner{align-items:center;display:grid;gap:var(--mg-spacing-200);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{
|
|
388
|
-
/* 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:rgb(var(--mg-color-hero))}.mg-cta--secondary{background-color:rgb(var(--mg-color-hero--secondary))}.mg-cta--tertiary{background-color:rgb(var(--mg-color-hero--tertiary))}.mg-cta--quaternary{background-color:rgb(var(--mg-color-hero--quaternary))}.mg-cta a.mg-button,.mg-cta a.mg-button:hover,.mg-cta a.mg-button:visited{color:rgb(var(--mg-color-hero))}.mg-cta a.mg-button-primary{background-color:rgb(var(--mg-color-neutral-0))}.mg-cta a.mg-button-secondary,.mg-cta a.mg-button-secondary:hover,.mg-cta a.mg-button-secondary:visited{background-color:var(--mg-color-hero-button-secondary-background);border-color:rgb(var(--mg-border-color-hero-button-secondary));color:rgb(var(--mg-color-hero-button-secondary-color))}.mg-cta a.mg-button.mg-button-outline,.mg-cta a.mg-button.mg-button-outline:hover,.mg-cta a.mg-button.mg-button-outline:visited{background-color:transparent;border-color:rgb(var(--mg-color-neutral-0)/.72);border-style:solid;border-width:var(--mg-border-width-button,1px);color:rgb(var(--mg-color-neutral-0))}.mg-cta a.mg-button.mg-button-outline:hover{background-color:rgb(var(--mg-color-neutral-0)/.12);border-color:rgb(var(--mg-color-neutral-0))}.mg-cta a.mg-button:focus-visible{box-shadow:0 0 0 2px rgb(var(--mg-color-neutral-0));outline:2px solid rgb(var(--mg-color-
|
|
531
|
+
/* 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:rgb(var(--mg-color-hero))}.mg-cta--secondary{background-color:rgb(var(--mg-color-hero--secondary))}.mg-cta--tertiary{background-color:rgb(var(--mg-color-hero--tertiary))}.mg-cta--quaternary{background-color:rgb(var(--mg-color-hero--quaternary))}.mg-cta a.mg-button,.mg-cta a.mg-button:hover,.mg-cta a.mg-button:visited{color:rgb(var(--mg-color-hero))}.mg-cta a.mg-button-primary{background-color:rgb(var(--mg-color-neutral-0))}.mg-cta a.mg-button-secondary,.mg-cta a.mg-button-secondary:hover,.mg-cta a.mg-button-secondary:visited{background-color:var(--mg-color-hero-button-secondary-background);border-color:rgb(var(--mg-border-color-hero-button-secondary));color:rgb(var(--mg-color-hero-button-secondary-color))}.mg-cta a.mg-button.mg-button-outline,.mg-cta a.mg-button.mg-button-outline:hover,.mg-cta a.mg-button.mg-button-outline:visited{background-color:transparent;border-color:rgb(var(--mg-color-neutral-0)/.72);border-style:solid;border-width:var(--mg-border-width-button,1px);color:rgb(var(--mg-color-neutral-0))}.mg-cta a.mg-button.mg-button-outline:hover{background-color:rgb(var(--mg-color-neutral-0)/.12);border-color:rgb(var(--mg-color-neutral-0))}.mg-cta a.mg-button:focus-visible{box-shadow:0 0 0 2px rgb(var(--mg-color-neutral-0));outline:2px solid rgb(var(--mg-color-focus-ring-inverse));outline-offset:2px}
|
|
389
532
|
|
|
390
533
|
/* CTA banner end */.mg-scroll{align-items:center;display:flex;max-height:inherit;position:relative;width:100%
|
|
391
|
-
/* 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-bottom:3.5rem}.mg-scroll__nav{bottom:-3rem;display:flex;gap:var(--mg-spacing-50);inset-inline-end:0;position:absolute;z-index:1}.mg-scroll__nav-button{align-items:center;background:rgb(var(--mg-color-interactive)/.06);border:none;border-radius:50%;color:rgb(var(--mg-color-interactive));cursor:pointer;display:flex;font-size:1rem;height:2.75rem;justify-content:center;width:2.75rem}@media (prefers-reduced-motion:no-preference){.mg-scroll__nav-button{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),scale var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-scroll__nav-button:hover{background:rgb(var(--mg-color-interactive));color:rgb(var(--mg-color-neutral-0))}.mg-scroll__nav-button:focus-visible{
|
|
534
|
+
/* 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-bottom:3.5rem}.mg-scroll__nav{bottom:-3rem;display:flex;gap:var(--mg-spacing-50);inset-inline-end:0;position:absolute;z-index:1}.mg-scroll__nav-button{align-items:center;background:rgb(var(--mg-color-interactive)/.06);border:none;border-radius:50%;color:rgb(var(--mg-color-interactive));cursor:pointer;display:flex;font-size:1rem;height:2.75rem;justify-content:center;width:2.75rem}@media (prefers-reduced-motion:no-preference){.mg-scroll__nav-button{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),scale var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-scroll__nav-button:hover{background:rgb(var(--mg-color-interactive));color:rgb(var(--mg-color-neutral-0))}.mg-scroll__nav-button:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-scroll__nav-button:active{scale:.96}.mg-scroll__nav-button:disabled{background:rgb(var(--mg-color-interactive)/.03);color:rgb(var(--mg-color-neutral-500));cursor:default}.mg-scroll__container{cursor:grab;display:block;max-height:inherit;max-width:100%;overflow-x:auto;overflow-y:hidden;position:relative;scroll-snap-type:inline proximity;width:100%;-webkit-overflow-scrolling:touch;scrollbar-color:rgb(var(--mg-color-neutral-500)) rgb(var(--mg-color-neutral-100));scrollbar-width:thin
|
|
392
535
|
/* 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:var(--mg-spacing-50)}.mg-scroll__container::-webkit-scrollbar-track{background:rgb(var(--mg-color-neutral-100));border-radius:var(--mg-radius-form-input)}.mg-scroll__container::-webkit-scrollbar-thumb{background:rgb(var(--mg-color-neutral-500));border-radius:var(--mg-radius-form-input)}.mg-scroll__container::-webkit-scrollbar-thumb:hover{background:rgb(var(--mg-color-neutral-600))}.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;gap:var(--mg-spacing-150);height:auto
|
|
393
536
|
/* small design */}@media (width <= 47.9375em){.mg-scroll__content{gap:var(--mg-spacing-100);height:auto;min-height:auto}}.mg-scroll__content--stretch{align-items:stretch}.mg-scroll__content--stretch .mg-scroll__item-wrapper{display:flex}.mg-scroll__content--stretch .mg-scroll__item-wrapper>*{width:100%}.mg-scroll__item-wrapper{flex-shrink:0;min-width:var(--scroll-item-width,300px);overflow-wrap:break-word;scroll-snap-align:start;white-space:normal;width:var(--scroll-item-width,300px)
|
|
394
|
-
/* small design */}@media (width <= 47.9375em){.mg-scroll__item-wrapper{display:inline-block;vertical-align:top}}.mg-tabs__list{background:var(--mg-color-tabbar-background);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:var(--mg-spacing-25) solid var(--mg-color-tab-border);content:" ";height:1px;margin-bottom:calc(var(--mg-spacing-25)*-1);position:relative;top:calc(var(--mg-spacing-25)*-1);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:var(--mg-spacing-25);width:100%}.mg-tabs--stacked .mg-tabs__section{padding:var(--mg-spacing-150)}.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:var(--mg-spacing-150);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:var(--mg-spacing-25);width:100%}.mg-tabs--horizontal .mg-tabs__section{padding:var(--mg-spacing-150)}.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:var(--mg-spacing-150);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:var(--mg-color-tab-background--inactive);border:none;border-radius:var(--mg-radius-tab);color:var(--mg-color-text-tab);display:block;font-family:Roboto Condensed,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.421;margin:0;padding:var(--mg-padding-tab);position:relative;text-decoration:none}.mg-tabs__link:focus-visible,.mg-tabs__link:hover{background:var(--mg-color-tab-background--hover);border-bottom:var(--mg-spacing-25) solid var(--mg-color-tab-border--hover);color:var(--mg-color-text-tab--hover);text-decoration:none;z-index:2}.mg-tabs__link:focus-visible{outline:2px solid rgb(var(--mg-color-interactive));outline-offset:-2px}.mg-tabs__link.is-active{background-color:var(--mg-color-tab-background);border-bottom:var(--mg-spacing-25) solid var(--mg-color-tab-border--active);color:var(--mg-color-text-tab-active);text-shadow:none}.mg-tabs__link.is-active:focus-visible,.mg-tabs__link.is-active:hover{background:var(--mg-color-tab-background);border-bottom:var(--mg-spacing-25) solid var(--mg-color-tab-border--hover);color:var(--mg-color-text-tab-active)}.mg-tabs__section{background-color:var(--mg-color-tab-section-background);border-radius:0 0 var(--mg-radius-tab-section) var(--mg-radius-tab-section);box-shadow:var(--mg-box-shadow-tab-section);padding:var(--mg-padding-tab-section);position:relative}.mg-tabs--horizontal .mg-tabs__list{background:transparent;box-shadow:inset 0 -1px 0 rgb(var(--mg-color-neutral-600)/.24)}.mg-tabs--horizontal .mg-tabs__list:after{display:none}.mg-tabs--horizontal .mg-tabs__link{align-items:center;background:transparent;border:0;border-radius:0;box-shadow:inset 0 -3px 0 transparent;color:rgb(var(--mg-color-text));display:flex;min-height:2.75rem;padding:var(--mg-spacing-150) var(--mg-spacing-200);text-align:start}@media (prefers-reduced-motion:no-preference){.mg-tabs--horizontal .mg-tabs__link{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),box-shadow var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-tabs--horizontal .mg-tabs__link:hover{background:rgb(var(--mg-color-interactive)/.06);border:0;box-shadow:inset 0 -3px 0 rgb(var(--mg-color-interactive)/.45);color:rgb(var(--mg-color-interactive-active))}.mg-tabs--horizontal .mg-tabs__link:focus-visible{background:rgb(var(--mg-color-interactive)/.06);border:0;border-radius:var(--mg-focus-ring-radius);outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-tabs--horizontal .mg-tabs__link.is-active,.mg-tabs--horizontal .mg-tabs__link.is-active:focus-visible,.mg-tabs--horizontal .mg-tabs__link.is-active:hover{background:transparent;border:0;box-shadow:inset 0 -3px 0 rgb(var(--mg-color-interactive));color:rgb(var(--mg-color-interactive))}@media (min-width:480px){.mg-tabs--horizontal .mg-tabs__list{display:grid;min-width:0;overflow-x:auto;scrollbar-width:thin}.mg-tabs--horizontal .mg-tabs__item{display:flex}.mg-tabs--horizontal .mg-tabs-content{padding-top:var(--mg-spacing-100)}}.mg-tabs--stacked .mg-tabs__list{background:transparent}.mg-tabs--stacked .mg-tabs__list:after{display:none}.mg-tabs--stacked .mg-tabs__item{box-shadow:inset 0 -1px 0 rgb(var(--mg-color-neutral-600)/.24);margin-bottom:0}.mg-tabs--stacked .mg-tabs__link{background:rgb(var(--mg-color-neutral-0));border:0;border-radius:0;color:rgb(var(--mg-color-text));min-height:3rem;padding-block:var(--mg-spacing-150);padding-inline:var(--mg-spacing-200) 2.75rem}@media (prefers-reduced-motion:no-preference){.mg-tabs--stacked .mg-tabs__link{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-tabs--stacked .mg-tabs__link.is-active,.mg-tabs--stacked .mg-tabs__link.mg-tabs__stacked--open,.mg-tabs--stacked .mg-tabs__link:focus-visible,.mg-tabs--stacked .mg-tabs__link:hover{background:rgb(var(--mg-color-interactive)/.06);border:0;color:rgb(var(--mg-color-interactive-active))}.mg-tabs--stacked .mg-tabs__link:focus-visible{border-radius:var(--mg-focus-ring-radius);outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-tabs--stacked .mg-tabs__link:before{align-items:center;background:rgb(var(--mg-color-interactive)/.06);border:0;border-radius:50%;content:"+";display:flex;font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:400;height:1.875rem;justify-content:center;right:var(--mg-spacing-100);top:50%;transform:translateY(-50%);width:1.875rem}@media (prefers-reduced-motion:no-preference){.mg-tabs--stacked .mg-tabs__link:before{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),scale var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-tabs--stacked .mg-tabs__link.mg-tabs__stacked--open:before{content:"−";top:50%;transform:translateY(-50%)}.mg-tabs--stacked .mg-tabs__link:hover:before{background:rgb(var(--mg-color-interactive)/.12)}.mg-tabs--stacked .mg-tabs__link:active:before{scale:.96}.mg-tabs--stacked .mg-tabs__section{background:rgb(var(--mg-color-neutral-0));border-radius:0;box-shadow:none;padding:var(--mg-spacing-150) var(--mg-spacing-200) var(--mg-spacing-200);text-wrap:pretty}.mg-tabs--stacked .mg-tabs__section>:last-child{margin-bottom:0}@media (max-width:480px){.mg-tabs--horizontal .mg-tabs__list{background:transparent}.mg-tabs--horizontal .mg-tabs__list:after{display:none}.mg-tabs--horizontal .mg-tabs__item{box-shadow:inset 0 -1px 0 rgb(var(--mg-color-neutral-600)/.24);margin-bottom:0}.mg-tabs--horizontal .mg-tabs__link{background:rgb(var(--mg-color-neutral-0));border:0;border-radius:0;color:rgb(var(--mg-color-text));min-height:3rem;padding-block:var(--mg-spacing-150);padding-inline:var(--mg-spacing-200) 2.75rem}}@media (max-width:480px) and (prefers-reduced-motion:no-preference){.mg-tabs--horizontal .mg-tabs__link{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}@media (max-width:480px){.mg-tabs--horizontal .mg-tabs__link.is-active,.mg-tabs--horizontal .mg-tabs__link.mg-tabs__stacked--open,.mg-tabs--horizontal .mg-tabs__link:focus-visible,.mg-tabs--horizontal .mg-tabs__link:hover{background:rgb(var(--mg-color-interactive)/.06);border:0;color:rgb(var(--mg-color-interactive-active))}.mg-tabs--horizontal .mg-tabs__link:focus-visible{border-radius:var(--mg-focus-ring-radius);outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-tabs--horizontal .mg-tabs__link:before{align-items:center;background:rgb(var(--mg-color-interactive)/.06);border:0;border-radius:50%;content:"+";display:flex;font-family:Roboto,sans-serif;font-size:1.125rem;font-weight:400;height:1.875rem;justify-content:center;right:var(--mg-spacing-100);top:50%;transform:translateY(-50%);width:1.875rem}}@media (max-width:480px) and (prefers-reduced-motion:no-preference){.mg-tabs--horizontal .mg-tabs__link:before{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),scale var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}@media (max-width:480px){.mg-tabs--horizontal .mg-tabs__link.mg-tabs__stacked--open:before{content:"−";top:50%;transform:translateY(-50%)}.mg-tabs--horizontal .mg-tabs__link:hover:before{background:rgb(var(--mg-color-interactive)/.12)}.mg-tabs--horizontal .mg-tabs__link:active:before{scale:.96}.mg-tabs--horizontal .mg-tabs__section{background:rgb(var(--mg-color-neutral-0));border-radius:0;box-shadow:none;padding:var(--mg-spacing-150) var(--mg-spacing-200) var(--mg-spacing-200);text-wrap:pretty}.mg-tabs--horizontal .mg-tabs__section>:last-child{margin-bottom:0}}[dir=rtl] .mg-tabs>ul{padding-right:0
|
|
395
|
-
/* medium design */}@media (width >= 48em){[dir=rtl] .mg-tabs>ul{padding-right:var(--mg-spacing-300)}}[dir=rtl] .mg-tabs>ul li{margin-left:var(--mg-spacing-100);margin-right:0;padding-right:0}[dir=rtl] .mg-tabs--stacked .mg-tabs__link{padding-left:2.5rem;padding-right:var(--mg-spacing-200)}[dir=rtl] .mg-tabs--stacked .mg-tabs__link:before{left:var(--mg-spacing-100);right:auto}@media (max-width:480px){[dir=rtl] .mg-tabs--horizontal .mg-tabs__link{padding-left:2.5rem;padding-right:var(--mg-spacing-200)}[dir=rtl] .mg-tabs--horizontal .mg-tabs__link:before{left:var(--mg-spacing-100);right:auto}}:lang(ar) .mg-tabs__link{font-family:
|
|
537
|
+
/* small design */}@media (width <= 47.9375em){.mg-scroll__item-wrapper{display:inline-block;vertical-align:top}}.mg-tabs__list{background:var(--mg-color-tabbar-background);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:var(--mg-spacing-25) solid var(--mg-color-tab-border);content:" ";height:1px;margin-bottom:calc(var(--mg-spacing-25)*-1);position:relative;top:calc(var(--mg-spacing-25)*-1);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:var(--mg-spacing-25);width:100%}.mg-tabs--stacked .mg-tabs__section{padding:var(--mg-spacing-150)}.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:var(--mg-spacing-150);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:var(--mg-spacing-25);width:100%}.mg-tabs--horizontal .mg-tabs__section{padding:var(--mg-spacing-150)}.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:var(--mg-spacing-150);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:var(--mg-color-tab-background--inactive);border:none;border-radius:var(--mg-radius-tab);color:var(--mg-color-text-tab);display:block;font-family:Roboto Condensed,sans-serif;font-size:var(--mg-font-size-tab);font-weight:600;line-height:1.421;margin:0;padding:var(--mg-padding-tab);position:relative;text-decoration:none}.mg-tabs__link:focus-visible,.mg-tabs__link:hover{background:var(--mg-color-tab-background--hover);border-bottom:var(--mg-spacing-25) solid var(--mg-color-tab-border--hover);color:var(--mg-color-text-tab--hover);text-decoration:none;z-index:2}.mg-tabs__link:focus-visible{box-shadow:inset 0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0)),inset 0 0 0 calc(var(--mg-focus-ring-offset) + var(--mg-focus-ring-width)) rgb(var(--mg-color-focus-ring));outline:0}@media (forced-colors:active){.mg-tabs__link:focus-visible{outline:var(--mg-focus-ring-width) solid Highlight;outline-offset:calc(var(--mg-focus-ring-width)*-1)}}.mg-tabs__link.is-active{background-color:var(--mg-color-tab-background);border-bottom:var(--mg-spacing-25) solid var(--mg-color-tab-border--active);color:var(--mg-color-text-tab-active);text-shadow:none}.mg-tabs__link.is-active:focus-visible,.mg-tabs__link.is-active:hover{background:var(--mg-color-tab-background);border-bottom:var(--mg-spacing-25) solid var(--mg-color-tab-border--hover);color:var(--mg-color-text-tab-active)}.mg-tabs__section{background-color:var(--mg-color-tab-section-background);border-radius:0 0 var(--mg-radius-tab-section) var(--mg-radius-tab-section);box-shadow:var(--mg-box-shadow-tab-section);padding:var(--mg-padding-tab-section);position:relative}.mg-tabs--horizontal .mg-tabs__list{background:transparent;box-shadow:inset 0 -1px 0 rgb(var(--mg-color-neutral-600)/.24)}.mg-tabs--horizontal .mg-tabs__list:after{display:none}.mg-tabs--horizontal .mg-tabs__link{align-items:center;background:transparent;border:0;border-radius:0;box-shadow:inset 0 calc(var(--mg-tab-indicator-size)*-1) 0 transparent;color:var(--mg-tab-color);display:flex;min-height:var(--mg-tab-min-block-size);padding:var(--mg-tab-padding);text-align:start}@media (prefers-reduced-motion:no-preference){.mg-tabs--horizontal .mg-tabs__link{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),box-shadow var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-tabs--horizontal .mg-tabs__link:hover{background:var(--mg-tab-background--hover);border:0;box-shadow:inset 0 calc(var(--mg-tab-indicator-size)*-1) 0 var(--mg-tab-indicator--hover);color:var(--mg-tab-color--hover)}.mg-tabs--horizontal .mg-tabs__link:focus-visible{background:rgb(var(--mg-color-interactive)/.06);border:0;box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-tabs--horizontal .mg-tabs__link.is-active,.mg-tabs--horizontal .mg-tabs__link.is-active:hover{background:transparent;border:0;box-shadow:inset 0 calc(var(--mg-tab-indicator-size)*-1) 0 var(--mg-tab-indicator--active);color:var(--mg-tab-color--active)}.mg-tabs--horizontal .mg-tabs__link.is-active:focus-visible{background:transparent;border:0;box-shadow:inset 0 calc(var(--mg-tab-indicator-size)*-1) 0 var(--mg-tab-indicator--active),0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));color:var(--mg-tab-color--active)}@media (min-width:480px){.mg-tabs--horizontal .mg-tabs__list{display:grid;min-width:0;overflow-x:auto;scrollbar-width:thin}.mg-tabs--horizontal .mg-tabs__item{display:flex}.mg-tabs--horizontal .mg-tabs-content{padding-top:var(--mg-spacing-100)}}.mg-tabs--stacked .mg-tabs__list{background:transparent}.mg-tabs--stacked .mg-tabs__list:after{display:none}.mg-tabs--stacked .mg-tabs__item{box-shadow:inset 0 -1px 0 rgb(var(--mg-color-neutral-600)/.24);margin-bottom:0}.mg-tabs--stacked .mg-tabs__link{background:rgb(var(--mg-color-neutral-0));border:0;border-radius:0;color:rgb(var(--mg-color-text));min-height:3rem;padding-block:var(--mg-spacing-150);padding-inline:var(--mg-spacing-200) 2.75rem}@media (prefers-reduced-motion:no-preference){.mg-tabs--stacked .mg-tabs__link{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-tabs--stacked .mg-tabs__link.is-active,.mg-tabs--stacked .mg-tabs__link.mg-tabs__stacked--open,.mg-tabs--stacked .mg-tabs__link:focus-visible,.mg-tabs--stacked .mg-tabs__link:hover{background:rgb(var(--mg-color-interactive)/.06);border:0;color:rgb(var(--mg-color-interactive-active))}.mg-tabs--stacked .mg-tabs__link:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-tabs--stacked .mg-tabs__link:before{align-items:center;background:rgb(var(--mg-color-interactive)/.06);border:0;border-radius:50%;content:"+";display:flex;font-family:Roboto,sans-serif;font-size:var(--mg-font-size-tab);font-weight:400;height:1.875rem;justify-content:center;right:var(--mg-spacing-100);top:50%;transform:translateY(-50%);width:1.875rem}@media (prefers-reduced-motion:no-preference){.mg-tabs--stacked .mg-tabs__link:before{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),scale var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-tabs--stacked .mg-tabs__link.mg-tabs__stacked--open:before{content:"−";top:50%;transform:translateY(-50%)}.mg-tabs--stacked .mg-tabs__link:hover:before{background:rgb(var(--mg-color-interactive)/.12)}.mg-tabs--stacked .mg-tabs__link:active:before{scale:.96}.mg-tabs--stacked .mg-tabs__section{background:rgb(var(--mg-color-neutral-0));border-radius:0;box-shadow:none;padding:var(--mg-spacing-150) var(--mg-spacing-200) var(--mg-spacing-200);text-wrap:pretty}.mg-tabs--stacked .mg-tabs__section>:last-child{margin-bottom:0}@media (max-width:480px){.mg-tabs--horizontal .mg-tabs__list{background:transparent}.mg-tabs--horizontal .mg-tabs__list:after{display:none}.mg-tabs--horizontal .mg-tabs__item{box-shadow:inset 0 -1px 0 rgb(var(--mg-color-neutral-600)/.24);margin-bottom:0}.mg-tabs--horizontal .mg-tabs__link{background:rgb(var(--mg-color-neutral-0));border:0;border-radius:0;color:rgb(var(--mg-color-text));min-height:3rem;padding-block:var(--mg-spacing-150);padding-inline:var(--mg-spacing-200) 2.75rem}}@media (max-width:480px) and (prefers-reduced-motion:no-preference){.mg-tabs--horizontal .mg-tabs__link{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}@media (max-width:480px){.mg-tabs--horizontal .mg-tabs__link.is-active,.mg-tabs--horizontal .mg-tabs__link.mg-tabs__stacked--open,.mg-tabs--horizontal .mg-tabs__link:focus-visible,.mg-tabs--horizontal .mg-tabs__link:hover{background:rgb(var(--mg-color-interactive)/.06);border:0;color:rgb(var(--mg-color-interactive-active))}.mg-tabs--horizontal .mg-tabs__link:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-tabs--horizontal .mg-tabs__link:before{align-items:center;background:rgb(var(--mg-color-interactive)/.06);border:0;border-radius:50%;content:"+";display:flex;font-family:Roboto,sans-serif;font-size:var(--mg-font-size-tab);font-weight:400;height:1.875rem;justify-content:center;right:var(--mg-spacing-100);top:50%;transform:translateY(-50%);width:1.875rem}}@media (max-width:480px) and (prefers-reduced-motion:no-preference){.mg-tabs--horizontal .mg-tabs__link:before{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),scale var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}@media (max-width:480px){.mg-tabs--horizontal .mg-tabs__link.mg-tabs__stacked--open:before{content:"−";top:50%;transform:translateY(-50%)}.mg-tabs--horizontal .mg-tabs__link:hover:before{background:rgb(var(--mg-color-interactive)/.12)}.mg-tabs--horizontal .mg-tabs__link:active:before{scale:.96}.mg-tabs--horizontal .mg-tabs__section{background:rgb(var(--mg-color-neutral-0));border-radius:0;box-shadow:none;padding:var(--mg-spacing-150) var(--mg-spacing-200) var(--mg-spacing-200);text-wrap:pretty}.mg-tabs--horizontal .mg-tabs__section>:last-child{margin-bottom:0}}[dir=rtl] .mg-tabs>ul{padding-right:0
|
|
538
|
+
/* medium design */}@media (width >= 48em){[dir=rtl] .mg-tabs>ul{padding-right:var(--mg-spacing-300)}}[dir=rtl] .mg-tabs>ul li{margin-left:var(--mg-spacing-100);margin-right:0;padding-right:0}[dir=rtl] .mg-tabs--stacked .mg-tabs__link{padding-left:2.5rem;padding-right:var(--mg-spacing-200)}[dir=rtl] .mg-tabs--stacked .mg-tabs__link:before{left:var(--mg-spacing-100);right:auto}@media (max-width:480px){[dir=rtl] .mg-tabs--horizontal .mg-tabs__link{padding-left:2.5rem;padding-right:var(--mg-spacing-200)}[dir=rtl] .mg-tabs--horizontal .mg-tabs__link:before{left:var(--mg-spacing-100);right:auto}}:lang(ar) .mg-tabs__link{font-family:Dubai,sans-serif}.mg-tabs__filter{margin-bottom:var(--mg-spacing-150)}.mg-tabs__filter-input{width:100%}.mg-tabs-content--hidden,.mg-tabs__item--hidden{display:none}.mg-tabs__no-results{color:var(--mg-color-text-tab-no-results);font-style:italic;padding:var(--mg-spacing-150)}.mg-tabs__no-results--hidden{display:none}
|
|
396
539
|
|
|
397
|
-
/* Tab end */.mg-user-feedback{align-items:center;box-sizing:border-box;min-block-size:4.5rem;padding-block:var(--mg-spacing-100)}.mg-user-feedback__actions,.mg-user-feedback__prompt{align-items:center;display:flex;flex-wrap:wrap}.mg-user-feedback__prompt{gap:var(--mg-spacing-100) var(--mg-spacing-150)}.mg-user-feedback__actions{gap:var(--mg-spacing-100)}.mg-user-feedback__actions .mg-button{min-block-size:2.5rem}.mg-user-feedback__confirmation,.mg-user-feedback__question{margin:0}.mg-user-feedback__question{font-family:Roboto,sans-serif;font-size:.875rem;font-weight:700;line-height:1.4}.mg-user-feedback__issue{justify-self:start;text-align:start}.mg-user-feedback__confirmation{grid-column:1/-1}.mg-user-feedback__confirmation:focus{outline:0}.mg-user-feedback__confirmation:focus-visible{border-radius:var(--mg-radius-button);box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0))
|
|
540
|
+
/* Tab end */.mg-user-feedback{align-items:center;box-sizing:border-box;min-block-size:4.5rem;padding-block:var(--mg-spacing-100)}.mg-user-feedback__actions,.mg-user-feedback__prompt{align-items:center;display:flex;flex-wrap:wrap}.mg-user-feedback__prompt{gap:var(--mg-spacing-100) var(--mg-spacing-150)}.mg-user-feedback__actions{gap:var(--mg-spacing-100)}.mg-user-feedback__actions .mg-button{min-block-size:2.5rem}.mg-user-feedback__confirmation,.mg-user-feedback__question{margin:0}.mg-user-feedback__question{font-family:Roboto,sans-serif;font-size:.875rem;font-weight:700;line-height:1.4}.mg-user-feedback__issue{justify-self:start;text-align:start}.mg-user-feedback__confirmation{grid-column:1/-1}.mg-user-feedback__confirmation:focus{outline:0}.mg-user-feedback__confirmation:focus-visible{border-radius:var(--mg-radius-button);box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}:lang(ar) .mg-user-feedback__question{font-family:Dubai,sans-serif}@media (min-width:900px){.mg-user-feedback__issue{justify-self:end;text-align:end}}.mg-table-of-contents li{margin-bottom:var(--mg-spacing-50);margin-left:var(--mg-spacing-50)}.mg-on-this-page-nav{align-items:center;background:rgb(var(--mg-color-neutral-0));box-shadow:inset 0 -1px 0 rgb(var(--mg-color-neutral-600)/.24);display:flex;margin-inline-start:calc(50% - 50vw);padding:0 var(--mg-container-spacer);position:sticky;top:var(--mg-on-this-page-nav-offset,0);width:100vw;z-index:var(--mg-z-index-sticky)}@media screen and (height <= 400px){.mg-on-this-page-nav{border-bottom:1px solid rgb(var(--mg-color-neutral-50));box-shadow:none;position:static}}@media screen and (min-width:900px){.mg-on-this-page-nav{padding:0 var(--mg-spacing-200)}}.mg-on-this-page-nav--hidden{display:none}.mg-on-this-page-nav__list{align-items:center;display:flex;flex:1 1 auto;list-style:none;margin:0;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--mg-spacing-500)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--mg-spacing-500)),transparent);overflow-x:auto;overscroll-behavior-x:contain;padding:0;padding-inline-end:var(--mg-spacing-300);scrollbar-width:none}.mg-on-this-page-nav__list::-webkit-scrollbar{display:none}.mg-on-this-page-nav--has-left-overflow .mg-on-this-page-nav__list{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--mg-spacing-500),#000 calc(100% - var(--mg-spacing-500)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--mg-spacing-500),#000 calc(100% - var(--mg-spacing-500)),transparent);padding-inline-start:var(--mg-spacing-300)}.mg-on-this-page-nav__item{display:flex;flex-shrink:0}.mg-on-this-page-nav__link{border-bottom:3px solid transparent;color:rgb(var(--mg-color-neutral-600));display:block;font-family:Roboto Condensed,sans-serif;font-size:1rem;font-weight:600;padding:var(--mg-spacing-150) var(--mg-spacing-150);text-decoration:none;transition:border-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard);white-space:nowrap}@media (prefers-reduced-motion:reduce){.mg-on-this-page-nav__link{transition:none}}.mg-on-this-page-nav__link:hover{border-bottom-color:rgb(var(--mg-color-interactive-active));color:rgb(var(--mg-color-interactive-active));text-decoration:none}.mg-on-this-page-nav__link:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-on-this-page-nav__link--active,.mg-on-this-page-nav__link--active:hover{border-bottom-color:rgb(var(--mg-color-interactive));color:rgb(var(--mg-color-interactive))}.mg-on-this-page-nav__cta{background:rgb(var(--mg-color-interactive));border:0;color:rgb(var(--mg-color-neutral-0));cursor:pointer;flex-shrink:0;font-family:Roboto Condensed,sans-serif;font-size:1rem;font-weight:600;margin-inline-start:auto;padding:var(--mg-spacing-150) var(--mg-spacing-150);text-decoration:none;transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard);white-space:nowrap}@media (prefers-reduced-motion:reduce){.mg-on-this-page-nav__cta{transition:none}}.mg-on-this-page-nav__cta:hover{background:rgb(var(--mg-color-interactive-active));color:rgb(var(--mg-color-neutral-0));text-decoration:none}.mg-on-this-page-nav__cta:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-on-this-page-nav__scroll-btn{align-items:center;align-self:stretch;background:rgb(var(--mg-color-neutral-0));border:0;color:rgb(var(--mg-color-neutral-600));cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-width:var(--mg-spacing-250);padding:0 var(--mg-spacing-150);transition:color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}.mg-on-this-page-nav__scroll-btn[hidden]{display:none}@media (prefers-reduced-motion:reduce){.mg-on-this-page-nav__scroll-btn{transition:none}}.mg-on-this-page-nav__scroll-btn:hover{color:rgb(var(--mg-color-interactive-active))}.mg-on-this-page-nav__scroll-btn:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-on-this-page-nav__scroll-btn svg{display:block;pointer-events:none}[dir=rtl] .mg-on-this-page-nav__scroll-btn svg{transform:scaleX(-1)}:lang(ar) .mg-on-this-page-nav__cta,:lang(ar) .mg-on-this-page-nav__link{font-family:Dubai,sans-serif}body:has([data-mg-preview-access]:not(.mg-preview-access--unlocked))>:not(.mg-preview-access__overlay){visibility:hidden!important}html:has(body [data-mg-preview-access]:not(.mg-preview-access--unlocked)){overflow:hidden}.mg-preview-access__overlay{align-items:center;background:var(--mg-color-modal-scrim);display:flex;inset:0;justify-content:center;padding:var(--mg-spacing-200);position:fixed;visibility:visible!important;z-index:var(--mg-z-index-modal)}.mg-preview-access__modal{background:rgb(var(--mg-color-white));border-radius:0;border-top:.25rem solid rgb(var(--mg-color-interactive));box-shadow:0 .5rem 2rem rgba(0,0,0,.25);max-width:30rem;padding:var(--mg-spacing-350);width:100%}.mg-preview-access__eyebrow{color:rgb(var(--mg-color-neutral-700));font-family:Roboto Condensed,sans-serif;font-size:.875rem;font-weight:700;margin:0 0 var(--mg-spacing-50)}.mg-preview-access__title{color:rgb(var(--mg-color-neutral-800));font-family:Roboto Condensed,sans-serif;font-size:1.4375rem;line-height:1.2;margin:0 0 var(--mg-spacing-150)}.mg-preview-access__body{color:rgb(var(--mg-color-neutral-700));font-family:Roboto,sans-serif;font-size:1rem;line-height:1.5;margin:0 0 var(--mg-spacing-250)}.mg-preview-access__form{margin:0}.mg-preview-access__label{color:rgb(var(--mg-color-neutral-700));display:block;font-family:Roboto Condensed,sans-serif;font-size:1rem;font-weight:700;margin:0 0 var(--mg-spacing-50)}.mg-preview-access__field{display:flex;gap:var(--mg-spacing-50);margin:0 0 var(--mg-spacing-50)}.mg-preview-access__input{background:rgb(var(--mg-color-white));border:1px solid rgb(var(--mg-color-neutral-200));border-radius:0;color:rgb(var(--mg-color-neutral-800));flex:1;font-family:Roboto,sans-serif;font-size:1rem;min-width:0;padding:var(--mg-spacing-100) var(--mg-spacing-150)}.mg-preview-access__input:focus{border-color:rgb(var(--mg-color-form-focus));box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-preview-access__submit{background:rgb(var(--mg-color-interactive));border:0;border-radius:0;color:rgb(var(--mg-color-white));cursor:pointer;font-family:Roboto Condensed,sans-serif;font-size:1rem;font-weight:600;padding:var(--mg-spacing-100) var(--mg-spacing-200)}.mg-preview-access__submit:hover{background:rgb(var(--mg-color-interactive-active));filter:brightness(.92)}.mg-preview-access__submit:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-preview-access__error{color:rgb(var(--mg-color-red-900));font-family:Roboto,sans-serif;font-size:.875rem;margin:0 0 var(--mg-spacing-150);min-height:var(--mg-spacing-200)}.mg-preview-access__contact{border-top:1px solid rgb(var(--mg-color-neutral-100));color:rgb(var(--mg-color-neutral-600));font-family:Roboto,sans-serif;font-size:.875rem;margin:0;padding-top:var(--mg-spacing-150)}.mg-preview-access__contact a{color:rgb(var(--mg-color-interactive));text-decoration:underline}:lang(ar) .mg-preview-access__body,:lang(ar) .mg-preview-access__contact,:lang(ar) .mg-preview-access__error,:lang(ar) .mg-preview-access__eyebrow,:lang(ar) .mg-preview-access__label,:lang(ar) .mg-preview-access__submit,:lang(ar) .mg-preview-access__title{font-family:Dubai,sans-serif}
|
|
398
541
|
|
|
399
542
|
/**
|
|
400
543
|
* @file SearchWidget.scss
|
|
@@ -404,7 +547,7 @@
|
|
|
404
547
|
* Designed to work with the UNDRR theme system.
|
|
405
548
|
*
|
|
406
549
|
* @see stories/assets/scss/_variables.scss for Mangrove design tokens
|
|
407
|
-
*/.mg-search--hide-contentType .mg-card__label,.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-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:rgb(var(--mg-color-neutral-50));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,rgb(var(--mg-color-interactive)),rgb(var(--mg-color-interactive-active)));height:100%;width:30%}@keyframes mg-search-progress{0%{transform:translateX(-100%)}50%{transform:translateX(200%)}to{transform:translateX(400%)}}.mg-search-bar,.mg-search__form{display:flex;gap:0;margin-bottom:var(--mg-spacing-100);margin-top:0}.mg-search-bar__input-wrapper,.mg-search__input-wrapper{flex:1;position:relative}.mg-search__input{padding-right:var(--mg-spacing-250);transition:border-color .2s,box-shadow .2s}.mg-search__input::placeholder{color:rgb(var(--mg-color-neutral-500))}.mg-search__clear{align-items:center;background:none;border:none;color:rgb(var(--mg-color-text));cursor:pointer;display:inline-flex;font-size:.625rem;height:var(--mg-spacing-200);justify-content:center;line-height:1;padding:0;position:absolute;right:var(--mg-spacing-50);top:50%;transform:translateY(-50%);width:var(--mg-spacing-200)}.mg-search__clear:hover{color:rgb(var(--mg-color-interactive))}@keyframes mg-search-spin{to{transform:rotate(1turn)}}.mg-search__submit{gap:.5rem}.mg-search__submit-icon{align-items:center;display:inline-flex;line-height:1}.mg-search__active-filters{align-items:center;background:rgb(var(--mg-color-blue-50));border-radius:var(--mg-spacing-25);display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50);margin-bottom:var(--mg-spacing-100);padding:var(--mg-spacing-75)}.mg-search__active-filters-label{color:rgb(var(--mg-color-text));font-weight:500;margin-right:var(--mg-spacing-25)}.mg-search__active-filters-list{display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50);list-style:none;margin:0;padding:0}.mg-search__filter-chip{align-items:center;background:#fff;border:1px solid rgb(var(--mg-color-neutral-100));border-radius:var(--mg-spacing-25);color:rgb(var(--mg-color-text));cursor:pointer;display:inline-flex;gap:var(--mg-spacing-50);padding:var(--mg-spacing-25) var(--mg-spacing-50);transition:background-color .2s,border-color .2s}.mg-search__filter-chip:hover{background:rgb(var(--mg-color-blue-100));border-color:rgb(var(--mg-color-interactive))}.mg-search__filter-chip:focus{box-shadow:0 0 0 2px rgb(var(--mg-color-interactive));outline:none}.mg-search__filter-chip-remove{font-weight:900}.mg-search__clear-all{background:none;border:1px solid rgb(var(--mg-color-interactive));border-radius:var(--mg-spacing-25);color:rgb(var(--mg-color-interactive));cursor:pointer;padding:var(--mg-spacing-25) var(--mg-spacing-75);transition:background-color .2s,color .2s}.mg-search__clear-all:hover{background:rgb(var(--mg-color-interactive));color:#fff}.mg-search__content{display:flex;gap:var(--mg-spacing-200)}.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__facets-strip{margin-bottom:var(--mg-spacing-150)}.mg-search__facets-strip .mg-search__facets{align-items:flex-end;flex-direction:row;flex-wrap:wrap;gap:var(--mg-spacing-100) var(--mg-spacing-150)}.mg-search__facets-strip .mg-search__facet-containers{display:contents}.mg-search__facets-strip .mg-search__facet,.mg-search__facets-strip .mg-search__sort{flex:1 1 12.5rem;max-width:17.5rem;min-width:11.25rem}@media (width <= 768px){.mg-search__facets-strip{display:none}}.mg-search__results{transition:opacity .2s ease-out}.mg-search__results-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50);justify-content:space-between;margin-bottom:var(--mg-spacing-100)}.mg-search__results-count{color:rgb(var(--mg-color-neutral-500));margin:0}.mg-search__results-count strong{color:rgb(var(--mg-color-text))}.mg-search__results-time{color:rgb(var(--mg-color-neutral-500))}.mg-search__filter-btn{align-items:center;background:transparent;border:1px solid rgb(var(--mg-color-neutral-100));border-radius:var(--mg-spacing-25);color:rgb(var(--mg-color-interactive));cursor:pointer;display:none;font-size:.78125rem;font-weight:500;gap:var(--mg-spacing-25);padding:var(--mg-spacing-50) var(--mg-spacing-75);transition:background-color .15s,border-color .15s;white-space:nowrap}.mg-search__filter-btn:hover{background:rgb(var(--mg-color-blue-50));border-color:rgb(var(--mg-color-interactive))}.mg-search__filter-btn:focus-visible{outline:2px solid rgb(var(--mg-color-interactive));outline-offset:2px}.mg-search__filter-btn-icon{flex-shrink:0}.mg-search__filter-btn-badge{align-items:center;background:rgb(var(--mg-color-interactive));border-radius:9px;color:#fff;display:inline-flex;font-size:.78125rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 var(--mg-spacing-25)}.mg-search__results-list{display:flex;flex-direction:column;gap:var(--mg-spacing-150)}.mg-search__results-more{background:rgb(var(--mg-color-blue-50));border-radius:var(--mg-spacing-25);color:rgb(var(--mg-color-neutral-500));font-size:.78125rem;margin-top:var(--mg-spacing-150);padding:var(--mg-spacing-100);text-align:center}.mg-search__results-empty,.mg-search__results-placeholder{color:rgb(var(--mg-color-neutral-500));padding:var(--mg-spacing-200);text-align:center}.mg-search__results-empty p,.mg-search__results-placeholder p{margin:0 0 var(--mg-spacing-50)}.mg-search__results-hint{font-size:.78125rem}.mg-search__results-error{background:rgb(var(--mg-color-red-50));border:1px solid rgb(var(--mg-color-red-400));border-radius:var(--mg-spacing-25);padding:var(--mg-spacing-100)}.mg-search__results-error p{margin:0 0 var(--mg-spacing-50)}.mg-search__results-error p:last-child{margin-bottom:0}.mg-search__result{border-bottom:1px solid rgb(var(--mg-color-neutral-50));padding-bottom:var(--mg-spacing-150)}.mg-search__result:last-child{border-bottom:none;padding-bottom:0}.mg-search__result-content{display:flex;gap:var(--mg-spacing-100)}.mg-search__result-image{flex-shrink:0;width:120px}.mg-search__result-image img{border-radius:var(--mg-spacing-25);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 var(--mg-spacing-50)}.mg-search__result-title a{color:rgb(var(--mg-color-interactive));text-decoration:none}.mg-search__result-title a:hover{text-decoration:underline}.mg-search__result-title a em{background:rgb(var(--mg-color-blue-900)/.1);font-style:normal;padding:0 2px}.mg-search__result-meta{color:rgb(var(--mg-color-neutral-500));display:flex;flex-wrap:wrap;font-size:.703125rem;gap:var(--mg-spacing-50);margin-bottom:var(--mg-spacing-50)}.mg-search__result-type{background:rgb(var(--mg-color-blue-50));border-radius:var(--mg-spacing-25);letter-spacing:.025em;padding:var(--mg-spacing-25) var(--mg-spacing-50);text-transform:uppercase}.mg-search__result-date:before,.mg-search__result-domain:before{color:rgb(var(--mg-color-neutral-100));content:"•";margin-right:var(--mg-spacing-50)}.mg-search__result-snippet{color:rgb(var(--mg-color-text));font-size:.703125rem;line-height:1.6;margin:0}.mg-search__result-snippet em{background:rgb(var(--mg-color-blue-900)/.1);font-style:normal;padding:0 2px}.mg-search__result-metrics{display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50);margin-bottom:var(--mg-spacing-50)}.mg-search__result-metric{background:var(--mg-color-yellow-light);border-radius:var(--mg-spacing-25);display:inline-block;font-size:.78125rem;padding:var(--mg-spacing-25) var(--mg-spacing-50)}.mg-search__skeleton{display:flex;flex-direction:column;gap:var(--mg-spacing-150)}.mg-search__skeleton-item{border-bottom:1px solid rgb(var(--mg-color-neutral-50));padding-bottom:var(--mg-spacing-150)}.mg-search__skeleton-meta,.mg-search__skeleton-text,.mg-search__skeleton-title{animation:mg-search-shimmer 1.5s infinite;background:linear-gradient(90deg,rgb(var(--mg-color-neutral-25)) 25%,#e8e8e8 50%,rgb(var(--mg-color-neutral-25)) 75%);background-size:200% 100%;border-radius:var(--mg-spacing-25)}.mg-search__skeleton-title{height:var(--mg-spacing-150);margin-bottom:var(--mg-spacing-75);width:70%}.mg-search__skeleton-meta{height:var(--mg-spacing-100);margin-bottom:var(--mg-spacing-75);width:40%}.mg-search__skeleton-text{height:var(--mg-spacing-100);margin-bottom:var(--mg-spacing-50);width:100%}.mg-search__skeleton-text--short{width:60%}.mg-search__skeleton--card{flex-direction:row}.mg-search__skeleton-card{border:1px solid rgb(var(--mg-color-neutral-50));border-radius:var(--mg-spacing-25);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,rgb(var(--mg-color-neutral-25)) 25%,#e8e8e8 50%,rgb(var(--mg-color-neutral-25)) 75%);background-size:200% 100%}.mg-search__skeleton-card-body{padding:var(--mg-spacing-100)}.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:rgb(var(--mg-color-blue-50));border-radius:var(--mg-spacing-25);padding:var(--mg-spacing-100)}.mg-search__facets-notice{color:rgb(var(--mg-color-neutral-500));font-size:.78125rem;margin:0;text-align:center}.mg-search__facets{display:flex;flex-direction:column;gap:var(--mg-spacing-150)}.mg-search__facets-loading{color:rgb(var(--mg-color-neutral-500));font-size:.78125rem;padding:var(--mg-spacing-100);text-align:center}.mg-search__facet-containers{display:flex;flex-direction:column;gap:var(--mg-spacing-100)}.mg-search__sort{border:none;margin:0;padding:0}.mg-search__sort legend{color:rgb(var(--mg-color-text));font-size:.78125rem;font-weight:600;margin-bottom:var(--mg-spacing-50)}.mg-search__facet{border:none;margin:0;padding:0}.mg-search__facet legend{color:rgb(var(--mg-color-text));font-size:.78125rem;font-weight:600;margin-bottom:var(--mg-spacing-50)}.mg-search__facet-select{background-color:rgb(var(--mg-color-neutral-50));border:1px solid rgb(var(--mg-color-neutral-600)/.22);border-radius:var(--mg-radius-form-input);cursor:pointer;font-size:.78125rem;padding:var(--mg-spacing-50);width:100%}.mg-search__facet-select:focus-visible{background-color:rgb(var(--mg-color-neutral-0));border-color:rgb(var(--mg-color-interactive));border-radius:var(--mg-focus-ring-radius);outline:none;outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-search__facet-select[multiple]{min-height:100px}.mg-search__facet-select[multiple] option{padding:var(--mg-spacing-25) var(--mg-spacing-50)}.mg-search__facet-select[multiple] option:checked{background-color:rgb(var(--mg-color-blue-50))}.mg-search__result-badges{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--mg-spacing-50);margin-bottom:var(--mg-spacing-25)}.mg-search__result-site-name{background:rgb(var(--mg-color-blue-50));border-radius:var(--mg-spacing-25);color:rgb(var(--mg-color-neutral-500));display:inline-block;font-size:.78125rem;margin:0;padding:var(--mg-spacing-25) var(--mg-spacing-50)}.mg-search__result--error{background:rgb(var(--mg-color-red-50));border:1px solid rgb(var(--mg-color-red-400));border-radius:var(--mg-spacing-25);padding:var(--mg-spacing-100)}.mg-search__result-error{color:#d32f2f;margin:0}.mg-search__result-error a{color:inherit;text-decoration:underline}.mg-search__results-grid{gap:var(--mg-spacing-150)}.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:rgb(var(--mg-color-interactive));cursor:pointer;display:inline-flex;font-size:.78125rem;font-weight:500;gap:var(--mg-spacing-25);margin-top:var(--mg-spacing-50);padding:var(--mg-spacing-50) 0}.mg-search__facet-toggle:hover{text-decoration:underline}.mg-search__facet-toggle:focus-visible{outline:2px solid rgb(var(--mg-color-interactive));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:var(--mg-spacing-200)}.mg-search__spinner{animation:mg-search-spin 1s linear infinite;border-top:4px solid rgb(var(--mg-color-neutral-50));border:4px solid rgb(var(--mg-color-neutral-50));border-radius:50%;border-top-color:rgb(var(--mg-color-interactive));height:40px;width:40px}.mg-search__loader-text{color:rgb(var(--mg-color-neutral-500));margin-top:var(--mg-spacing-100);text-align:center}.mg-select{margin-top:var(--mg-spacing-50);position:relative;width:100%}.mg-select__trigger{align-items:center;background-color:rgb(var(--mg-color-neutral-50));border:1px solid rgb(var(--mg-color-neutral-600)/.22);border-radius:var(--mg-radius-form-input);color:rgb(var(--mg-color-text));cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;min-height:44px;padding:var(--mg-spacing-50) var(--mg-spacing-75);text-align:left;transition:border-color .15s,box-shadow .15s;width:100%}.mg-select__trigger:hover{border-color:rgb(var(--mg-color-interactive))}.mg-select__trigger:focus-visible{background-color:rgb(var(--mg-color-neutral-0));border-color:rgb(var(--mg-color-interactive));border-radius:var(--mg-focus-ring-radius);outline:0;outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-select--open .mg-select__trigger{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:rgb(var(--mg-color-interactive))}.mg-select__trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mg-select__trigger-icon{color:rgb(var(--mg-color-neutral-500));flex-shrink:0;margin-left:var(--mg-spacing-50);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:calc(var(--mg-z-index-modal) - 1)}.mg-select__dropdown{animation:mg-select-fade-in .15s ease-out;background:#fff;border:1px solid rgb(var(--mg-color-interactive));border-radius:0 0 var(--mg-spacing-25) var(--mg-spacing-25);border-top:none;box-shadow:0 4px 12px rgba(0,0,0,.1);left:0;position:absolute;right:0;top:100%;z-index:var(--mg-z-index-modal)}@keyframes mg-select-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mg-select__search{border-bottom:1px solid rgb(var(--mg-color-neutral-50));padding:var(--mg-spacing-50)}.mg-select__search-input{background-color:rgb(var(--mg-color-neutral-50));border:1px solid rgb(var(--mg-color-neutral-600)/.22);border-radius:var(--mg-radius-form-input);font-size:1rem;padding:var(--mg-spacing-50);width:100%}.mg-select__search-input:focus-visible{background-color:rgb(var(--mg-color-neutral-0));border-color:rgb(var(--mg-color-interactive));border-radius:var(--mg-focus-ring-radius);outline:0;outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-select__search-input::placeholder{color:rgb(var(--mg-color-neutral-500))}.mg-select__list{list-style:none;margin:0;max-height:240px;overflow-y:auto;overscroll-behavior:contain;padding:var(--mg-spacing-25) 0}.mg-select__option{align-items:center;cursor:pointer;display:flex;gap:var(--mg-spacing-50);min-height:40px;padding:var(--mg-spacing-50) var(--mg-spacing-75);transition:background-color .1s ease}.mg-select__option--highlighted,.mg-select__option:hover{background-color:rgb(var(--mg-color-blue-50))}.mg-select__option--selected{background-color:rgb(var(--mg-color-blue-900)/.08)}.mg-select__option--selected .mg-select__option-label{color:rgb(var(--mg-color-interactive));font-weight:600}.mg-select__option--selected.mg-select__option--highlighted{background-color:rgb(var(--mg-color-blue-900)/.12)}.mg-select__indicator{align-items:center;border:2px solid rgb(var(--mg-color-form-check));color:rgb(var(--mg-color-interactive));display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.mg-select__indicator--checkbox{border-radius:var(--mg-radius-form-input)}.mg-select__indicator--radio{border-radius:50%}.mg-select__indicator:hover{border-color:rgb(var(--mg-color-form-check--hover))}.mg-select__option--selected .mg-select__indicator{background-color:rgb(var(--mg-color-form-check--checked));border-color:rgb(var(--mg-color-form-check--checked));color:rgb(var(--mg-color-white))}.mg-select__indicator-dot{background:#fff;border-radius:50%;height:8px;width:8px}.mg-select__option-label{color:rgb(var(--mg-color-text));flex:1;font-size:.78125rem;line-height:1.4}.mg-select__option-count{color:rgb(var(--mg-color-neutral-500));flex-shrink:0;font-size:.625rem}.mg-select__option--subtype{padding-left:var(--mg-spacing-150)}.mg-select__option--subtype .mg-select__option-label{font-size:.625rem}.mg-select__option--subtype .mg-select__option-label:before{color:rgb(var(--mg-color-neutral-500));content:"└";margin-right:var(--mg-spacing-25)}.mg-select__empty{color:rgb(var(--mg-color-neutral-500));font-size:.78125rem;padding:var(--mg-spacing-100);text-align:center}.mg-search__facet-option{align-items:baseline;border-radius:var(--mg-spacing-25);display:grid;gap:0 var(--mg-spacing-25);grid-template-columns:1.25em 1fr auto;padding:var(--mg-spacing-50);transition:background-color .15s ease}.mg-search__facet-option:hover{background-color:rgb(var(--mg-color-blue-900)/.05)}.mg-search__facet-option input[type=checkbox],.mg-search__facet-option input[type=radio]{accent-color:rgb(var(--mg-color-form-check--checked));cursor:pointer;margin:0}.mg-search__facet-option label{color:rgb(var(--mg-color-text));cursor:pointer;font-weight:400;line-height:1.5;padding-left:var(--mg-spacing-25);text-wrap:balance}.mg-search__facet-option label:hover{color:rgb(var(--mg-color-interactive));text-decoration:underline}.mg-search__facet-option:has(input:checked){background-color:rgb(var(--mg-color-blue-900)/.08)}.mg-search__facet-option:has(input:checked) label{color:rgb(var(--mg-color-interactive));font-weight:600}.mg-search__facet-count{color:rgb(var(--mg-color-neutral-500));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:calc(var(--mg-z-index-drawer) - 1)}@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:var(--mg-z-index-drawer)}@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 rgb(var(--mg-color-neutral-100));display:flex;flex-shrink:0;justify-content:space-between;min-height:56px;padding:var(--mg-spacing-100) var(--mg-spacing-150)}.mg-search__drawer-title{align-items:center;color:rgb(var(--mg-color-text));display:flex;font-size:1rem;font-weight:600;gap:var(--mg-spacing-50);margin:0}.mg-search__drawer-count{align-items:center;background:rgb(var(--mg-color-interactive));border-radius:11px;color:#fff;display:inline-flex;font-size:.78125rem;font-weight:600;height:22px;justify-content:center;min-width:22px;padding:0 var(--mg-spacing-25)}.mg-search__drawer-close{align-items:center;background:none;border:none;border-radius:var(--mg-spacing-25);color:rgb(var(--mg-color-neutral-500));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:rgb(var(--mg-color-blue-50));color:rgb(var(--mg-color-text))}.mg-search__drawer-close:focus-visible{outline:2px solid rgb(var(--mg-color-interactive));outline-offset:-2px}.mg-search__drawer-content{flex:1;overflow-y:auto;padding:var(--mg-spacing-100) var(--mg-spacing-150);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mg-search__drawer-footer{background:#fff;border-top:1px solid rgb(var(--mg-color-neutral-100));flex-shrink:0;padding:var(--mg-spacing-100) var(--mg-spacing-150)}.mg-search__drawer-apply{align-items:center;background:rgb(var(--mg-color-interactive));border:none;border-radius:var(--mg-spacing-25);color:#fff;cursor:pointer;display:flex;font-size:.78125rem;font-weight:600;gap:var(--mg-spacing-50);justify-content:center;min-height:48px;padding:var(--mg-spacing-75) var(--mg-spacing-100);transition:background-color .15s;width:100%}.mg-search__drawer-apply:hover{background:rgb(var(--mg-color-interactive-active))}.mg-search__drawer-apply:focus-visible{outline:2px solid rgb(var(--mg-color-interactive-active));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 rgb(var(--mg-color-interactive));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:var(--mg-spacing-50);margin-top:var(--mg-spacing-75)}.mg-search__facet-operator-row{align-items:center;display:flex;gap:var(--mg-spacing-50)}.mg-search__facet-operator-label{color:rgb(var(--mg-color-neutral-500));font-weight:500}.mg-search__facet-operator-hint{color:rgb(var(--mg-color-neutral-500));font-style:italic;line-height:1.4;margin:0}.mg-search__facet-operator-toggle{display:inline-flex;gap:var(--mg-spacing-25)}.mg-search__facet-operator-option{align-items:center;border-bottom:2px solid transparent;border-radius:0;color:rgb(var(--mg-color-neutral-500));cursor:pointer;display:flex;font-size:.78125rem;font-weight:400;padding:var(--mg-spacing-25) var(--mg-spacing-50);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:rgb(var(--mg-color-text))}.mg-search__facet-operator-option--active{border-bottom-color:rgb(var(--mg-color-interactive));color:rgb(var(--mg-color-interactive));font-weight:500}.mg-search__facet-operator-option:focus-within{border-radius:var(--mg-spacing-25);outline:2px solid rgb(var(--mg-color-interactive));outline-offset:2px}.mg-search__filter-chip-connector{align-items:center;color:rgb(var(--mg-color-neutral-500));display:inline-flex;font-weight:600;letter-spacing:.05em;margin-right:var(--mg-spacing-25);text-transform:uppercase}.mg-error-page{background-color:rgb(var(--mg-color-blue-900));color:rgb(var(--mg-color-text));min-height:100vh;padding-bottom:1.25rem}.mg-error-page h1{color:rgb(var(--mg-color-blue-900));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 rgb(var(--mg-color-neutral-100));max-width:300px}.mg-error-page__container{background:rgb(var(--mg-color-neutral-0));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:rgb(var(--mg-color-neutral-25))}.mg-error-page--challenge .mg-error-page__container{border-radius:var(--mg-card-border-radius);box-shadow:var(--mg-card-shadow);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:rgb(var(--mg-color-text));font-size:1.4375rem;font-weight:600;margin:0 0 .3125rem}.mg-footer{--mg-gutenberg-spacer:0}.mg-footer--about-footer{padding-bottom:var(--mg-spacing-200);padding-top:var(--mg-spacing-200);text-wrap:balance}.mg-footer--about-footer,.mg-footer--about-footer a,.mg-footer--about-footer a:hover{color:rgb(var(--mg-color-white))}.mg-footer--about-footer .container{margin-bottom:0}.mg-footer--about-footer--links{display:inline-flex;flex-wrap:wrap;font-family:Roboto Condensed,sans-serif;font-size:1.4375rem;gap:.46875rem 1.25rem}:lang(ar) .mg-footer--about-footer--links{font-family:Noto Kufi Arabic,sans-serif}.mg-footer--about-footer--description{font-size:1.125rem}.mg-footer-bar{border-top:1px solid rgb(var(--mg-color-neutral-200));color:rgb(var(--mg-color-neutral-600));font-size:1rem;padding:var(--mg-spacing-150) 0}.mg-footer-bar__row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--mg-spacing-100);justify-content:space-between}.mg-footer-bar__links{display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50) var(--mg-spacing-200)}.mg-footer-bar__links a{color:rgb(var(--mg-color-interactive))}.mg-footer-bar__text{margin:0;max-width:600px}.mg-footer-bar__divider{border:0;border-top:1px solid rgb(var(--mg-color-neutral-200));margin:var(--mg-spacing-100) 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}}
|
|
550
|
+
*/.mg-search--hide-contentType .mg-card__label,.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-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:rgb(var(--mg-color-neutral-50));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,rgb(var(--mg-color-interactive)),rgb(var(--mg-color-interactive-active)));height:100%;width:30%}@keyframes mg-search-progress{0%{transform:translateX(-100%)}50%{transform:translateX(200%)}to{transform:translateX(400%)}}.mg-search-bar,.mg-search__form{display:flex;gap:0;margin-bottom:var(--mg-spacing-100);margin-top:0}.mg-search-bar__input-wrapper,.mg-search__input-wrapper{flex:1;position:relative}.mg-search__input{padding-right:var(--mg-spacing-250);transition:border-color .2s,box-shadow .2s}.mg-search__input::placeholder{color:rgb(var(--mg-color-neutral-500))}.mg-search__clear{align-items:center;background:none;border:none;color:rgb(var(--mg-color-text));cursor:pointer;display:inline-flex;font-size:.625rem;height:var(--mg-spacing-200);justify-content:center;line-height:1;padding:0;position:absolute;right:var(--mg-spacing-50);top:50%;transform:translateY(-50%);width:var(--mg-spacing-200)}.mg-search__clear:hover{color:rgb(var(--mg-color-interactive))}@keyframes mg-search-spin{to{transform:rotate(1turn)}}.mg-search__submit{gap:.5rem}.mg-search__submit-icon{align-items:center;display:inline-flex;line-height:1}.mg-search__active-filters{align-items:center;background:rgb(var(--mg-color-blue-50));border-radius:var(--mg-spacing-25);display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50);margin-bottom:var(--mg-spacing-100);padding:var(--mg-spacing-75)}.mg-search__active-filters-label{color:rgb(var(--mg-color-text));font-weight:500;margin-right:var(--mg-spacing-25)}.mg-search__active-filters-list{display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50);list-style:none;margin:0;padding:0}.mg-search__filter-chip{align-items:center;background:#fff;border:1px solid rgb(var(--mg-color-neutral-100));border-radius:var(--mg-spacing-25);color:rgb(var(--mg-color-text));cursor:pointer;display:inline-flex;gap:var(--mg-spacing-50);padding:var(--mg-spacing-25) var(--mg-spacing-50);transition:background-color .2s,border-color .2s}.mg-search__filter-chip:hover{background:rgb(var(--mg-color-blue-100));border-color:rgb(var(--mg-color-interactive))}.mg-search__filter-chip:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-search__filter-chip-remove{font-weight:900}.mg-search__clear-all{background:none;border:1px solid rgb(var(--mg-color-interactive));border-radius:var(--mg-spacing-25);color:rgb(var(--mg-color-interactive));cursor:pointer;padding:var(--mg-spacing-25) var(--mg-spacing-75);transition:background-color .2s,color .2s}.mg-search__clear-all:hover{background:rgb(var(--mg-color-interactive));color:#fff}.mg-search__content{display:flex;gap:var(--mg-spacing-200)}.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__facets-strip{margin-bottom:var(--mg-spacing-150)}.mg-search__facets-strip .mg-search__facets{align-items:flex-end;flex-direction:row;flex-wrap:wrap;gap:var(--mg-spacing-100) var(--mg-spacing-150)}.mg-search__facets-strip .mg-search__facet-containers{display:contents}.mg-search__facets-strip .mg-search__facet,.mg-search__facets-strip .mg-search__sort{flex:1 1 12.5rem;max-width:17.5rem;min-width:11.25rem}@media (width <= 768px){.mg-search__facets-strip{display:none}}.mg-search__results{transition:opacity .2s ease-out}.mg-search__results-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50);justify-content:space-between;margin-bottom:var(--mg-spacing-100)}.mg-search__results-count{color:rgb(var(--mg-color-neutral-500));margin:0}.mg-search__results-count strong{color:rgb(var(--mg-color-text))}.mg-search__results-time{color:rgb(var(--mg-color-neutral-500))}.mg-search__filter-btn{align-items:center;background:transparent;border:1px solid rgb(var(--mg-color-neutral-100));border-radius:var(--mg-spacing-25);color:rgb(var(--mg-color-interactive));cursor:pointer;display:none;font-size:.78125rem;font-weight:500;gap:var(--mg-spacing-25);padding:var(--mg-spacing-50) var(--mg-spacing-75);transition:background-color .15s,border-color .15s;white-space:nowrap}.mg-search__filter-btn:hover{background:rgb(var(--mg-color-blue-50));border-color:rgb(var(--mg-color-interactive))}.mg-search__filter-btn:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-search__filter-btn-icon{flex-shrink:0}.mg-search__filter-btn-badge{align-items:center;background:rgb(var(--mg-color-interactive));border-radius:9px;color:#fff;display:inline-flex;font-size:.78125rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 var(--mg-spacing-25)}.mg-search__results-list{display:flex;flex-direction:column;gap:var(--mg-spacing-150)}.mg-search__results-more{background:rgb(var(--mg-color-blue-50));border-radius:var(--mg-spacing-25);color:rgb(var(--mg-color-neutral-500));font-size:.78125rem;margin-top:var(--mg-spacing-150);padding:var(--mg-spacing-100);text-align:center}.mg-search__results-empty,.mg-search__results-placeholder{color:rgb(var(--mg-color-neutral-500));padding:var(--mg-spacing-200);text-align:center}.mg-search__results-empty p,.mg-search__results-placeholder p{margin:0 0 var(--mg-spacing-50)}.mg-search__results-hint{font-size:.78125rem}.mg-search__results-error{background:rgb(var(--mg-color-red-50));border:1px solid rgb(var(--mg-color-red-400));border-radius:var(--mg-spacing-25);padding:var(--mg-spacing-100)}.mg-search__results-error p{margin:0 0 var(--mg-spacing-50)}.mg-search__results-error p:last-child{margin-bottom:0}.mg-search__result{border-bottom:1px solid rgb(var(--mg-color-neutral-50));padding-bottom:var(--mg-spacing-150)}.mg-search__result:last-child{border-bottom:none;padding-bottom:0}.mg-search__result-content{display:flex;gap:var(--mg-spacing-100)}.mg-search__result-image{flex-shrink:0;width:120px}.mg-search__result-image img{border-radius:var(--mg-spacing-25);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 var(--mg-spacing-50)}.mg-search__result-title a{color:rgb(var(--mg-color-interactive));text-decoration:none}.mg-search__result-title a:hover{text-decoration:underline}.mg-search__result-title a em{background:rgb(var(--mg-color-blue-900)/.1);font-style:normal;padding:0 2px}.mg-search__result-meta{color:rgb(var(--mg-color-neutral-500));display:flex;flex-wrap:wrap;font-size:.703125rem;gap:var(--mg-spacing-50);margin-bottom:var(--mg-spacing-50)}.mg-search__result-type{background:rgb(var(--mg-color-blue-50));border-radius:var(--mg-spacing-25);letter-spacing:.025em;padding:var(--mg-spacing-25) var(--mg-spacing-50);text-transform:uppercase}.mg-search__result-date:before,.mg-search__result-domain:before{color:rgb(var(--mg-color-neutral-100));content:"•";margin-right:var(--mg-spacing-50)}.mg-search__result-snippet{color:rgb(var(--mg-color-text));font-size:.703125rem;line-height:1.6;margin:0}.mg-search__result-snippet em{background:rgb(var(--mg-color-blue-900)/.1);font-style:normal;padding:0 2px}.mg-search__result-metrics{display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50);margin-bottom:var(--mg-spacing-50)}.mg-search__result-metric{background:var(--mg-color-yellow-light);border-radius:var(--mg-spacing-25);display:inline-block;font-size:.78125rem;padding:var(--mg-spacing-25) var(--mg-spacing-50)}.mg-search__skeleton{display:flex;flex-direction:column;gap:var(--mg-spacing-150)}.mg-search__skeleton-item{border-bottom:1px solid rgb(var(--mg-color-neutral-50));padding-bottom:var(--mg-spacing-150)}.mg-search__skeleton-meta,.mg-search__skeleton-text,.mg-search__skeleton-title{animation:mg-search-shimmer 1.5s infinite;background:linear-gradient(90deg,rgb(var(--mg-color-neutral-25)) 25%,#e8e8e8 50%,rgb(var(--mg-color-neutral-25)) 75%);background-size:200% 100%;border-radius:var(--mg-spacing-25)}.mg-search__skeleton-title{height:var(--mg-spacing-150);margin-bottom:var(--mg-spacing-75);width:70%}.mg-search__skeleton-meta{height:var(--mg-spacing-100);margin-bottom:var(--mg-spacing-75);width:40%}.mg-search__skeleton-text{height:var(--mg-spacing-100);margin-bottom:var(--mg-spacing-50);width:100%}.mg-search__skeleton-text--short{width:60%}.mg-search__skeleton--card{flex-direction:row}.mg-search__skeleton-card{border:1px solid rgb(var(--mg-color-neutral-50));border-radius:var(--mg-spacing-25);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,rgb(var(--mg-color-neutral-25)) 25%,#e8e8e8 50%,rgb(var(--mg-color-neutral-25)) 75%);background-size:200% 100%}.mg-search__skeleton-card-body{padding:var(--mg-spacing-100)}.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:rgb(var(--mg-color-blue-50));border-radius:var(--mg-spacing-25);padding:var(--mg-spacing-100)}.mg-search__facets-notice{color:rgb(var(--mg-color-neutral-500));font-size:.78125rem;margin:0;text-align:center}.mg-search__facets{display:flex;flex-direction:column;gap:var(--mg-spacing-150)}.mg-search__facets-loading{color:rgb(var(--mg-color-neutral-500));font-size:.78125rem;padding:var(--mg-spacing-100);text-align:center}.mg-search__facet-containers{display:flex;flex-direction:column;gap:var(--mg-spacing-100)}.mg-search__sort{border:none;margin:0;padding:0}.mg-search__sort legend{color:rgb(var(--mg-color-text));font-size:.78125rem;font-weight:600;margin-bottom:var(--mg-spacing-50)}.mg-search__facet{border:none;margin:0;padding:0}.mg-search__facet legend{color:rgb(var(--mg-color-text));font-size:.78125rem;font-weight:600;margin-bottom:var(--mg-spacing-50)}.mg-search__facet-select{background-color:rgb(var(--mg-color-neutral-50));border:1px solid rgb(var(--mg-color-neutral-600)/.22);border-radius:var(--mg-radius-form-input);cursor:pointer;font-size:.78125rem;padding:var(--mg-spacing-50);width:100%}.mg-search__facet-select:focus-visible{background-color:rgb(var(--mg-color-neutral-0));border-color:rgb(var(--mg-color-interactive));box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:none;outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-search__facet-select[multiple]{min-height:100px}.mg-search__facet-select[multiple] option{padding:var(--mg-spacing-25) var(--mg-spacing-50)}.mg-search__facet-select[multiple] option:checked{background-color:rgb(var(--mg-color-blue-50))}.mg-search__result-badges{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--mg-spacing-50);margin-bottom:var(--mg-spacing-25)}.mg-search__result-site-name{background:rgb(var(--mg-color-blue-50));border-radius:var(--mg-spacing-25);color:rgb(var(--mg-color-neutral-500));display:inline-block;font-size:.78125rem;margin:0;padding:var(--mg-spacing-25) var(--mg-spacing-50)}.mg-search__result--error{background:rgb(var(--mg-color-red-50));border:1px solid rgb(var(--mg-color-red-400));border-radius:var(--mg-spacing-25);padding:var(--mg-spacing-100)}.mg-search__result-error{color:#d32f2f;margin:0}.mg-search__result-error a{color:inherit;text-decoration:underline}.mg-search__results-grid{gap:var(--mg-spacing-150)}.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:rgb(var(--mg-color-interactive));cursor:pointer;display:inline-flex;font-size:.78125rem;font-weight:500;gap:var(--mg-spacing-25);margin-top:var(--mg-spacing-50);padding:var(--mg-spacing-50) 0}.mg-search__facet-toggle:hover{text-decoration:underline}.mg-search__facet-toggle:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.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:var(--mg-spacing-200)}.mg-search__spinner{animation:mg-search-spin 1s linear infinite;border-top:4px solid rgb(var(--mg-color-neutral-50));border:4px solid rgb(var(--mg-color-neutral-50));border-radius:50%;border-top-color:rgb(var(--mg-color-interactive));height:40px;width:40px}.mg-search__loader-text{color:rgb(var(--mg-color-neutral-500));margin-top:var(--mg-spacing-100);text-align:center}.mg-select{margin-top:var(--mg-spacing-50);position:relative;width:100%}.mg-select__trigger{align-items:center;background-color:rgb(var(--mg-color-neutral-50));border:1px solid rgb(var(--mg-color-neutral-600)/.22);border-radius:var(--mg-radius-form-input);color:rgb(var(--mg-color-text));cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;min-height:44px;padding:var(--mg-spacing-50) var(--mg-spacing-75);text-align:left;transition:border-color .15s,box-shadow .15s;width:100%}.mg-select__trigger:hover{border-color:rgb(var(--mg-color-interactive))}.mg-select__trigger:focus-visible{background-color:rgb(var(--mg-color-neutral-0));border-color:rgb(var(--mg-color-interactive));box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:0;outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-select--open .mg-select__trigger{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:rgb(var(--mg-color-interactive))}.mg-select__trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mg-select__trigger-icon{color:rgb(var(--mg-color-neutral-500));flex-shrink:0;margin-left:var(--mg-spacing-50);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:calc(var(--mg-z-index-modal) - 1)}.mg-select__dropdown{animation:mg-select-fade-in .15s ease-out;background:#fff;border:1px solid rgb(var(--mg-color-interactive));border-radius:0 0 var(--mg-spacing-25) var(--mg-spacing-25);border-top:none;box-shadow:0 4px 12px rgba(0,0,0,.1);left:0;position:absolute;right:0;top:100%;z-index:var(--mg-z-index-modal)}@keyframes mg-select-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mg-select__search{border-bottom:1px solid rgb(var(--mg-color-neutral-50));padding:var(--mg-spacing-50)}.mg-select__search-input{background-color:rgb(var(--mg-color-neutral-50));border:1px solid rgb(var(--mg-color-neutral-600)/.22);border-radius:var(--mg-radius-form-input);font-size:1rem;padding:var(--mg-spacing-50);width:100%}.mg-select__search-input:focus-visible{background-color:rgb(var(--mg-color-neutral-0));border-color:rgb(var(--mg-color-interactive));box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:0;outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-select__search-input::placeholder{color:rgb(var(--mg-color-neutral-500))}.mg-select__list{list-style:none;margin:0;max-height:240px;overflow-y:auto;overscroll-behavior:contain;padding:var(--mg-spacing-25) 0}.mg-select__option{align-items:center;cursor:pointer;display:flex;gap:var(--mg-spacing-50);min-height:40px;padding:var(--mg-spacing-50) var(--mg-spacing-75);transition:background-color .1s ease}.mg-select__option--highlighted,.mg-select__option:hover{background-color:rgb(var(--mg-color-blue-50))}.mg-select__option--selected{background-color:rgb(var(--mg-color-blue-900)/.08)}.mg-select__option--selected .mg-select__option-label{color:rgb(var(--mg-color-interactive));font-weight:600}.mg-select__option--selected.mg-select__option--highlighted{background-color:rgb(var(--mg-color-blue-900)/.12)}.mg-select__indicator{align-items:center;border:2px solid rgb(var(--mg-color-form-check));color:rgb(var(--mg-color-interactive));display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.mg-select__indicator--checkbox{border-radius:var(--mg-radius-form-input)}.mg-select__indicator--radio{border-radius:50%}.mg-select__indicator:hover{border-color:rgb(var(--mg-color-form-check--hover))}.mg-select__option--selected .mg-select__indicator{background-color:rgb(var(--mg-color-form-check--checked));border-color:rgb(var(--mg-color-form-check--checked));color:rgb(var(--mg-color-white))}.mg-select__indicator-dot{background:#fff;border-radius:50%;height:8px;width:8px}.mg-select__option-label{color:rgb(var(--mg-color-text));flex:1;font-size:.78125rem;line-height:1.4}.mg-select__option-count{color:rgb(var(--mg-color-neutral-500));flex-shrink:0;font-size:.625rem}.mg-select__option--subtype{padding-left:var(--mg-spacing-150)}.mg-select__option--subtype .mg-select__option-label{font-size:.625rem}.mg-select__option--subtype .mg-select__option-label:before{color:rgb(var(--mg-color-neutral-500));content:"└";margin-right:var(--mg-spacing-25)}.mg-select__empty{color:rgb(var(--mg-color-neutral-500));font-size:.78125rem;padding:var(--mg-spacing-100);text-align:center}.mg-search__facet-option{align-items:baseline;border-radius:var(--mg-spacing-25);display:grid;gap:0 var(--mg-spacing-25);grid-template-columns:1.25em 1fr auto;padding:var(--mg-spacing-50);transition:background-color .15s ease}.mg-search__facet-option:hover{background-color:rgb(var(--mg-color-blue-900)/.05)}.mg-search__facet-option input[type=checkbox],.mg-search__facet-option input[type=radio]{accent-color:rgb(var(--mg-color-form-check--checked));cursor:pointer;margin:0}.mg-search__facet-option label{color:rgb(var(--mg-color-text));cursor:pointer;font-weight:400;line-height:1.5;padding-left:var(--mg-spacing-25);text-wrap:balance}.mg-search__facet-option label:hover{color:rgb(var(--mg-color-interactive));text-decoration:underline}.mg-search__facet-option:has(input:checked){background-color:rgb(var(--mg-color-blue-900)/.08)}.mg-search__facet-option:has(input:checked) label{color:rgb(var(--mg-color-interactive));font-weight:600}.mg-search__facet-count{color:rgb(var(--mg-color-neutral-500));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:calc(var(--mg-z-index-drawer) - 1)}@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:var(--mg-z-index-drawer)}@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 rgb(var(--mg-color-neutral-100));display:flex;flex-shrink:0;justify-content:space-between;min-height:56px;padding:var(--mg-spacing-100) var(--mg-spacing-150)}.mg-search__drawer-title{align-items:center;color:rgb(var(--mg-color-text));display:flex;font-size:1rem;font-weight:600;gap:var(--mg-spacing-50);margin:0}.mg-search__drawer-count{align-items:center;background:rgb(var(--mg-color-interactive));border-radius:11px;color:#fff;display:inline-flex;font-size:.78125rem;font-weight:600;height:22px;justify-content:center;min-width:22px;padding:0 var(--mg-spacing-25)}.mg-search__drawer-close{align-items:center;background:none;border:none;border-radius:var(--mg-spacing-25);color:rgb(var(--mg-color-neutral-500));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:rgb(var(--mg-color-blue-50));color:rgb(var(--mg-color-text))}.mg-search__drawer-close:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-search__drawer-content{flex:1;overflow-y:auto;padding:var(--mg-spacing-100) var(--mg-spacing-150);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mg-search__drawer-footer{background:#fff;border-top:1px solid rgb(var(--mg-color-neutral-100));flex-shrink:0;padding:var(--mg-spacing-100) var(--mg-spacing-150)}.mg-search__drawer-apply{align-items:center;background:rgb(var(--mg-color-interactive));border:none;border-radius:var(--mg-spacing-25);color:#fff;cursor:pointer;display:flex;font-size:.78125rem;font-weight:600;gap:var(--mg-spacing-50);justify-content:center;min-height:48px;padding:var(--mg-spacing-75) var(--mg-spacing-100);transition:background-color .15s;width:100%}.mg-search__drawer-apply:hover{background:rgb(var(--mg-color-interactive-active))}.mg-search__drawer-apply:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.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{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.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:var(--mg-spacing-50);margin-top:var(--mg-spacing-75)}.mg-search__facet-operator-row{align-items:center;display:flex;gap:var(--mg-spacing-50)}.mg-search__facet-operator-label{color:rgb(var(--mg-color-neutral-500));font-weight:500}.mg-search__facet-operator-hint{color:rgb(var(--mg-color-neutral-500));font-style:italic;line-height:1.4;margin:0}.mg-search__facet-operator-toggle{display:inline-flex;gap:var(--mg-spacing-25)}.mg-search__facet-operator-option{align-items:center;border-bottom:2px solid transparent;border-radius:0;color:rgb(var(--mg-color-neutral-500));cursor:pointer;display:flex;font-size:.78125rem;font-weight:400;padding:var(--mg-spacing-25) var(--mg-spacing-50);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:rgb(var(--mg-color-text))}.mg-search__facet-operator-option--active{border-bottom-color:rgb(var(--mg-color-interactive));color:rgb(var(--mg-color-interactive));font-weight:500}.mg-search__facet-operator-option:focus-within{border-radius:var(--mg-spacing-25);box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-search__filter-chip-connector{align-items:center;color:rgb(var(--mg-color-neutral-500));display:inline-flex;font-weight:600;letter-spacing:.05em;margin-right:var(--mg-spacing-25);text-transform:uppercase}.mg-error-page{background-color:rgb(var(--mg-color-blue-900));color:rgb(var(--mg-color-text));min-height:100vh;padding-bottom:1.25rem}.mg-error-page h1{color:rgb(var(--mg-color-blue-900));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 rgb(var(--mg-color-neutral-100));max-width:300px}.mg-error-page__container{background:rgb(var(--mg-color-neutral-0));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:rgb(var(--mg-color-neutral-25))}.mg-error-page--challenge .mg-error-page__container{border-radius:var(--mg-card-border-radius);box-shadow:var(--mg-card-shadow);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:rgb(var(--mg-color-text));font-size:1.4375rem;font-weight:600;margin:0 0 .3125rem}.mg-footer{--mg-gutenberg-spacer:0}.mg-footer--about-footer{padding-bottom:var(--mg-spacing-200);padding-top:var(--mg-spacing-200);text-wrap:balance}.mg-footer--about-footer,.mg-footer--about-footer a,.mg-footer--about-footer a:hover{color:rgb(var(--mg-color-white))}.mg-footer--about-footer .container{margin-bottom:0}.mg-footer--about-footer--links{display:inline-flex;flex-wrap:wrap;font-family:Roboto Condensed,sans-serif;font-size:1.4375rem;gap:.46875rem 1.25rem}:lang(ar) .mg-footer--about-footer--links{font-family:Dubai,sans-serif}.mg-footer--about-footer--description{font-size:1.125rem}.mg-footer-bar{border-top:1px solid rgb(var(--mg-color-neutral-200));color:rgb(var(--mg-color-neutral-600));font-size:1rem;padding:var(--mg-spacing-150) 0}.mg-footer-bar__row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--mg-spacing-100);justify-content:space-between}.mg-footer-bar__links{display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50) var(--mg-spacing-200)}.mg-footer-bar__links a{color:rgb(var(--mg-color-interactive))}.mg-footer-bar__text{margin:0;max-width:600px}.mg-footer-bar__divider{border:0;border-top:1px solid rgb(var(--mg-color-neutral-200));margin:var(--mg-spacing-100) 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}}
|
|
408
551
|
/* image caption start */.mg-image-caption{border-bottom:2px solid rgb(var(--mg-color-black))
|
|
409
552
|
/* medium design */}@media (width >= 48em){.mg-image-caption{display:flex;justify-content:space-between;padding-bottom:var(--mg-spacing-150)}}.mg-image-caption p{color:rgb(var(--mg-color-neutral-600));font-size:.78125rem;margin-bottom:var(--mg-spacing-50)
|
|
410
553
|
/* 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 rgb(var(--mg-color-neutral-500));display:flex;flex-shrink:0;flex-wrap:wrap;margin-bottom:var(--mg-spacing-50);padding-top:var(--mg-spacing-50)
|