@undrr/undrr-mangrove 2.1.1 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- 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/ContentCard.js +9 -0
- package/components/ContentCard.js.LICENSE.txt +9 -0
- package/components/ContentTeaser.js +9 -0
- package/components/ContentTeaser.js.LICENSE.txt +9 -0
- package/components/CopyButton.js +1 -1
- package/components/CtaButton.js +1 -1
- package/components/Drawer.js +1 -1
- package/components/DrupalContentPatterns.js +8 -0
- 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/Legend.js +1 -1
- package/components/Loader.js +1 -1
- package/components/MegaMenu.js +1 -1
- package/components/Notice.js +1 -1
- package/components/PageHeader.js +1 -1
- package/components/Pager.js +1 -1
- package/components/ProgressBar.js +1 -1
- package/components/QuoteHighlight.js +1 -1
- package/components/Radio.js +1 -1
- package/components/Range.js +1 -1
- package/components/ScrollContainer.js +1 -1
- package/components/SegmentedControl.js +1 -1
- package/components/Select.js +1 -1
- package/components/ServiceNotice.js +1 -1
- package/components/ShareButtons.js +1 -1
- package/components/ShowMore.js +1 -1
- package/components/SkipLink.js +1 -1
- package/components/StatsCard.js +1 -1
- package/components/SyndicationSearchWidget.js +2 -2
- 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/Tree.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 +16 -11
- package/css/style-all.css.map +1 -1
- package/css/style-delta.css +16 -11
- package/css/style-delta.css.map +1 -1
- package/css/style-gutenberg.css +4 -8
- package/css/style-gutenberg.css.map +1 -1
- package/css/style-irp.css +16 -11
- package/css/style-irp.css.map +1 -1
- package/css/style-mcr.css +16 -11
- package/css/style-mcr.css.map +1 -1
- package/css/style-preventionweb.css +16 -11
- package/css/style-preventionweb.css.map +1 -1
- package/css/style.css +17 -11
- package/css/style.css.map +1 -1
- package/docs/EDITORIAL-MANUAL.md +1 -1
- package/docs/llms-page-building.txt +5 -3
- 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/js/preview-access.js +180 -30
- package/package.json +1 -1
- package/scss/Atom/BaseTypography/Blockquote/blockquote.scss +2 -0
- package/scss/Atom/BaseTypography/Cite/cite.scss +2 -0
- package/scss/Atom/BaseTypography/Code/code.scss +2 -0
- package/scss/Atom/BaseTypography/Mark/mark.scss +2 -0
- package/scss/Atom/BaseTypography/Small/small.scss +2 -0
- package/scss/Atom/Icons/icons.scss +3 -2
- package/scss/Atom/Images/ImageCaptionCredit/image-caption-credit.scss +3 -0
- package/scss/Atom/Images/ImageCredit/image-credit.scss +2 -0
- package/scss/Atom/Layout/Container/container.scss +2 -0
- package/scss/Atom/Layout/Grid/grid.scss +2 -0
- package/scss/Atom/Logo/logo.scss +2 -0
- package/scss/Atom/Navigation/MenuItems/menu-items.scss +2 -0
- package/scss/Atom/ReachElement/Details/details.scss +3 -0
- package/scss/Atom/ReachElement/Figcaption/figcaption.scss +3 -0
- package/scss/Atom/StatusLabel/status-label.scss +2 -0
- package/scss/Atom/Table/table.scss +4 -0
- package/scss/Atom/Tag/tag.scss +3 -0
- package/scss/Components/Boilerplate/boilerplate.scss +3 -0
- package/scss/Components/Breadcrumbs/breadcrumbs.scss +2 -0
- package/scss/Components/Buttons/Chips/chips.scss +3 -0
- package/scss/Components/Buttons/CtaButton/buttons.scss +1 -1
- package/scss/Components/Buttons/CtaButton/cta-button.scss +4 -0
- package/scss/Components/Buttons/ShareButtons/share-buttons.scss +3 -0
- package/scss/Components/Cards/Card/card.scss +156 -3
- package/scss/Components/Cards/StatsCard/stats-card.scss +14 -2
- package/scss/Components/CiteThis/cite-this.scss +2 -0
- package/scss/Components/CookieConsentBanner/cookie-consent-banner.scss +2 -0
- package/scss/Components/DataViz/Legend/legend.scss +1 -0
- package/scss/Components/ErrorPages/error-pages.scss +2 -0
- package/scss/Components/Footer/footer.scss +2 -0
- package/scss/Components/Forms/FormAction/form-action.scss +2 -0
- package/scss/Components/Forms/FormGroup/form-group.scss +2 -0
- package/scss/Components/Forms/Range/range.scss +1 -0
- package/scss/Components/Forms/SegmentedControl/segmented-control.scss +2 -0
- package/scss/Components/Forms/Select/select.scss +2 -0
- package/scss/Components/Forms/_form-base.scss +3 -0
- package/scss/Components/Gallery/gallery.scss +4 -0
- package/scss/Components/Hero/hero.scss +3 -0
- package/scss/Components/HighlightBox/highlight-box.scss +3 -0
- package/scss/Components/MegaMenu/mega-menu.scss +3 -0
- package/scss/Components/MegaMenu/megamenu.scss +1 -1
- package/scss/Components/Navigation/Drawer/drawer.scss +1 -0
- package/scss/Components/Navigation/Tree/tree.scss +1 -0
- package/scss/Components/OnThisPageNav/on-this-page-nav.scss +3 -0
- package/scss/Components/PageHeader/page-header.scss +3 -0
- package/scss/Components/Pager/pager.scss +3 -0
- package/scss/Components/PreviewAccess/preview-access.scss +3 -0
- package/scss/Components/QuoteHighlight/quote-highlight.scss +2 -0
- package/scss/Components/ScrollContainer/scroll-container.scss +4 -0
- package/scss/Components/Snackbar/snackbar.scss +1 -0
- package/scss/Components/SyndicationSearchWidget/syndication-search-widget.scss +52 -1
- package/scss/Components/Tab/tab.scss +4 -0
- package/scss/Components/TableOfContents/table-of-contents.scss +2 -0
- package/scss/Components/TextCta/text-cta.scss +3 -0
- package/scss/Components/TextCta/textcta.scss +1 -1
- package/scss/Components/UserFeedback/user-feedback.scss +3 -0
- package/scss/Molecules/ImageCaption/image-caption.scss +2 -0
- package/scss/Molecules/SectionHeader/sectionheader.scss +1 -1
- package/scss/Patterns/ContentCard/content-card.scss +79 -0
- package/scss/Patterns/ContentTeaser/content-teaser.scss +174 -0
- package/scss/Patterns/HubHeader/hub-header.scss +3 -0
- package/scss/Patterns/RichContent/rich-content.scss +1 -0
- package/scss/Patterns/_shared/pattern-demo.scss +1 -1
- package/scss/Utilities/Loader/loader.scss +2 -0
- package/scss/Utilities/ShowMore/show-more.scss +2 -0
- package/scss/Utilities/SkipLink/skip-link.scss +2 -0
- package/scss/assets/fonts/noto-kufi-arabic/noto-kufi-arabic.scss +2 -0
- package/scss/assets/fonts/noto-sans-arabic/noto-sans-arabic.scss +2 -0
- package/scss/assets/fonts/roboto/roboto.scss +12 -12
- package/scss/assets/fonts/roboto/sass/_Black.scss +4 -0
- package/scss/assets/fonts/roboto/sass/_BlackItalic.scss +4 -0
- package/scss/assets/fonts/roboto/sass/_Bold.scss +4 -0
- package/scss/assets/fonts/roboto/sass/_BoldItalic.scss +4 -0
- package/scss/assets/fonts/roboto/sass/_Italic.scss +4 -0
- package/scss/assets/fonts/roboto/sass/_Light.scss +4 -0
- package/scss/assets/fonts/roboto/sass/_LightItalic.scss +4 -0
- package/scss/assets/fonts/roboto/sass/_Medium.scss +4 -0
- package/scss/assets/fonts/roboto/sass/_MediumItalic.scss +4 -0
- package/scss/assets/fonts/roboto/sass/_Regular.scss +4 -0
- package/scss/assets/fonts/roboto/sass/_variables.scss +1 -2
- package/scss/assets/fonts/roboto/sass/roboto.scss +12 -12
- package/scss/assets/fonts/roboto-condensed/roboto-condensed.scss +8 -8
- package/scss/assets/fonts/roboto-condensed/sass/_Bold.scss +4 -0
- package/scss/assets/fonts/roboto-condensed/sass/_BoldItalic.scss +4 -0
- package/scss/assets/fonts/roboto-condensed/sass/_Italic.scss +4 -0
- package/scss/assets/fonts/roboto-condensed/sass/_Light.scss +4 -0
- package/scss/assets/fonts/roboto-condensed/sass/_LightItalic.scss +4 -0
- package/scss/assets/fonts/roboto-condensed/sass/_Regular.scss +4 -0
- package/scss/assets/fonts/roboto-condensed/sass/_variables.scss +1 -1
- package/scss/assets/scss/_components.scss +79 -77
- package/scss/assets/scss/_config.scss +183 -0
- package/scss/assets/scss/_font-paths.scss +10 -0
- package/scss/assets/scss/_fonts.import.scss +2 -0
- package/scss/assets/scss/_fonts.scss +13 -55
- package/scss/assets/scss/_foundational.scss +6 -3
- package/scss/assets/scss/_legacy-warnings.scss +37 -0
- package/scss/assets/scss/_mixins.scss +2 -0
- package/scss/assets/scss/_style-all.import.scss +11 -0
- package/scss/assets/scss/_style-delta.import.scss +11 -0
- package/scss/assets/scss/_style-gutenberg.import.scss +11 -0
- package/scss/assets/scss/_style-irp.import.scss +11 -0
- package/scss/assets/scss/_style-mcr.import.scss +11 -0
- package/scss/assets/scss/_style-preventionweb.import.scss +11 -0
- package/scss/assets/scss/_style.import.scss +11 -0
- package/scss/assets/scss/_theme-delta.scss +2 -1
- package/scss/assets/scss/_theme-irp.scss +2 -1
- package/scss/assets/scss/_theme-mcr.scss +2 -1
- package/scss/assets/scss/_theme-preventionweb.scss +2 -1
- package/scss/assets/scss/_utility.scss +3 -0
- package/scss/assets/scss/_variables.import.scss +11 -0
- package/scss/assets/scss/_variables.scss +5 -230
- package/scss/assets/scss/generated/_tokens-mangrove.scss +87 -0
- package/scss/assets/scss/style-all.scss +14 -11
- package/scss/assets/scss/style-delta.scss +11 -8
- package/scss/assets/scss/style-gutenberg.scss +15 -12
- package/scss/assets/scss/style-irp.scss +11 -8
- package/scss/assets/scss/style-mcr.scss +11 -8
- package/scss/assets/scss/style-preventionweb.scss +11 -8
- package/scss/assets/scss/style.scss +10 -7
package/css/style.css
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* Storybook: https://mangrove.undrr.org/
|
|
6
6
|
* LLMs context: https://mangrove.undrr.org/llms.txt
|
|
7
7
|
* Repository: https://github.com/PreventionWeb/undrr-mangrove
|
|
8
|
-
* Version: 2.
|
|
8
|
+
* Version: 2.2.0
|
|
9
9
|
*
|
|
10
10
|
* ██╗ ██╗███╗ ██╗██████╗ ██████╗ ██████╗
|
|
11
11
|
* ██║ ██║████╗ ██║██╔══██╗██╔══██╗██╔══██╗
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
/* Target F. White 5.50:1. */--mg-sendai-target-f:105 83 215;
|
|
115
115
|
/* Target G. White 8.18:1. */--mg-sendai-target-g:131 54 64;
|
|
116
116
|
/* Which label colour each target fill takes, so consumers do not have to
|
|
117
|
-
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-button-primary:transparent;--mg-border-color-button-secondary:transparent;--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-100:0.625rem;--mg-font-size-150:0.703125rem;--mg-font-size-200:0.78125rem;--mg-font-size-250:0.875rem;--mg-font-size-300:1rem;--mg-font-size-400:1.125rem;--mg-font-size-500:1.4375rem;--mg-font-size-600:2rem;--mg-font-size-800:2.25rem;--mg-font-size-900:2.5rem;--mg-font-size-1000:3rem;--mg-font-size-1100:4rem;--mg-font-size-button:0.875rem;--mg-font-size-tab:1.125rem;--mg-font-size-form-input:1rem;--mg-font-line-height-500:1.25em;--mg-font-line-height-700:1.5em;--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: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-notice-action-secondary:rgb(var(--mg-color-button-outline-secondary));--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-hero-scrim-opacity:0.16;--mg-hero-scrim-fade:10rem;--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-text));--mg-tab-color--active:rgb(var(--mg-color-text));--mg-tab-radius:var(--mg-spacing-300);--mg-tab-rail-padding:max(var(--mg-spacing-75),calc(var(--mg-focus-ring-offset) + var(--mg-focus-ring-width) + 1px));--mg-tab-rail-gap:var(--mg-spacing-50);--mg-tab-rail-background:rgb(var(--mg-color-neutral-0));--mg-tab-rail-border:rgb(var(--mg-color-neutral-600)/0.24);--mg-tab-rail-fade-size:var(--mg-spacing-400);--mg-tab-panel-gap:var(--mg-spacing-300);--mg-tab-background--active:rgb(var(--mg-color-interactive)/0.12);--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-font-family-text:"Roboto",sans-serif;--mg-font-family-heading:"Roboto",sans-serif;--mg-font-family-display:"Roboto Condensed",sans-serif;--mg-font-family-ui:"Roboto Condensed",sans-serif;--mg-font-family-code:ui-monospace,"SFMono-Regular","Consolas","Liberation Mono","Menlo",monospace;--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;
|
|
117
|
+
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-button-primary:transparent;--mg-border-color-button-secondary:transparent;--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-100:0.625rem;--mg-font-size-150:0.703125rem;--mg-font-size-200:0.78125rem;--mg-font-size-250:0.875rem;--mg-font-size-300:1rem;--mg-font-size-400:1.125rem;--mg-font-size-500:1.4375rem;--mg-font-size-600:2rem;--mg-font-size-800:2.25rem;--mg-font-size-900:2.5rem;--mg-font-size-1000:3rem;--mg-font-size-1100:4rem;--mg-font-size-button:0.875rem;--mg-font-size-tab:1.125rem;--mg-font-size-form-input:1rem;--mg-font-line-height-500:1.25em;--mg-font-line-height-700:1.5em;--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: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-card-publication-background:transparent;--mg-card-publication-padding:0px;--mg-card-publication-border-radius:0px;--mg-card-publication-shadow:none;--mg-card-publication-shadow-hover:none;--mg-content-meta-font-size:var(--mg-font-size-250);--mg-content-teaser-background:var(--mg-card-background);--mg-content-teaser-padding:var(--mg-card-padding);--mg-content-teaser-border-radius:var(--mg-card-border-radius);--mg-content-teaser-shadow:var(--mg-card-shadow);--mg-content-teaser-shadow-hover:var(--mg-card-shadow-hover);--mg-content-card-title-font-size:var(--mg-font-size-500);--mg-content-card-book-title-font-size:var(--mg-font-size-300);--mg-content-card-book-background:transparent;--mg-content-card-book-padding:0px;--mg-content-card-book-border-radius:0px;--mg-content-card-book-shadow:none;--mg-content-card-book-shadow-hover:none;--mg-search-book-cover-height:20rem;--mg-notice-action-secondary:rgb(var(--mg-color-button-outline-secondary));--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-hero-scrim-opacity:0.16;--mg-hero-scrim-fade:10rem;--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-text));--mg-tab-color--active:rgb(var(--mg-color-text));--mg-tab-radius:var(--mg-spacing-300);--mg-tab-rail-padding:max(var(--mg-spacing-75),calc(var(--mg-focus-ring-offset) + var(--mg-focus-ring-width) + 1px));--mg-tab-rail-gap:var(--mg-spacing-50);--mg-tab-rail-background:rgb(var(--mg-color-neutral-0));--mg-tab-rail-border:rgb(var(--mg-color-neutral-600)/0.24);--mg-tab-rail-fade-size:var(--mg-spacing-400);--mg-tab-panel-gap:var(--mg-spacing-300);--mg-tab-background--active:rgb(var(--mg-color-interactive)/0.12);--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-font-family-text:"Roboto",sans-serif;--mg-font-family-heading:"Roboto",sans-serif;--mg-font-family-display:"Roboto Condensed",sans-serif;--mg-font-family-ui:"Roboto Condensed",sans-serif;--mg-font-family-code:ui-monospace,"SFMono-Regular","Consolas","Liberation Mono","Menlo",monospace;--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;
|
|
118
118
|
/* Sendai Framework accents -- DEPRECATED, removal in 2.1.
|
|
119
119
|
* Named by colour, not by Sendai meaning: --sendai-red-900 is byte-identical
|
|
120
120
|
* to --mg-color-red-900, three of the seven framework targets have no
|
|
@@ -202,7 +202,7 @@
|
|
|
202
202
|
+=============================================================================+
|
|
203
203
|
| KEY: d=web-dwarf c=coder-dwarf w=wrangler [=O=]=data forge X=stairwell |
|
|
204
204
|
+============================================================================*/
|
|
205
|
-
|
|
205
|
+
|
|
206
206
|
/* BEGIN Light */@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(https://assets.undrr.org/fonts/roboto/v1.0.0/Light/Roboto-Light.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/fonts/roboto/v1.0.0/Light/Roboto-Light.woff?v=2.137) format("woff")}
|
|
207
207
|
/* END Light */
|
|
208
208
|
/* BEGIN Light Italic */@font-face{font-family:Roboto;font-style:italic;font-weight:300;src:url(https://assets.undrr.org/fonts/roboto/v1.0.0/LightItalic/Roboto-LightItalic.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/fonts/roboto/v1.0.0/LightItalic/Roboto-LightItalic.woff?v=2.137) format("woff")}
|
|
@@ -223,7 +223,6 @@
|
|
|
223
223
|
/* END Black */
|
|
224
224
|
/* BEGIN Black Italic */@font-face{font-family:Roboto;font-style:italic;font-weight:900;src:url(https://assets.undrr.org/fonts/roboto/v1.0.0/BlackItalic/Roboto-BlackItalic.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/fonts/roboto/v1.0.0/BlackItalic/Roboto-BlackItalic.woff?v=2.137) format("woff")}
|
|
225
225
|
/* END Black Italic */
|
|
226
|
-
/* Roboto Condensed */
|
|
227
226
|
/* BEGIN Light */@font-face{font-display:fallback;font-family:Roboto Condensed;font-style:normal;font-weight:300;src:url(https://assets.undrr.org/fonts/roboto-condensed/v1.0.0/Light/RobotoCondensed-Light.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/fonts/roboto-condensed/v1.0.0/Light/RobotoCondensed-Light.woff?v=2.137) format("woff")}
|
|
228
227
|
/* END Light */
|
|
229
228
|
/* BEGIN Light Italic */@font-face{font-display:fallback;font-family:Roboto Condensed;font-style:italic;font-weight:300;src:url(https://assets.undrr.org/fonts/roboto-condensed/v1.0.0/LightItalic/RobotoCondensed-LightItalic.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/fonts/roboto-condensed/v1.0.0/LightItalic/RobotoCondensed-LightItalic.woff?v=2.137) format("woff")}
|
|
@@ -236,8 +235,6 @@
|
|
|
236
235
|
/* END Bold */
|
|
237
236
|
/* BEGIN Bold Italic */@font-face{font-display:fallback;font-family:Roboto Condensed;font-style:italic;font-weight:700;src:url(https://assets.undrr.org/fonts/roboto-condensed/v1.0.0/BoldItalic/RobotoCondensed-BoldItalic.woff2?v=2.137) format("woff2"),url(https://assets.undrr.org/fonts/roboto-condensed/v1.0.0/BoldItalic/RobotoCondensed-BoldItalic.woff?v=2.137) format("woff")}
|
|
238
237
|
/* END Bold Italic */
|
|
239
|
-
/* Arabic Fonts */
|
|
240
|
-
/* Noto Kufi Arabic - for headings in Arabic */
|
|
241
238
|
/* Noto Kufi Arabic - Arabic headings.
|
|
242
239
|
OFL-1.1. Repackaged from @fontsource/noto-kufi-arabic v5.3.0 by the UNDRR asset library;
|
|
243
240
|
see https://assets.undrr.org/fonts/noto-kufi-arabic/v1.1.0/.
|
|
@@ -263,7 +260,6 @@
|
|
|
263
260
|
present in the file). WOFF2 only, per the asset library's format policy. */
|
|
264
261
|
/* Regular (400) */@font-face{font-display:swap;font-family:Noto Kufi Arabic;font-style:normal;font-weight:400;src:url(https://assets.undrr.org/fonts/noto-kufi-arabic/v1.1.0/Regular/noto-kufi-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:u+0020,u+00a0,u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0898-08e1,u+08e3-08ff,u+200c-200e,u+204f,u+2e41,u+fb50-fbc2,u+fbd3-fd8f,u+fd92-fdc7,u+fdcf,u+fdf?,u+fe70-fe74,u+fe76-fefc,u+feff,u+10efd-10eff}@font-face{font-display:swap;font-family:Noto Kufi Arabic;font-style:normal;font-weight:400;src:url(https://assets.undrr.org/fonts/noto-kufi-arabic/v1.1.0/Regular/noto-kufi-arabic-latin-400-normal.woff2) format("woff2");unicode-range:u+0020-007e,u+00a0-00a3,u+00a5,u+00a7-00ab,u+00ae-00b0,u+00b4,u+00b6-00b8,u+00ba-00bb,u+00bf-00ff,u+0131,u+0152-0153,u+02c6,u+02da,u+02dc,u+0300-0301,u+0303-0304,u+0308,u+2009,u+200b,u+2013-2014,u+2018-201a,u+201c-201e,u+2022,u+2026,u+2039-203a,u+20ac,u+2122,u+2212,u+feff}@font-face{font-display:swap;font-family:Noto Kufi Arabic;font-style:normal;font-weight:400;src:url(https://assets.undrr.org/fonts/noto-kufi-arabic/v1.1.0/Regular/noto-kufi-arabic-latin-ext-400-normal.woff2) format("woff2");unicode-range:u+0020,u+00a0,u+0100-0107,u+010a-0113,u+0116-011b,u+011e-0123,u+0126-0127,u+012a-012b,u+012e-0130,u+0136-0137,u+0139-013e,u+0141-0148,u+014a-014d,u+0150-0151,u+0154-015b,u+015e-0161,u+0164-0165,u+016a-017e,u+0218-021b,u+0237,u+02c7,u+02c9,u+02dd,u+0300-0301,u+0303-0304,u+0308,u+1e80-1e85,u+1e9e,u+1ef2-1ef3,u+feff}
|
|
265
262
|
/* Bold (700) */@font-face{font-display:swap;font-family:Noto Kufi Arabic;font-style:normal;font-weight:700;src:url(https://assets.undrr.org/fonts/noto-kufi-arabic/v1.1.0/Bold/noto-kufi-arabic-arabic-700-normal.woff2) format("woff2");unicode-range:u+0020,u+00a0,u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0898-08e1,u+08e3-08ff,u+200c-200e,u+204f,u+2e41,u+fb50-fbc2,u+fbd3-fd8f,u+fd92-fdc7,u+fdcf,u+fdf?,u+fe70-fe74,u+fe76-fefc,u+feff,u+10efd-10eff}@font-face{font-display:swap;font-family:Noto Kufi Arabic;font-style:normal;font-weight:700;src:url(https://assets.undrr.org/fonts/noto-kufi-arabic/v1.1.0/Bold/noto-kufi-arabic-latin-700-normal.woff2) format("woff2");unicode-range:u+0020-007e,u+00a0-00a3,u+00a5,u+00a7-00ab,u+00ae-00b0,u+00b4,u+00b6-00b8,u+00ba-00bb,u+00bf-00ff,u+0131,u+0152-0153,u+02c6,u+02da,u+02dc,u+0300-0301,u+0303-0304,u+0308,u+2009,u+200b,u+2013-2014,u+2018-201a,u+201c-201e,u+2022,u+2026,u+2039-203a,u+20ac,u+2122,u+2212,u+feff}@font-face{font-display:swap;font-family:Noto Kufi Arabic;font-style:normal;font-weight:700;src:url(https://assets.undrr.org/fonts/noto-kufi-arabic/v1.1.0/Bold/noto-kufi-arabic-latin-ext-700-normal.woff2) format("woff2");unicode-range:u+0020,u+00a0,u+0100-0107,u+010a-0113,u+0116-011b,u+011e-0123,u+0126-0127,u+012a-012b,u+012e-0130,u+0136-0137,u+0139-013e,u+0141-0148,u+014a-014d,u+0150-0151,u+0154-015b,u+015e-0161,u+0164-0165,u+016a-017e,u+0218-021b,u+0237,u+02c7,u+02c9,u+02dd,u+0300-0301,u+0303-0304,u+0308,u+1e80-1e85,u+1e9e,u+1ef2-1ef3,u+feff}
|
|
266
|
-
/* Noto Sans Arabic - for body text in Arabic */
|
|
267
263
|
/* Noto Sans Arabic - Arabic body text.
|
|
268
264
|
OFL-1.1. Repackaged from @fontsource/noto-sans-arabic v5.3.0 by the UNDRR asset library;
|
|
269
265
|
see https://assets.undrr.org/fonts/noto-sans-arabic/v1.0.0/.
|
|
@@ -1061,7 +1057,7 @@
|
|
|
1061
1057
|
* Full documentation:
|
|
1062
1058
|
* https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Components/Cards/Card/VerticalCard.mdx
|
|
1063
1059
|
*/
|
|
1064
|
-
/* 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%}.mg-card__vc:not(.mg-card__book){block-size:100%;display:flex;flex-direction:column}.mg-card__vc:not(.mg-card__book)>.mg-card__visual{flex-shrink:0}.mg-card__vc:not(.mg-card__book)>.mg-card__content{display:flex;flex:1;flex-direction:column}.mg-card__vc:not(.mg-card__book)>.mg-card__content>.mg-button:last-child{align-self:flex-start;margin-block-start:auto}@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__image{block-size:100%}.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:var(--mg-font-size-250);margin-inline-end:var(--mg-spacing-50)}.mg-card__label,.mg-card__label:hover{color:rgb(var(--mg-color-tag))}.mg-card__title{font-family:var(--mg-font-family-ui);font-size:var(--mg-font-size-500);font-weight:700;line-height:var(--mg-font-line-height-500);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 var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.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-interactive))}.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--secondary{border-inline-start:.25rem solid rgb(var(--mg-color-secondary))}.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__title a:not([href]),.mg-card__title a[href=""]{color:rgb(var(--mg-color-text));cursor:default;pointer-events:none;text-decoration:none}.mg-card__title a:not([href]):after,.mg-card__title a:not([href]):before,.mg-card__title a[href=""]:after,.mg-card__title a[href=""]:before{content:none}span.mg-card__label{cursor:auto}.mg-card.mg-card--no-link:hover,.mg-card:has(.mg-card__title a:not([href])):hover,.mg-card:has(.mg-card__title a[href=""]):hover{box-shadow:var(--mg-card-shadow)}.mg-card.mg-card--no-link:hover .mg-card__image,.mg-card:has(.mg-card__title a:not([href])):hover .mg-card__image,.mg-card:has(.mg-card__title a[href=""]):hover .mg-card__image{opacity:1}@media (prefers-reduced-motion:no-preference){.mg-card.mg-card--no-link:hover .mg-card__image,.mg-card:has(.mg-card__title a:not([href])):hover .mg-card__image,.mg-card:has(.mg-card__title a[href=""]):hover .mg-card__image{transform:none}}.mg-card__summary{padding-bottom:var(--mg-spacing-50);text-wrap:pretty}.mg-card__summary a:not(.mg-button),.mg-card__text-link:not(.mg-button){color:rgb(var(--mg-color-interactive));text-decoration:underline;text-underline-offset:.15em}.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:var(--mg-font-family-ui);font-weight:700}.mg-card__summary a:not(.mg-button):hover,.mg-card__text-link:not(.mg-button):hover{text-decoration-thickness:2px}.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:var(--mg-font-size-300);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:var(--mg-font-size-250);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__visual:has(.mg-card__icon-wrap--colored){aspect-ratio:auto}.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}@media (prefers-reduced-motion:no-preference){.mg-card__icon .mg-card__visual-link{transition:opacity var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-card__icon .mg-card__visual-link{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:var(--mg-font-size-500);font-weight:700;line-height:var(--mg-font-line-height-500);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,rgb(var(--mg-color-interactive)));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{align-items:center;justify-content:center}.mg-card__icon--centered .mg-card__icon-wrap{justify-content:center}.mg-card__icon--centered .mg-card__content{align-items:center}.mg-card__icon--horizontal{align-items:start;column-gap:var(--mg-spacing-200);display:grid;grid-template-columns:auto minmax(0,1fr);max-width:none}.mg-card__icon--horizontal .mg-card__visual{align-items:center;aspect-ratio:auto;block-size:var(--mg-card-icon-size,3rem);inline-size:var(--mg-card-icon-size,3rem);justify-content:center}.mg-card__icon--horizontal .mg-card__icon-wrap{justify-content:center}.mg-card__icon--horizontal .mg-card__icon-wrap .mg-icon,.mg-card__icon--horizontal .mg-card__image{font-size:var(--mg-card-icon-size,3rem);inline-size:var(--mg-card-icon-size,3rem);min-inline-size:0}.mg-card__icon--horizontal .mg-card__content{min-inline-size:0}.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{align-items:center;justify-content:center}[dir=rtl] .mg-card__icon--centered .mg-card__content{align-items:center}
|
|
1060
|
+
/* 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%}.mg-card__vc:not(.mg-card__book){block-size:100%;display:flex;flex-direction:column}.mg-card__vc:not(.mg-card__book)>.mg-card__visual{flex-shrink:0}.mg-card__vc:not(.mg-card__book)>.mg-card__content{display:flex;flex:1;flex-direction:column}.mg-card__vc:not(.mg-card__book)>.mg-card__content>.mg-button:last-child{align-self:flex-start;margin-block-start:auto}@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__image{block-size:100%}.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__content{grid-column:1/-1;grid-row:auto;min-inline-size:0}.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:var(--mg-spacing-150);grid-template-rows:unset}@media (min-width:480px){.mg-card__hc.mg-card-book__hc:has(.mg-card__visual){grid-template-columns:160px minmax(0,1fr);grid-template-rows:auto}.mg-card__hc.mg-card-book__hc:has(.mg-card__visual)>.mg-card__content{grid-column:2;grid-row:1}}.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:var(--mg-font-size-250);margin-inline-end:var(--mg-spacing-50)}.mg-card__label,.mg-card__label:hover{color:rgb(var(--mg-color-tag))}.mg-card__title{font-family:var(--mg-font-family-ui);font-size:var(--mg-font-size-500);font-weight:700;line-height:var(--mg-font-line-height-500);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 var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.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}}.mg-card__hc:not(.mg-card-book__hc),.mg-card__vc:not(.mg-card__book){gap:0;padding:0}.mg-card__hc:not(.mg-card-book__hc)>.mg-card__content,.mg-card__vc:not(.mg-card__book)>.mg-card__content{min-inline-size:0;padding:var(--mg-card-padding)}.mg-card__hc:not(.mg-card-book__hc)>.mg-card__visual,.mg-card__vc:not(.mg-card__book)>.mg-card__visual{border-radius:0;border-start-end-radius:var(--mg-card-border-radius);border-start-start-radius:var(--mg-card-border-radius);min-inline-size:0;outline-offset:-1px}.mg-card__vc:not(.mg-card__book):has(>.mg-card__visual)>.mg-card__content{padding-block-start:calc(var(--mg-card-padding) + var(--mg-spacing-50))}.mg-card__hc:not(.mg-card-book__hc){grid-template-columns:minmax(0,1fr)}.mg-card__hc:not(.mg-card-book__hc)>.mg-card__content{grid-column:1;grid-row:auto}.mg-card__hc:not(.mg-card-book__hc):has(>.mg-card__visual){grid-template-rows:300px auto}.mg-card__hc:not(.mg-card-book__hc):has(>.mg-card__visual)>.mg-card__content{padding-block-start:calc(var(--mg-card-padding) + var(--mg-spacing-100))}@media (min-width:480px){.mg-card__hc:not(.mg-card-book__hc):has(>.mg-card__visual){grid-template-columns:160px minmax(0,1fr);grid-template-rows:auto}.mg-card__hc:not(.mg-card-book__hc):has(>.mg-card__visual)>.mg-card__visual{border-end-start-radius:var(--mg-card-border-radius);border-start-end-radius:0}.mg-card__hc:not(.mg-card-book__hc):has(>.mg-card__visual)>.mg-card__content{grid-column:2;padding-block-start:var(--mg-card-padding);padding-inline-start:calc(var(--mg-card-padding) + var(--mg-spacing-100))}}@media (min-width:900px){.mg-card__hc:not(.mg-card-book__hc):has(>.mg-card__visual){grid-template-columns:330px minmax(0,1fr)}}.mg-card__hc:not(.mg-card-book__hc)>.mg-card__content:has(>.mg-card__title:first-child),.mg-card__vc:not(.mg-card__book)>.mg-card__content:has(>.mg-card__title:first-child){padding-block-start:var(--mg-card-padding)}.mg-card__hc:not(.mg-card-book__hc)>.mg-card__content:has(>.mg-card__title:first-child)>.mg-card__title,.mg-card__vc:not(.mg-card__book)>.mg-card__content:has(>.mg-card__title:first-child)>.mg-card__title{padding-block-start: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-interactive))}.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--secondary{border-inline-start:.25rem solid rgb(var(--mg-color-secondary))}.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__title a:not([href]),.mg-card__title a[href=""]{color:rgb(var(--mg-color-text));cursor:default;pointer-events:none;text-decoration:none}.mg-card__title a:not([href]):after,.mg-card__title a:not([href]):before,.mg-card__title a[href=""]:after,.mg-card__title a[href=""]:before{content:none}span.mg-card__label{cursor:auto}.mg-card.mg-card--no-link:hover,.mg-card:has(.mg-card__title a:not([href])):hover,.mg-card:has(.mg-card__title a[href=""]):hover{box-shadow:var(--mg-card-shadow)}.mg-card.mg-card--no-link:hover .mg-card__image,.mg-card:has(.mg-card__title a:not([href])):hover .mg-card__image,.mg-card:has(.mg-card__title a[href=""]):hover .mg-card__image{opacity:1}@media (prefers-reduced-motion:no-preference){.mg-card.mg-card--no-link:hover .mg-card__image,.mg-card:has(.mg-card__title a:not([href])):hover .mg-card__image,.mg-card:has(.mg-card__title a[href=""]):hover .mg-card__image{transform:none}}.mg-card__summary{padding-bottom:var(--mg-spacing-50);text-wrap:pretty}.mg-card__summary a:not(.mg-button),.mg-card__text-link:not(.mg-button){color:rgb(var(--mg-color-interactive));text-decoration:underline;text-underline-offset:.15em}.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:var(--mg-font-family-ui);font-weight:700}.mg-card__summary a:not(.mg-button):hover,.mg-card__text-link:not(.mg-button):hover{text-decoration-thickness:2px}.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:var(--mg-font-size-300);padding-top:var(--mg-spacing-25)}@media (min-width:1164px){.mg-card__book{max-width:400px}}.mg-card.mg-card-book__hc,.mg-card.mg-card__book{background:var(--mg-card-publication-background);border-radius:var(--mg-card-publication-border-radius);box-shadow:var(--mg-card-publication-shadow);padding:var(--mg-card-publication-padding)}.mg-card.mg-card-book__hc:hover,.mg-card.mg-card__book:hover{box-shadow:var(--mg-card-publication-shadow-hover)}.mg-card.mg-card-book__hc>.mg-card__visual,.mg-card.mg-card__book>.mg-card__visual{aspect-ratio:auto;border-radius:0;outline:none}.mg-card.mg-card-book__hc .mg-card__image,.mg-card.mg-card__book .mg-card__image{block-size:auto;object-fit:contain}.mg-card.mg-card-book__hc:hover .mg-card__image,.mg-card.mg-card__book:hover .mg-card__image{opacity:1;transform:none}.mg-card.mg-card-book__hc .mg-card__title:first-child,.mg-card.mg-card__book .mg-card__title:first-child{padding-block-start:0}.mg-card.mg-card-book__hc.mg-card--secondary,.mg-card.mg-card__book.mg-card--secondary{padding-inline-start:var(--mg-card-padding)}.mg-card.mg-card-book__hc.mg-card--no-link:hover,.mg-card.mg-card__book.mg-card--no-link:hover,.mg-card:is(.mg-card__book,.mg-card-book__hc):has(.mg-card__title a:not([href])):hover,.mg-card:is(.mg-card__book,.mg-card-book__hc):has(.mg-card__title a[href=""]):hover{box-shadow:var(--mg-card-publication-shadow)}.mg-card__book{align-content:start;display:grid;gap:var(--mg-spacing-100)}.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:var(--mg-font-size-250);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__visual:has(.mg-card__icon-wrap--small){aspect-ratio:auto}.mg-card__icon .mg-card__visual:has(.mg-card__icon-wrap--colored){aspect-ratio:auto}.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}@media (prefers-reduced-motion:no-preference){.mg-card__icon .mg-card__visual-link{transition:opacity var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-card__icon .mg-card__visual-link{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:var(--mg-font-size-500);font-weight:700;line-height:var(--mg-font-line-height-500);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,rgb(var(--mg-color-interactive)));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{align-items:center;justify-content:center}.mg-card__icon--centered .mg-card__icon-wrap{justify-content:center}.mg-card__icon--centered .mg-card__content{align-items:center}.mg-card__icon--horizontal{align-items:start;column-gap:var(--mg-spacing-200);display:grid;grid-template-columns:auto minmax(0,1fr);max-width:none}.mg-card__icon--horizontal .mg-card__visual{align-items:center;aspect-ratio:auto;block-size:var(--mg-card-icon-size,3rem);inline-size:var(--mg-card-icon-size,3rem);justify-content:center}.mg-card__icon--horizontal .mg-card__icon-wrap{justify-content:center}.mg-card__icon--horizontal .mg-card__icon-wrap .mg-icon,.mg-card__icon--horizontal .mg-card__image{font-size:var(--mg-card-icon-size,3rem);inline-size:var(--mg-card-icon-size,3rem);min-inline-size:0}.mg-card__icon--horizontal .mg-card__content{min-inline-size:0}.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{align-items:center;justify-content:center}[dir=rtl] .mg-card__icon--centered .mg-card__content{align-items:center}
|
|
1065
1061
|
|
|
1066
1062
|
/* content-card end */
|
|
1067
1063
|
/**
|
|
@@ -1081,8 +1077,8 @@
|
|
|
1081
1077
|
/* small design */}@media (width <= 47.9375em){.mg-stats-card-item__bottom-label{font-size:var(--mg-font-size-400)}}.mg-stats-card-item__summary{color:rgb(var(--mg-color-neutral-800));font-size:var(--mg-font-size-400);line-height:1.5}.mg-stats-card-item__summary p{margin:0}.mg-stats-card-item__summary{
|
|
1082
1078
|
/* small design */}@media (width <= 47.9375em){.mg-stats-card-item__summary{font-size:var(--mg-font-size-300)}}.mg-stats-card-item__summary a{color:rgb(var(--mg-color-interactive));position:relative;text-decoration:underline;transition:opacity var(--mg-motion-duration-fast) var(--mg-motion-easing-standard);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}
|
|
1083
1079
|
|
|
1084
|
-
/* Variant: Compact */.mg-stats-card--compact .mg-stats-card-item{padding:var(--mg-spacing-
|
|
1085
|
-
/* small design */}@media (width <= 47.9375em){.mg-stats-card--compact .mg-stats-card-item{padding:var(--mg-spacing-
|
|
1080
|
+
/* Variant: Compact */.mg-stats-card--compact .mg-stats-card-item{gap:var(--mg-spacing-50);padding:var(--mg-spacing-150)
|
|
1081
|
+
/* small design */}@media (width <= 47.9375em){.mg-stats-card--compact .mg-stats-card-item{padding:var(--mg-spacing-100)}}.mg-stats-card--compact .mg-stats-card-item__bottom-label,.mg-stats-card--compact .mg-stats-card-item__icon,.mg-stats-card--compact .mg-stats-card-item__summary,.mg-stats-card--compact .mg-stats-card-item__value{margin:0}.mg-stats-card--compact .mg-stats-card-item__value{font-size:var(--mg-font-size-800)
|
|
1086
1082
|
/* medium design */}@media (width >= 48em){.mg-stats-card--compact .mg-stats-card-item__value{font-size:var(--mg-font-size-600)}}.mg-stats-card--compact .mg-stats-card-item__value{
|
|
1087
1083
|
/* small design */}@media (width <= 47.9375em){.mg-stats-card--compact .mg-stats-card-item__value{font-size:var(--mg-font-size-500)}}.mg-stats-card--compact .mg-stats-card-item__bottom-label{font-size:var(--mg-font-size-400)
|
|
1088
1084
|
/* small design */}@media (width <= 47.9375em){.mg-stats-card--compact .mg-stats-card-item__bottom-label{font-size:var(--mg-font-size-300)}}
|
|
@@ -1229,7 +1225,7 @@
|
|
|
1229
1225
|
*
|
|
1230
1226
|
* Full documentation:
|
|
1231
1227
|
* https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Components/SyndicationSearchWidget/SyndicationSearchWidget.mdx
|
|
1232
|
-
*/.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{inset-block-start:0;inset-inline:0;position:absolute;z-index:1}.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-inline-end:2.75rem}@media (prefers-reduced-motion:no-preference){.mg-search__input{transition:border-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),box-shadow var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.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:1.125rem;height:2.25rem;inset-inline-end:var(--mg-spacing-50);justify-content:center;line-height:1;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2.25rem}.mg-search__clear:hover{color:rgb(var(--mg-color-interactive))}.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-inline-end:var(--mg-spacing-25)}.mg-search__active-filters-list{display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50);--mg-list-item-indent-rtl:0;list-style:none;list-style-type:"";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)}@media (prefers-reduced-motion:no-preference){.mg-search__filter-chip{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)}}.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)}@media (prefers-reduced-motion:no-preference){.mg-search__clear-all{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-search__clear-all:hover{background:rgb(var(--mg-color-interactive));color:#fff}.mg-search__content{display:flex;gap:var(--mg-spacing-200)}.mg-search__column{flex:1;min-width:0}.mg-search-widget .mg-search__form{max-inline-size:48rem}.mg-search__main{flex:1;min-width:0;position:relative}.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}}@media (prefers-reduced-motion:no-preference){.mg-search__results{transition:opacity var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-search__results--refreshing .mg-search__results-grid,.mg-search__results--refreshing .mg-search__results-list{opacity:.6}.mg-search__results-loader{align-items:center;color:rgb(var(--mg-color-interactive));display:inline-flex;gap:var(--mg-spacing-50);margin-inline-start:auto;min-inline-size:0;overflow-wrap:anywhere}@media (prefers-reduced-motion:no-preference){.mg-search__enter{animation:mg-search-results-in var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}@keyframes mg-search-results-in{0%{opacity:0}to{opacity:1}}[data-mg-search-ssr]{isolation:isolate;position:relative}[data-mg-search-ssr] :where(.mg-card__visual) img{display:block}.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:var(--mg-font-size-200);font-weight:500;gap:var(--mg-spacing-25);padding:var(--mg-spacing-50) var(--mg-spacing-75)}@media (prefers-reduced-motion:no-preference){.mg-search__filter-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)}}.mg-search__filter-btn{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:var(--mg-font-size-200);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:var(--mg-font-size-200);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:var(--mg-font-size-200)}.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));isolation:isolate;padding-bottom:var(--mg-spacing-150);position:relative}.mg-search__result:last-child{border-bottom:none;padding-bottom:0}.mg-search__result :where(.mg-card__visual) img{display:block}.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:var(--mg-font-size-200);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:var(--mg-font-size-150);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-inline-end:var(--mg-spacing-50)}.mg-search__result-snippet{color:rgb(var(--mg-color-text));font-size:var(--mg-font-size-150);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:var(--mg-font-size-200);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{background:rgb(var(--mg-color-neutral-25));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{aspect-ratio:16/9;background:rgb(var(--mg-color-neutral-25))}.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%}.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:var(--mg-font-size-200);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:var(--mg-font-size-200);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:var(--mg-font-size-200);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:var(--mg-font-size-200);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:var(--mg-font-size-200);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:var(--mg-font-size-200);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-card__book{block-size:100%}.mg-search__results-grid .mg-search__result{border-bottom:0;padding-bottom:0}@media (prefers-reduced-motion:no-preference){.mg-search__result--pending{opacity:0;transform:translateX(-20px)}.mg-search__result--pending:dir(rtl){transform:translateX(20px)}.mg-search__result--visible{opacity:1;transform:translateX(0);transition:opacity var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),transform var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-search__results--stale{opacity:.5;pointer-events:none}.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:var(--mg-font-size-200);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;width:0}@media (prefers-reduced-motion:no-preference){.mg-search__facet-toggle-icon{transition:transform var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.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)}@keyframes mg-search-spin{to{transform:rotate(1turn)}}.mg-search__spinner{--mg-search-spinner-duration:1s;animation:mg-search-spin var(--mg-search-spinner-duration) 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}@media (prefers-reduced-motion:reduce){.mg-search__spinner{animation-duration:calc(var(--mg-search-spinner-duration)*3)!important;animation-iteration-count:infinite!important}}@media (forced-colors:active){.mg-search__spinner{border-color:CanvasText GrayText GrayText;forced-color-adjust:none}}.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:var(--mg-font-size-300);justify-content:space-between;min-height:44px;padding:var(--mg-spacing-50) var(--mg-spacing-75);text-align:start;width:100%}@media (prefers-reduced-motion:no-preference){.mg-select__trigger{transition:border-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),box-shadow var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.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-inline-start:var(--mg-spacing-50)}@media (prefers-reduced-motion:no-preference){.mg-select__trigger-icon{transition:transform var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.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{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)}@media (prefers-reduced-motion:no-preference){.mg-select__dropdown{animation:mg-select-fade-in var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}@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:var(--mg-font-size-300);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)}@media (prefers-reduced-motion:no-preference){.mg-select__option{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.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,.mg-select__option--selected:hover{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:var(--mg-font-size-200);line-height:1.4}.mg-select__option-count{color:rgb(var(--mg-color-neutral-500));flex-shrink:0;font-size:var(--mg-font-size-100)}.mg-select__option--subtype{padding-inline-start:var(--mg-spacing-150)}.mg-select__option--subtype .mg-select__option-label{font-size:var(--mg-font-size-100)}.mg-select__option--subtype .mg-select__option-label:before{color:rgb(var(--mg-color-neutral-500));content:"└";margin-inline-end:var(--mg-spacing-25)}.mg-select__empty{color:rgb(var(--mg-color-neutral-500));font-size:var(--mg-font-size-200);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)}@media (prefers-reduced-motion:no-preference){.mg-search__facet-option{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.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-inline-start: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:var(--mg-font-size-200);white-space:nowrap}.mg-search__drawer-backdrop{background:rgba(0,0,0,.5);inset:0;position:fixed;z-index:calc(var(--mg-z-index-drawer) - 1)}@media (prefers-reduced-motion:no-preference){.mg-search__drawer-backdrop{animation:mg-search-fade-in var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-search__drawer-backdrop{cursor:pointer}@keyframes mg-search-fade-in{0%{opacity:0}to{opacity:1}}.mg-search__drawer{--mg-search-drawer-offset:-100%;--mg-search-drawer-shadow-offset:4px;background:#fff;box-shadow:var(--mg-search-drawer-shadow-offset) 0 20px rgba(0,0,0,.15);cursor:default;display:flex;flex-direction:column;inset-block:0;inset-inline-start:0;position:fixed;width:min(320px,85vw);z-index:var(--mg-z-index-drawer)}@media (prefers-reduced-motion:no-preference){.mg-search__drawer{animation:mg-search-slide-in-start var(--mg-motion-duration-medium) var(--mg-motion-easing-standard)}}.mg-search__drawer:dir(rtl){--mg-search-drawer-offset:100%;--mg-search-drawer-shadow-offset:-4px}@keyframes mg-search-slide-in-start{0%{transform:translateX(var(--mg-search-drawer-offset))}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:var(--mg-font-size-300);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:var(--mg-font-size-200);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;width:44px}@media (prefers-reduced-motion:no-preference){.mg-search__drawer-close{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-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:var(--mg-font-size-200);font-weight:600;gap:var(--mg-spacing-50);justify-content:center;min-height:48px;padding:var(--mg-spacing-75) var(--mg-spacing-100);width:100%}@media (prefers-reduced-motion:no-preference){.mg-search__drawer-apply{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.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:var(--mg-font-size-200);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;cursor:pointer;display:flex;padding:var(--mg-spacing-25) var(--mg-spacing-50)}@media (prefers-reduced-motion:no-preference){.mg-search__facet-operator-option{transition:color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),border-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-search__facet-operator-option{border-bottom:2px solid transparent;border-radius:0;color:rgb(var(--mg-color-neutral-500));font-size:var(--mg-font-size-200);font-weight:400;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-inline-end:var(--mg-spacing-25);text-transform:uppercase}@media (forced-colors:active){.mg-search__skeleton-card,.mg-search__skeleton-card-image,.mg-search__skeleton-meta,.mg-search__skeleton-text,.mg-search__skeleton-title{outline:1px solid GrayText;outline-offset:-1px}.mg-search__drawer{border-inline-end:1px solid CanvasText}}
|
|
1228
|
+
*/.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{inset-block-start:0;inset-inline:0;position:absolute;z-index:1}.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-inline-end:2.75rem}@media (prefers-reduced-motion:no-preference){.mg-search__input{transition:border-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),box-shadow var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.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:1.125rem;height:2.25rem;inset-inline-end:var(--mg-spacing-50);justify-content:center;line-height:1;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2.25rem}.mg-search__clear:hover{color:rgb(var(--mg-color-interactive))}.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-inline-end:var(--mg-spacing-25)}.mg-search__active-filters-list{display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50);--mg-list-item-indent-rtl:0;list-style:none;list-style-type:"";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)}@media (prefers-reduced-motion:no-preference){.mg-search__filter-chip{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)}}.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)}@media (prefers-reduced-motion:no-preference){.mg-search__clear-all{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-search__clear-all:hover{background:rgb(var(--mg-color-interactive));color:#fff}.mg-search__content{display:flex;gap:var(--mg-spacing-200)}.mg-search__column{flex:1;min-width:0}.mg-search-widget .mg-search__form{max-inline-size:48rem}.mg-search__main{flex:1;min-width:0;position:relative}.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}}@media (prefers-reduced-motion:no-preference){.mg-search__results{transition:opacity var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-search__results--refreshing .mg-search__results-grid,.mg-search__results--refreshing .mg-search__results-list{opacity:.6}.mg-search__results-loader{align-items:center;color:rgb(var(--mg-color-interactive));display:inline-flex;gap:var(--mg-spacing-50);margin-inline-start:auto;min-inline-size:0;overflow-wrap:anywhere}@media (prefers-reduced-motion:no-preference){.mg-search__enter{animation:mg-search-results-in var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}@keyframes mg-search-results-in{0%{opacity:0}to{opacity:1}}[data-mg-search-ssr]{isolation:isolate;position:relative}[data-mg-search-ssr] :where(.mg-card__visual) img{display:block}.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:var(--mg-font-size-200);font-weight:500;gap:var(--mg-spacing-25);padding:var(--mg-spacing-50) var(--mg-spacing-75)}@media (prefers-reduced-motion:no-preference){.mg-search__filter-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)}}.mg-search__filter-btn{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:var(--mg-font-size-200);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:var(--mg-font-size-200);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:var(--mg-font-size-200)}.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));isolation:isolate;padding-bottom:var(--mg-spacing-150);position:relative}.mg-search__result:last-child{border-bottom:none;padding-bottom:0}.mg-search__result :where(.mg-card__visual) img{display:block}.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:var(--mg-font-size-200);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:var(--mg-font-size-150);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-inline-end:var(--mg-spacing-50)}.mg-search__result-snippet{color:rgb(var(--mg-color-text));font-size:var(--mg-font-size-150);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:var(--mg-font-size-200);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{background:rgb(var(--mg-color-neutral-25));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{aspect-ratio:16/9;background:rgb(var(--mg-color-neutral-25))}.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%}.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:var(--mg-font-size-200);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:var(--mg-font-size-200);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:var(--mg-font-size-200);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:var(--mg-font-size-200);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:var(--mg-font-size-200);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:var(--mg-font-size-200);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-card__book{block-size:100%;inline-size:100%;max-width:none}.mg-search__results-grid .mg-search__result{border-bottom:0;inline-size:100%;min-inline-size:0;padding-bottom:0}@media (min-width:900px){.mg-search__results-grid--book:has(.mg-card__visual) .mg-card__book:not(:has(.mg-card__visual)):before,.mg-search__results-grid--book:has(.mg-card__visual) .mg-card__book>.mg-card__visual{block-size:var(--mg-search-book-cover-height);inline-size:100%}.mg-search__results-grid--book:has(.mg-card__visual) .mg-card__book:not(:has(.mg-card__visual)):before{content:""}.mg-search__results-grid--book:has(.mg-card__visual) .mg-card__book>.mg-card__visual{align-items:flex-end;aspect-ratio:auto;border:0;justify-content:flex-start}.mg-search__results-grid--book:has(.mg-card__visual) .mg-card__book>.mg-card__visual>a{align-items:flex-end;block-size:100%;display:flex;inline-size:100%;justify-content:flex-start}.mg-search__results-grid--book:has(.mg-card__visual) .mg-card__book>.mg-card__visual img{align-self:flex-end;block-size:auto;border:1px solid rgb(var(--mg-color-neutral-600)/.2);inline-size:auto;max-block-size:100%;max-inline-size:100%;object-fit:contain}}@media (prefers-reduced-motion:no-preference){.mg-search__result--pending{opacity:0;transform:translateX(-20px)}.mg-search__result--pending:dir(rtl){transform:translateX(20px)}.mg-search__result--visible{opacity:1;transform:translateX(0);transition:opacity var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),transform var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-search__results--stale{opacity:.5;pointer-events:none}.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:var(--mg-font-size-200);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;width:0}@media (prefers-reduced-motion:no-preference){.mg-search__facet-toggle-icon{transition:transform var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.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)}@keyframes mg-search-spin{to{transform:rotate(1turn)}}.mg-search__spinner{--mg-search-spinner-duration:1s;animation:mg-search-spin var(--mg-search-spinner-duration) 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}@media (prefers-reduced-motion:reduce){.mg-search__spinner{animation-duration:calc(var(--mg-search-spinner-duration)*3)!important;animation-iteration-count:infinite!important}}@media (forced-colors:active){.mg-search__spinner{border-color:CanvasText GrayText GrayText;forced-color-adjust:none}}.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:var(--mg-font-size-300);justify-content:space-between;min-height:44px;padding:var(--mg-spacing-50) var(--mg-spacing-75);text-align:start;width:100%}@media (prefers-reduced-motion:no-preference){.mg-select__trigger{transition:border-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),box-shadow var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.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-inline-start:var(--mg-spacing-50)}@media (prefers-reduced-motion:no-preference){.mg-select__trigger-icon{transition:transform var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.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{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)}@media (prefers-reduced-motion:no-preference){.mg-select__dropdown{animation:mg-select-fade-in var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}@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:var(--mg-font-size-300);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)}@media (prefers-reduced-motion:no-preference){.mg-select__option{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.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,.mg-select__option--selected:hover{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:var(--mg-font-size-200);line-height:1.4}.mg-select__option-count{color:rgb(var(--mg-color-neutral-500));flex-shrink:0;font-size:var(--mg-font-size-100)}.mg-select__option--subtype{padding-inline-start:var(--mg-spacing-150)}.mg-select__option--subtype .mg-select__option-label{font-size:var(--mg-font-size-100)}.mg-select__option--subtype .mg-select__option-label:before{color:rgb(var(--mg-color-neutral-500));content:"└";margin-inline-end:var(--mg-spacing-25)}.mg-select__empty{color:rgb(var(--mg-color-neutral-500));font-size:var(--mg-font-size-200);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)}@media (prefers-reduced-motion:no-preference){.mg-search__facet-option{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.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-inline-start: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:var(--mg-font-size-200);white-space:nowrap}.mg-search__drawer-backdrop{background:rgba(0,0,0,.5);inset:0;position:fixed;z-index:calc(var(--mg-z-index-drawer) - 1)}@media (prefers-reduced-motion:no-preference){.mg-search__drawer-backdrop{animation:mg-search-fade-in var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-search__drawer-backdrop{cursor:pointer}@keyframes mg-search-fade-in{0%{opacity:0}to{opacity:1}}.mg-search__drawer{--mg-search-drawer-offset:-100%;--mg-search-drawer-shadow-offset:4px;background:#fff;box-shadow:var(--mg-search-drawer-shadow-offset) 0 20px rgba(0,0,0,.15);cursor:default;display:flex;flex-direction:column;inset-block:0;inset-inline-start:0;position:fixed;width:min(320px,85vw);z-index:var(--mg-z-index-drawer)}@media (prefers-reduced-motion:no-preference){.mg-search__drawer{animation:mg-search-slide-in-start var(--mg-motion-duration-medium) var(--mg-motion-easing-standard)}}.mg-search__drawer:dir(rtl){--mg-search-drawer-offset:100%;--mg-search-drawer-shadow-offset:-4px}@keyframes mg-search-slide-in-start{0%{transform:translateX(var(--mg-search-drawer-offset))}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:var(--mg-font-size-300);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:var(--mg-font-size-200);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;width:44px}@media (prefers-reduced-motion:no-preference){.mg-search__drawer-close{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-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:var(--mg-font-size-200);font-weight:600;gap:var(--mg-spacing-50);justify-content:center;min-height:48px;padding:var(--mg-spacing-75) var(--mg-spacing-100);width:100%}@media (prefers-reduced-motion:no-preference){.mg-search__drawer-apply{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.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:var(--mg-font-size-200);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;cursor:pointer;display:flex;padding:var(--mg-spacing-25) var(--mg-spacing-50)}@media (prefers-reduced-motion:no-preference){.mg-search__facet-operator-option{transition:color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),border-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-search__facet-operator-option{border-bottom:2px solid transparent;border-radius:0;color:rgb(var(--mg-color-neutral-500));font-size:var(--mg-font-size-200);font-weight:400;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-inline-end:var(--mg-spacing-25);text-transform:uppercase}@media (forced-colors:active){.mg-search__skeleton-card,.mg-search__skeleton-card-image,.mg-search__skeleton-meta,.mg-search__skeleton-text,.mg-search__skeleton-title{outline:1px solid GrayText;outline-offset:-1px}.mg-search__drawer{border-inline-end:1px solid CanvasText}}
|
|
1233
1229
|
/**
|
|
1234
1230
|
* Error Pages
|
|
1235
1231
|
*
|
|
@@ -1354,4 +1350,14 @@
|
|
|
1354
1350
|
* https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Patterns/RichContent/RichContent.mdx
|
|
1355
1351
|
*/.mg-content :is(p,ul,ol,dl):not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){margin-block:0 var(--mg-spacing-150)}.mg-content :is(h1,h2,h3,h4,h5,h6):not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){line-height:var(--mg-font-line-height-500);margin-block:var(--mg-spacing-200) var(--mg-spacing-100)}.mg-content :is(ul,ol):not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){padding-inline:0;padding-inline-start:var(--mg-spacing-250)}.mg-content li:not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){margin-block-end:var(--mg-spacing-25);padding-inline:0}.mg-content li>:is(ul,ol):not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){margin-block:var(--mg-spacing-50) 0}.mg-content blockquote:not(:where(:has(.mg-highlight-box))):not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){border-inline-start:3px solid rgb(var(--mg-color-neutral-400));font-size:var(--mg-font-size-300);font-weight:400;line-height:var(--mg-font-line-height-700);margin-block:var(--mg-spacing-200);margin-inline:0;padding-inline-start:var(--mg-spacing-150)}.mg-content cite:not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){display:inline;font-style:italic;margin:0}.mg-content a:not(:where([role=button])):not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){text-decoration:underline;text-underline-offset:.15em}.mg-content hr:not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){margin-block:var(--mg-spacing-200)}.mg-content figure:not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){margin-block:var(--mg-spacing-200);margin-inline:0}.mg-content figure>img:not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){display:block;height:auto;max-width:100%;padding:0}.mg-content :is(figcaption,caption):not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){font-size:var(--mg-font-size-250);line-height:var(--mg-font-line-height-700);text-align:start}.mg-content figcaption:not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){margin-block-start:var(--mg-spacing-50)}.mg-content table:not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){border-collapse:collapse;margin-block:var(--mg-spacing-150);width:100%}.mg-content :is(th,td):not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){border:1px solid rgb(var(--mg-color-neutral-400));padding:var(--mg-spacing-75) var(--mg-spacing-100);text-align:start;vertical-align:top}.mg-content caption:not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){font-weight:600;margin-block-end:var(--mg-spacing-50)}.mg-content code:not(:where(pre code)):not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){background:rgb(var(--mg-color-neutral-50));color:rgb(var(--mg-color-text))}.mg-content pre:not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){direction:ltr;margin-block:var(--mg-spacing-150);max-width:100%;overflow-x:auto;unicode-bidi:isolate}.mg-content pre:focus-visible:not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){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-content pre:focus-visible:not(:where(.mg-content [class]:not(.mg-content__scroll),.mg-content [class]:not(.mg-content__scroll) *,.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]),.mg-content :is(nav,form,fieldset,button,[role=navigation],[role=menu],[role=menubar],[role=tablist],[role=dialog],[role=toolbar],[role=listbox],[role=tree]) *)){outline:var(--mg-focus-ring-width) solid Highlight;outline-offset:calc(var(--mg-focus-ring-width)*-1)}}.mg-content .mg-content__scroll{margin-block:var(--mg-spacing-150);max-width:100%;overflow-x:auto}.mg-content .mg-content__scroll: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-content .mg-content__scroll:focus-visible{outline:var(--mg-focus-ring-width) solid Highlight;outline-offset:calc(var(--mg-focus-ring-width)*-1)}}
|
|
1356
1352
|
|
|
1353
|
+
/**
|
|
1354
|
+
* Content teaser patterns compose shared card geometry with semantic metadata.
|
|
1355
|
+
* https://github.com/unisdr/undrr-mangrove/blob/main/stories/Patterns/ContentTeaser/ContentTeaser.mdx
|
|
1356
|
+
*/.mg-content-card,.mg-content-teaser{inline-size:100%;min-inline-size:0;overflow-wrap:anywhere}.mg-content-card>.mg-card__content,.mg-content-teaser>.mg-card__content{display:flex;flex-direction:column;gap:var(--mg-spacing-75)}.mg-content-card .mg-content-meta__attribution,.mg-content-card .mg-content-meta__before-title,.mg-content-card .mg-content-meta__metadata,.mg-content-teaser .mg-content-meta__attribution,.mg-content-teaser .mg-content-meta__before-title,.mg-content-teaser .mg-content-meta__metadata{font-family:var(--mg-font-family-ui);font-size:var(--mg-content-meta-font-size);line-height:var(--mg-font-line-height-700)}.mg-content-card .mg-content-meta__before-title,.mg-content-teaser .mg-content-meta__before-title{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50) var(--mg-spacing-100)}.mg-content-card .mg-card__label,.mg-content-teaser .mg-card__label{font-size:inherit;margin:0}.mg-content-card .mg-card__title,.mg-content-teaser .mg-card__title{font-family:var(--mg-font-family-ui);margin:0;padding:0}.mg-content-card .mg-card__summary,.mg-content-card .mg-content-meta__metadata,.mg-content-teaser .mg-card__summary,.mg-content-teaser .mg-content-meta__metadata{margin:0;padding:0}.mg-content-meta__group{align-items:baseline;display:inline-flex;max-inline-size:100%}.mg-content-meta__attribution,.mg-content-meta__group{flex-wrap:wrap;gap:var(--mg-spacing-50) var(--mg-spacing-100)}.mg-content-meta__attribution{--mg-list-item-indent-rtl:0;display:flex;list-style:none;list-style-type:"";margin:0;padding:0}.mg-content-meta__metadata-link{display:inline-block;min-block-size:var(--mg-spacing-250);position:relative;text-decoration:underline;z-index:2}.mg-content-meta__metadata-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-content-meta__metadata-link.mg-card__label{text-decoration:none}.mg-content-meta__metadata-link.mg-card__label:focus-visible,.mg-content-meta__metadata-link.mg-card__label:hover{text-decoration:underline;text-underline-offset:.15em}.mg-content-pattern--logo>.mg-card__visual{border:0}.mg-content-teaser-list{--mg-list-item-indent-rtl:0;display:grid;gap:var(--mg-spacing-200);list-style:none;list-style-type:"";margin:0;padding:0}.mg-content-teaser-list>li{min-inline-size:0}.mg-content-teaser-list .mg-content-teaser{margin-block-end:0}.mg-card.mg-content-teaser{background:var(--mg-content-teaser-background);border-radius:var(--mg-content-teaser-border-radius);box-shadow:var(--mg-content-teaser-shadow);gap:0;padding:0}.mg-card.mg-content-teaser>.mg-card__content{padding:var(--mg-content-teaser-padding)}.mg-card.mg-content-teaser:has(>.mg-card__visual){gap:0}.mg-card.mg-content-teaser>.mg-card__visual{margin:var(--mg-content-teaser-padding)}@media (min-width:480px){.mg-card.mg-content-teaser>.mg-card__visual{margin-inline-end:0;max-inline-size:none}}.mg-card.mg-content-teaser[data-content-media=photo]>.mg-card__visual{align-self:stretch;aspect-ratio:16/9;border:0;border-start-end-radius:var(--mg-content-teaser-border-radius);border-start-start-radius:var(--mg-content-teaser-border-radius);margin:0;max-inline-size:none}@media (min-width:480px){.mg-card.mg-content-teaser[data-content-media=photo]>.mg-card__visual{aspect-ratio:auto;border-end-start-radius:var(--mg-content-teaser-border-radius);border-start-end-radius:0}}.mg-card.mg-content-teaser[data-content-media=photo] .mg-card__image{block-size:100%;inline-size:100%;object-fit:cover}.mg-card.mg-content-teaser:hover{box-shadow:var(--mg-content-teaser-shadow-hover)}@media (forced-colors:active){.mg-card.mg-content-teaser{outline:1px solid CanvasText;outline-offset:-1px}}
|
|
1357
|
+
|
|
1358
|
+
/**
|
|
1359
|
+
* Content card projections with vertical and book layouts; shared card interaction and metadata.
|
|
1360
|
+
* https://github.com/unisdr/undrr-mangrove/blob/main/stories/Patterns/ContentCard/ContentCard.mdx
|
|
1361
|
+
*/.mg-card.mg-content-card{inline-size:100%;max-inline-size:none;min-inline-size:0}.mg-card.mg-content-card--vertical .mg-card__title{font-size:var(--mg-content-card-title-font-size)}.mg-card.mg-content-card--book{display:flex;flex-direction:column;gap:0}.mg-card.mg-content-card--book .mg-card__title{font-size:var(--mg-content-card-book-title-font-size)}.mg-card.mg-content-card--book>.mg-card__content{padding:var(--mg-spacing-100) 0 0}.mg-card.mg-content-card--book>.mg-card__content:only-child{padding-block-start:0}.mg-card.mg-content-card--book>.mg-card__visual{border-radius:0;outline:none}.mg-card.mg-content-card--book:not(.mg-card__book){background:var(--mg-content-card-book-background);border-radius:var(--mg-content-card-book-border-radius);box-shadow:var(--mg-content-card-book-shadow);padding:var(--mg-content-card-book-padding)}.mg-card.mg-content-card--book:not(.mg-card__book):hover{box-shadow:var(--mg-content-card-book-shadow-hover)}.mg-content-card.mg-content-pattern--logo .mg-card__image{object-fit:contain;opacity:1;transform:none}.mg-content-card.mg-content-pattern--logo>.mg-card__visual{outline:none;padding:var(--mg-card-padding)}.mg-content-card-grid{--mg-list-item-indent-rtl:0;align-items:start;display:grid;gap:var(--mg-spacing-200);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));list-style:none;list-style-type:"";margin:0;padding:0}.mg-content-card-grid>li{min-inline-size:0}.mg-content-card-grid .mg-content-card{margin-block-end:0}
|
|
1362
|
+
|
|
1357
1363
|
/*# sourceMappingURL=style.css.map */
|