@undrr/undrr-mangrove 2.2.0 → 2.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/components/BookCard.js +5 -2
- package/components/Breadcrumbs.js +2 -2
- package/components/Checkbox.js +3 -2
- package/components/Chips.js +2 -2
- package/components/ContentCard.js +8 -2
- package/components/ContentTeaser.js +8 -2
- package/components/CopyButton.js +3 -2
- package/components/CtaButton.js +3 -2
- package/components/Drawer.js +2 -2
- package/components/Drawer.js.LICENSE.txt +1 -1
- package/components/DrupalContentPatterns.js +1 -1
- package/components/EmbedContainer.js +3 -2
- package/components/Footer.js +2 -2
- package/components/FormAction.js +3 -2
- package/components/FormErrorSummary.js +2 -2
- package/components/FormGroup.js +3 -2
- package/components/FullWidth.js +3 -2
- package/components/Gallery.js +3 -2
- package/components/Hero.js +6 -2
- package/components/HighlightBox.js +3 -2
- package/components/HorizontalBookCard.js +6 -2
- package/components/HorizontalBookCard.js.LICENSE.txt +1 -1
- package/components/HorizontalCard.js +6 -2
- package/components/HorizontalCard.js.LICENSE.txt +1 -1
- package/components/IconCard.js +4 -2
- package/components/IconCard.js.LICENSE.txt +1 -1
- package/components/Legend.js +3 -2
- package/components/Loader.js +2 -2
- package/components/MegaMenu.js +7 -2
- package/components/Notice.js +3 -2
- package/components/PageHeader.js +4 -2
- package/components/Pager.js +7 -2
- package/components/ProgressBar.js +3 -2
- package/components/QuoteHighlight.js +3 -2
- package/components/QuoteHighlight.js.LICENSE.txt +1 -1
- package/components/Radio.js +3 -2
- package/components/Range.js +3 -2
- package/components/ScrollContainer.js +2 -2
- package/components/SegmentedControl.js +6 -2
- package/components/Select.js +3 -2
- package/components/ServiceNotice.js +4 -2
- package/components/ShareButtons.js +4 -2
- package/components/ShowMore.js +3 -2
- package/components/SkipLink.js +3 -2
- package/components/StatsCard.js +5 -2
- package/components/StatsCard.js.LICENSE.txt +1 -1
- package/components/SyndicationSearchWidget.js +31 -2
- package/components/Tab.js +7 -2
- package/components/TextCta.js +4 -2
- package/components/TextCta.js.LICENSE.txt +1 -1
- package/components/TextInput.js +3 -2
- package/components/Textarea.js +3 -2
- package/components/Tree.js +7 -2
- package/components/UserFeedback.js +2 -2
- package/components/VerticalCard.js +6 -2
- package/components/VerticalCard.js.LICENSE.txt +1 -1
- package/components/hydrate.js +2 -2
- package/css/style-all.css +16 -10
- package/css/style-all.css.map +1 -1
- package/css/style-delta.css +16 -10
- package/css/style-delta.css.map +1 -1
- package/css/style-gutenberg.css +1 -1
- package/css/style-irp.css +16 -10
- package/css/style-irp.css.map +1 -1
- package/css/style-mcr.css +16 -10
- package/css/style-mcr.css.map +1 -1
- package/css/style-preventionweb.css +16 -10
- package/css/style-preventionweb.css.map +1 -1
- package/css/style.css +16 -10
- package/css/style.css.map +1 -1
- package/docs/EDITORIAL-MANUAL.md +2 -2
- package/docs/llms-editorial-manual.txt +1 -1
- package/docs/llms-page-building.txt +4 -2
- package/docs/llms-search-widget.txt +3 -1
- package/error-pages/401.html +1 -1
- package/error-pages/403.html +1 -1
- package/error-pages/404.html +1 -1
- package/error-pages/429.html +1 -1
- package/error-pages/500.html +1 -1
- package/error-pages/502.html +1 -1
- package/error-pages/503.html +1 -1
- package/error-pages/504.html +1 -1
- package/error-pages/5xx.html +1 -1
- package/error-pages/challenge.html +1 -1
- package/error-pages/managed-challenge.html +1 -1
- package/js/dialog.js +205 -0
- package/package.json +1 -1
- package/scss/Atom/BaseTypography/Code/code.scss +0 -1
- package/scss/Atom/Table/table.scss +0 -1
- package/scss/Atom/Tag/tag.scss +0 -1
- package/scss/Components/Buttons/ShareButtons/share-buttons.scss +18 -0
- package/scss/Components/Cards/StatsCard/stats-card.scss +0 -1
- package/scss/Components/Dialog/dialog.scss +87 -0
- package/scss/Components/MegaMenu/mega-menu.scss +460 -33
- package/scss/Components/SyndicationSearchWidget/syndication-search-widget.scss +70 -2
- package/scss/Patterns/Content/Publication/publication-record.scss +110 -0
- package/scss/Patterns/LandingPages/publication-example.scss +28 -0
- package/scss/assets/scss/_components.scss +1 -0
- package/scss/assets/scss/_variables.scss +1 -1
|
@@ -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.4.0
|
|
9
9
|
*
|
|
10
10
|
* ██╗ ██╗███╗ ██╗██████╗ ██████╗ ██████╗
|
|
11
11
|
* ██║ ██║████╗ ██║██╔══██╗██╔══██╗██╔══██╗
|
|
@@ -577,7 +577,7 @@
|
|
|
577
577
|
*
|
|
578
578
|
* Full documentation:
|
|
579
579
|
* https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Atom/BaseTypography/BaseTypography.mdx
|
|
580
|
-
*/.mg-code,code{background:rgb(var(--mg-color-interactive)/.08);border:0;border-radius:var(--mg-radius-form-input);-webkit-box-decoration-break:clone;box-decoration-break:clone;box-shadow:inset 0 0 0 1px rgb(var(--mg-color-interactive)/.2);color:rgb(var(--mg-color-interactive));font-family:var(--mg-font-family-code);font-size:.875em;font-variant-ligatures:none;font-weight:500;line-height:1.4;overflow-wrap:anywhere;padding:var(--mg-spacing-25) var(--mg-spacing-50)}pre{margin-block:var(--mg-spacing-100);overflow-x:auto;position:relative}pre>code{border:none;border-radius:.375rem;overflow-wrap:normal;padding:var(--mg-spacing-150)}.mg-code--block,pre>code{background:rgb(var(--mg-color-neutral-800));color:rgb(var(--mg-color-neutral-0));direction:ltr;display:block;line-height:1.6;unicode-bidi:isolate}.mg-code--block{border:none;border-radius:.25rem;overflow-wrap:anywhere;overflow-x:auto;padding:var(--mg-spacing-100) var(--mg-spacing-150)}pre:has(>code[class*=language-])>code,pre[data-language]>code{padding-block-start:var(--mg-spacing-250)}pre:has(>code[class*=language-]):after,pre[data-language]:after{color:rgb(var(--mg-color-neutral-300));font-family:var(--mg-font-family-text);font-size:var(--mg-font-size-100);font-weight:600;letter-spacing:.1em;line-height:1;pointer-events:none;position:absolute;right:var(--mg-spacing-100);
|
|
580
|
+
*/.mg-code,code{background:rgb(var(--mg-color-interactive)/.08);border:0;border-radius:var(--mg-radius-form-input);-webkit-box-decoration-break:clone;box-decoration-break:clone;box-shadow:inset 0 0 0 1px rgb(var(--mg-color-interactive)/.2);color:rgb(var(--mg-color-interactive));font-family:var(--mg-font-family-code);font-size:.875em;font-variant-ligatures:none;font-weight:500;line-height:1.4;overflow-wrap:anywhere;padding:var(--mg-spacing-25) var(--mg-spacing-50)}pre{margin-block:var(--mg-spacing-100);overflow-x:auto;position:relative}pre>code{border:none;border-radius:.375rem;overflow-wrap:normal;padding:var(--mg-spacing-150)}.mg-code--block,pre>code{background:rgb(var(--mg-color-neutral-800));color:rgb(var(--mg-color-neutral-0));direction:ltr;display:block;line-height:1.6;unicode-bidi:isolate}.mg-code--block{border:none;border-radius:.25rem;overflow-wrap:anywhere;overflow-x:auto;padding:var(--mg-spacing-100) var(--mg-spacing-150)}pre:has(>code[class*=language-])>code,pre[data-language]>code{padding-block-start:var(--mg-spacing-250)}pre:has(>code[class*=language-]):after,pre[data-language]:after{color:rgb(var(--mg-color-neutral-300));font-family:var(--mg-font-family-text);font-size:var(--mg-font-size-100);font-weight:600;letter-spacing:.1em;line-height:1;pointer-events:none;position:absolute;right:var(--mg-spacing-100);top:var(--mg-spacing-75);user-select:none}pre[data-language]:after{content:attr(data-language)}pre:has(>code.language-bash):after{content:"Bash"}pre:has(>code.language-javascript):after{content:"JavaScript"}pre:has(>code.language-jsx):after{content:"JSX"}figure.mg-code-block{border-radius:.375rem;margin-block:var(--mg-spacing-100);overflow:hidden}figure.mg-code-block figcaption{background:rgb(var(--mg-color-neutral-700));color:rgb(var(--mg-color-neutral-200));font-family:var(--mg-font-family-text);font-size:var(--mg-font-size-200);font-style:normal;line-height:1.6;padding:var(--mg-spacing-50) var(--mg-spacing-150)}figure.mg-code-block pre{margin-block:0}figure.mg-code-block pre:has(>code[class*=language-]):after,figure.mg-code-block pre[data-language]:after{display:none}figure.mg-code-block pre>code{border-radius:0;padding-block-start:var(--mg-spacing-150)}[dir=rtl] pre:has(>code[class*=language-]):after,[dir=rtl] pre[data-language]:after{left:var(--mg-spacing-100);right:auto}.react-syntax-highlighter-line-number{display:inline-block;min-width:2.5em;padding-right:var(--mg-spacing-100);pointer-events:none;text-align:right;user-select:none}.react-syntax-highlighter-line-number,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:rgb(var(--mg-color-neutral-300))}.token.boolean,.token.keyword{color:var(--sendai-purple-400)}.token.attr-value,.token.char,.token.regex,.token.selector,.token.string{color:var(--sendai-turquoise-400)}.token.number,.token.unit{color:var(--sendai-orange-400)}.token.function{color:rgb(var(--mg-color-blue-200))}.token.class-name,.token.tag{color:rgb(var(--mg-color-blue-100))}.token.attr-name,.token.variable{color:rgb(var(--mg-color-blue-300))}.token.operator,.token.punctuation{color:rgb(var(--mg-color-neutral-100))}
|
|
581
581
|
|
|
582
582
|
/**
|
|
583
583
|
* Mark (Highlighted Text)
|
|
@@ -772,7 +772,7 @@
|
|
|
772
772
|
/* table tag start */.mg-table{border-collapse:collapse;border-spacing:0;overflow-wrap:anywhere;text-wrap:wrap;width:100%}.mg-table.mg-table--small td,.mg-table.mg-table--small th{font-size:var(--mg-font-size-250);-webkit-text-size-adjust:100%}.mg-table.mg-table--striped tr:nth-child(2n){background-color:rgb(var(--mg-color-neutral-25))}.mg-table.mg-table--border{border-collapse:collapse}.mg-table.mg-table--border td,.mg-table.mg-table--border th{border:1px solid rgb(var(--mg-color-neutral-400));border-collapse:collapse;box-sizing:border-box;min-width:50px}.mg-table.mg-table--stacked td,.mg-table.mg-table--stacked th{display:block
|
|
773
773
|
/* medium design */}@media (width >= 48em){.mg-table.mg-table--stacked td,.mg-table.mg-table--stacked th{display:table-cell}}.mg-table.mg-table--stacked thead tr{display:none
|
|
774
774
|
/* medium design */}@media (width >= 48em){.mg-table.mg-table--stacked thead tr{display:table-row}}.mg-table.mg-table--stacked.mg-table--border tr{border:1px solid rgb(var(--mg-color-neutral-400))}.mg-table.mg-table--stacked.mg-table--border tr td,.mg-table.mg-table--stacked.mg-table--border tr th{
|
|
775
|
-
/* medium design */}@media (width >= 48em){.mg-table.mg-table--stacked.mg-table--border tr td,.mg-table.mg-table--stacked.mg-table--border tr th{border:1px solid rgb(var(--mg-color-neutral-400))}}.mg-table td,.mg-table th{font-size:var(--mg-font-size-300);line-height:1.4;padding:var(--mg-spacing-100) var(--mg-spacing-150);text-align:start;vertical-align:top}.mg-table thead tr th{font-weight:600}.mg-table .mg-table__cell--start{text-align:start}.mg-table .mg-table__cell--center{text-align:center}.mg-table .mg-table__cell--end{text-align:end}.mg-table--scroll{min-width:100%;overflow-x:auto;width:max-content}.mg-table--scroll thead th{white-space:nowrap}.mg-table--scroll td,.mg-table--scroll th{-webkit-text-size-adjust:100%}.mg-table.mg-table--small td,.mg-table.mg-table--small th{padding:var(--mg-spacing-50) var(--mg-spacing-100)}.mg-table-scroll-region{max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain}.mg-table-scroll-region>.mg-table{min-inline-size:37.5rem}.mg-table-scroll-region: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-table-scroll-region:focus-visible{outline:var(--mg-focus-ring-width) solid Highlight;outline-offset:calc(var(--mg-focus-ring-width)*-1)}}.mg-table.mg-table--data{font-size:var(--mg-font-size-250)}.mg-table.mg-table--data td,.mg-table.mg-table--data th{border-bottom:1px solid rgb(var(--mg-color-neutral-200));font-size:var(--mg-font-size-250);padding:var(--mg-spacing-50) var(--mg-spacing-100)}.mg-table.mg-table--data thead th{background-color:rgb(var(--mg-color-neutral-50));border-bottom:2px solid rgb(var(--mg-color-neutral-300));color:rgb(var(--mg-color-neutral-800));font-size:var(--mg-font-size-200);font-weight:600;letter-spacing:.04em;
|
|
775
|
+
/* medium design */}@media (width >= 48em){.mg-table.mg-table--stacked.mg-table--border tr td,.mg-table.mg-table--stacked.mg-table--border tr th{border:1px solid rgb(var(--mg-color-neutral-400))}}.mg-table td,.mg-table th{font-size:var(--mg-font-size-300);line-height:1.4;padding:var(--mg-spacing-100) var(--mg-spacing-150);text-align:start;vertical-align:top}.mg-table thead tr th{font-weight:600}.mg-table .mg-table__cell--start{text-align:start}.mg-table .mg-table__cell--center{text-align:center}.mg-table .mg-table__cell--end{text-align:end}.mg-table--scroll{min-width:100%;overflow-x:auto;width:max-content}.mg-table--scroll thead th{white-space:nowrap}.mg-table--scroll td,.mg-table--scroll th{-webkit-text-size-adjust:100%}.mg-table.mg-table--small td,.mg-table.mg-table--small th{padding:var(--mg-spacing-50) var(--mg-spacing-100)}.mg-table-scroll-region{max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain}.mg-table-scroll-region>.mg-table{min-inline-size:37.5rem}.mg-table-scroll-region: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-table-scroll-region:focus-visible{outline:var(--mg-focus-ring-width) solid Highlight;outline-offset:calc(var(--mg-focus-ring-width)*-1)}}.mg-table.mg-table--data{font-size:var(--mg-font-size-250)}.mg-table.mg-table--data td,.mg-table.mg-table--data th{border-bottom:1px solid rgb(var(--mg-color-neutral-200));font-size:var(--mg-font-size-250);padding:var(--mg-spacing-50) var(--mg-spacing-100)}.mg-table.mg-table--data thead th{background-color:rgb(var(--mg-color-neutral-50));border-bottom:2px solid rgb(var(--mg-color-neutral-300));color:rgb(var(--mg-color-neutral-800));font-size:var(--mg-font-size-200);font-weight:600;letter-spacing:.04em;white-space:nowrap}.mg-table.mg-table--data tbody tr:hover{background-color:rgb(var(--mg-color-neutral-25))}.mg-table__th--sticky{background-color:rgb(var(--mg-color-neutral-0));box-shadow:0 1px 0 rgb(var(--mg-color-neutral-300));position:sticky;top:0;z-index:2}.mg-table .mg-table__td--numeric,.mg-table .mg-table__th--numeric{font-variant-numeric:tabular-nums;text-align:end}.mg-table__td--code{font-family:var(--mg-font-family-code)}.mg-table td.mg-table__td--code{font-size:var(--mg-font-size-200)}.mg-table__th--sortable{cursor:pointer;user-select:none;white-space:nowrap}.mg-table__th--sortable .mg-table__sort-btn{all:unset;align-items:center;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:var(--mg-spacing-50);justify-content:space-between;width:100%}.mg-table__th--sortable .mg-table__sort-btn: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-table__th--sortable .mg-table__sort-btn:focus-visible{outline:var(--mg-focus-ring-width) solid Highlight;outline-offset:calc(var(--mg-focus-ring-width)*-1)}}.mg-table__th--sortable .mg-table__sort-icon{display:inline-block;flex-shrink:0;height:.75em;opacity:.35;transition:transform var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),opacity var(--mg-motion-duration-fast) var(--mg-motion-easing-standard);width:.75em}.mg-table__th--sortable:hover .mg-table__sort-icon{opacity:.8}.mg-table__th--sortable[aria-sort=ascending] .mg-table__sort-icon{opacity:1;transform:rotate(180deg)}.mg-table__th--sortable[aria-sort=descending] .mg-table__sort-icon{opacity:1;transform:rotate(0deg)}@media (prefers-reduced-motion:reduce){.mg-table__th--sortable .mg-table__sort-icon{transition:none}}
|
|
776
776
|
/**
|
|
777
777
|
* Tag
|
|
778
778
|
*
|
|
@@ -792,7 +792,7 @@
|
|
|
792
792
|
--tag-color-background-accent,rgb(var(--mg-color-orange-50))
|
|
793
793
|
);--mg-tag-background-hover:var(
|
|
794
794
|
--tag-color-background-accent-hover,rgb(var(--mg-color-orange-100))
|
|
795
|
-
);--mg-tag-foreground:rgb(var(--mg-color-text));border-color:rgb(var(--mg-color-tag-accent));border-inline-start-width:.25rem}.mg-badge,.mg-tag--subtle{--mg-tag-background:rgb(var(--mg-color-neutral-50));--mg-tag-background-hover:rgb(var(--mg-color-neutral-50));--mg-tag-foreground:rgb(var(--mg-color-neutral-800));border-color:rgb(var(--mg-color-neutral-300));cursor:default;font-weight:500}.mg-badge--code,.mg-tag--code{font-family:var(--mg-font-family-code);font-size:var(--mg-font-size-200);letter-spacing:.04em
|
|
795
|
+
);--mg-tag-foreground:rgb(var(--mg-color-text));border-color:rgb(var(--mg-color-tag-accent));border-inline-start-width:.25rem}.mg-badge,.mg-tag--subtle{--mg-tag-background:rgb(var(--mg-color-neutral-50));--mg-tag-background-hover:rgb(var(--mg-color-neutral-50));--mg-tag-foreground:rgb(var(--mg-color-neutral-800));border-color:rgb(var(--mg-color-neutral-300));cursor:default;font-weight:500}.mg-badge--code,.mg-tag--code{font-family:var(--mg-font-family-code);font-size:var(--mg-font-size-200);letter-spacing:.04em}@media (prefers-reduced-motion:no-preference){.mg-tag-container>a[href],a.mg-tag[href]{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-tag-container>a[href]:hover,a.mg-tag[href]:hover{background-color:var(--mg-tag-background-hover);color:var(--mg-tag-foreground);text-decoration:underline;text-underline-offset:.15em}.mg-tag-container>a[href]:focus-visible,a.mg-tag[href]:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset);text-decoration:underline;text-underline-offset:.15em}.mg-tag+.mg-tag{margin-inline-start:var(--mg-spacing-50)}.mg-tag-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50)}.mg-tag-container>.mg-tag{margin-inline-start:0}@media (forced-colors:active){.mg-tag,.mg-tag-container>:where(span,div,a,li){background-color:Canvas;border-color:CanvasText;color:CanvasText}.mg-tag-container>a[href],a.mg-tag[href]{border-color:LinkText;color:LinkText}.mg-tag-container>a[href]:hover,a.mg-tag[href]:hover{background-color:Canvas;color:LinkText}.mg-tag-container>a[href]:focus-visible,a.mg-tag[href]:focus-visible{outline:2px solid Highlight;outline-offset:2px}}
|
|
796
796
|
/**
|
|
797
797
|
* Video
|
|
798
798
|
*
|
|
@@ -988,7 +988,7 @@
|
|
|
988
988
|
*
|
|
989
989
|
* Full documentation:
|
|
990
990
|
* https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Components/Buttons/ShareButtons/ShareButtons.mdx
|
|
991
|
-
*/.mg-share{display:flex;flex-direction:column;gap:var(--mg-spacing-100);max-inline-size:25rem;min-inline-size:0}.mg-share__header{color:rgb(var(--mg-color-text));font-family:var(--mg-font-family-text);font-size:var(--mg-font-size-300);font-weight:600;margin:0}.mg-share__buttons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50)}.mg-share__button,.mg-share__copy-button{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:var(--mg-radius-button);box-sizing:border-box;color:rgb(var(--mg-color-text));cursor:pointer;display:flex;justify-content:center;min-block-size:2.5rem;padding:var(--mg-spacing-100)}@media (prefers-reduced-motion:no-preference){.mg-share__button,.mg-share__copy-button{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-share__button:hover,.mg-share__copy-button:hover{background-color:rgb(var(--mg-color-neutral-50));color:rgb(var(--mg-color-text))}.mg-share__button:focus-visible,.mg-share__copy-button:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}@media (forced-colors:active){.mg-share__button,.mg-share__copy-button{border:1px solid ButtonText}}.mg-share__button{block-size:2.5rem;flex:0 0 2.5rem;font-size:var(--mg-font-size-400);inline-size:2.5rem}.mg-share__copy-button{background-color:rgb(var(--mg-color-neutral-25));border-color:rgb(var(--mg-color-neutral-300)/.4);font-family:var(--mg-font-family-text);gap:var(--mg-spacing-100);max-inline-size:100%;text-align:start}.mg-share__copy-button:hover .mg-share__copy-text{text-decoration:underline;text-underline-offset:.15em}.mg-share__clip-icon,.mg-share__stack-icon{align-items:center;block-size:1.5rem;display:flex;flex:0 0 1.5rem;inline-size:1.5rem;justify-content:center}.mg-share__clip-icon img,.mg-share__stack-icon img{inline-size:1.125rem}.mg-share__copy-text{flex:1;font-size:var(--mg-font-size-250);line-height:1.5;min-inline-size:0;overflow-wrap:anywhere}.mg-share__dialog{background:rgb(var(--mg-color-white));border:0;border-block-start:.25rem solid rgb(var(--mg-color-interactive));border-radius:0;box-shadow:0 .5rem 2rem rgb(var(--mg-color-neutral-900)/.25);box-sizing:border-box;color:rgb(var(--mg-color-text));inline-size:min(100% - 2 * var(--mg-spacing-200),31.25rem);max-block-size:calc(100vh - var(--mg-spacing-200)*2);overflow:auto;padding:var(--mg-spacing-300)}.mg-share__dialog::backdrop{background:var(--mg-color-modal-scrim)}.mg-share__dialog-header{align-items:flex-start;display:flex;gap:var(--mg-spacing-150);justify-content:space-between}.mg-share__dialog-title{font-family:var(--mg-font-family-ui);font-size:var(--mg-font-size-500);line-height:1.2;margin:0}.mg-share__dialog-close{block-size:2.5rem;color:rgb(var(--mg-color-text));flex:none;inline-size:2.5rem;margin-inline-start:auto;min-block-size:2.5rem;min-inline-size:2.5rem}.mg-share__dialog-close:hover{background:rgb(var(--mg-color-neutral-50));color:rgb(var(--mg-color-text))}.mg-share__dialog-description{font-family:var(--mg-font-family-text);margin-block:var(--mg-spacing-150)}.mg-share__dialog-content{min-inline-size:0}.mg-share__dialog-image{block-size:auto;display:block;margin-inline:auto;max-block-size:13.75rem;max-inline-size:100%}.mg-share__dialog-url{overflow-wrap:anywhere}.mg-share__dialog-actions,.mg-share__dialog-actions-primary{display:flex;flex-wrap:wrap;gap:var(--mg-spacing-100)}.mg-share__dialog-actions{justify-content:space-between;margin-block-start:var(--mg-spacing-200)}.mg-share__visually-hidden{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}
|
|
991
|
+
*/.mg-share{container:mg-share/inline-size;display:flex;flex-direction:column;gap:var(--mg-spacing-100);max-inline-size:25rem;min-inline-size:0}.mg-share__header{color:rgb(var(--mg-color-text));font-family:var(--mg-font-family-text);font-size:var(--mg-font-size-300);font-weight:600;margin:0}.mg-share__buttons{align-items:center;display:flex;flex-wrap:wrap;gap:var(--mg-spacing-50)}@container mg-share (inline-size < 16.5625rem){.mg-share__buttons{column-gap:0;justify-content:space-between}}@container mg-share (inline-size < 15.625rem){.mg-share__buttons{display:grid;gap:var(--mg-spacing-50);grid-template-columns:repeat(auto-fit,2.5rem);justify-content:start;max-inline-size:8.125rem}}.mg-share__button,.mg-share__copy-button{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:var(--mg-radius-button);box-sizing:border-box;color:rgb(var(--mg-color-text));cursor:pointer;display:flex;justify-content:center;min-block-size:2.5rem;padding:var(--mg-spacing-100)}@media (prefers-reduced-motion:no-preference){.mg-share__button,.mg-share__copy-button{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}}.mg-share__button:hover,.mg-share__copy-button:hover{background-color:rgb(var(--mg-color-neutral-50));color:rgb(var(--mg-color-text))}.mg-share__button:focus-visible,.mg-share__copy-button:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}@media (forced-colors:active){.mg-share__button,.mg-share__copy-button{border:1px solid ButtonText}}.mg-share__button{block-size:2.5rem;flex:0 0 2.5rem;font-size:var(--mg-font-size-400);inline-size:2.5rem}.mg-share__copy-button{background-color:rgb(var(--mg-color-neutral-25));border-color:rgb(var(--mg-color-neutral-300)/.4);font-family:var(--mg-font-family-text);gap:var(--mg-spacing-100);max-inline-size:100%;text-align:start}.mg-share__copy-button:hover .mg-share__copy-text{text-decoration:underline;text-underline-offset:.15em}.mg-share__clip-icon,.mg-share__stack-icon{align-items:center;block-size:1.5rem;display:flex;flex:0 0 1.5rem;inline-size:1.5rem;justify-content:center}.mg-share__clip-icon img,.mg-share__stack-icon img{inline-size:1.125rem}.mg-share__copy-text{flex:1;font-size:var(--mg-font-size-250);line-height:1.5;min-inline-size:0;overflow-wrap:anywhere}.mg-share__dialog{background:rgb(var(--mg-color-white));border:0;border-block-start:.25rem solid rgb(var(--mg-color-interactive));border-radius:0;box-shadow:0 .5rem 2rem rgb(var(--mg-color-neutral-900)/.25);box-sizing:border-box;color:rgb(var(--mg-color-text));inline-size:min(100% - 2 * var(--mg-spacing-200),31.25rem);max-block-size:calc(100vh - var(--mg-spacing-200)*2);overflow:auto;padding:var(--mg-spacing-300)}.mg-share__dialog::backdrop{background:var(--mg-color-modal-scrim)}.mg-share__dialog-header{align-items:flex-start;display:flex;gap:var(--mg-spacing-150);justify-content:space-between}.mg-share__dialog-title{font-family:var(--mg-font-family-ui);font-size:var(--mg-font-size-500);line-height:1.2;margin:0}.mg-share__dialog-close{block-size:2.5rem;color:rgb(var(--mg-color-text));flex:none;inline-size:2.5rem;margin-inline-start:auto;min-block-size:2.5rem;min-inline-size:2.5rem}.mg-share__dialog-close:hover{background:rgb(var(--mg-color-neutral-50));color:rgb(var(--mg-color-text))}.mg-share__dialog-description{font-family:var(--mg-font-family-text);margin-block:var(--mg-spacing-150)}.mg-share__dialog-content{min-inline-size:0}.mg-share__dialog-image{block-size:auto;display:block;margin-inline:auto;max-block-size:13.75rem;max-inline-size:100%}.mg-share__dialog-url{overflow-wrap:anywhere}.mg-share__dialog-actions,.mg-share__dialog-actions-primary{display:flex;flex-wrap:wrap;gap:var(--mg-spacing-100)}.mg-share__dialog-actions{justify-content:space-between;margin-block-start:var(--mg-spacing-200)}.mg-share__visually-hidden{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}
|
|
992
992
|
|
|
993
993
|
/**
|
|
994
994
|
* Copy button
|
|
@@ -1006,14 +1006,14 @@
|
|
|
1006
1006
|
*
|
|
1007
1007
|
* Full documentation:
|
|
1008
1008
|
* https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Components/MegaMenu/MegaMenu.mdx
|
|
1009
|
-
*/.mg-mega-wrapper{background:rgb(var(--mg-color-white));box-shadow:
|
|
1009
|
+
*/.mg-mega-wrapper{background:rgb(var(--mg-color-white));box-shadow:0 1px 0 rgb(var(--mg-color-neutral-600)/.24);position:relative;z-index:var(--mg-z-index-nav)}.mg-mega-topbar{align-items:flex-start;display:flex;width:100%;z-index:var(--mg-z-index-nav);--mg-list-item-indent-rtl:0;list-style:none;list-style-type:"";margin:0 auto;max-width:1164px;padding:0}@media screen and (min-width:1440px){.mg-mega-topbar{max-width:1440px}}@media screen and (width < 900px){.mg-mega-topbar{overflow-x:auto;overscroll-behavior-inline:contain;padding-inline-start:2.5rem;position:relative;scrollbar-width:none}}@media screen and (width < 900px){.mg-mega-topbar:has(>.mg-mega-topbar__nav){overflow:hidden;padding-inline-start:0}.mg-mega-topbar>.mg-mega-topbar-mobile__icon-button{align-self:stretch;background:rgb(var(--mg-color-white));flex-shrink:0;inset:auto;position:relative;width:2.5rem}}.mg-mega-topbar--branded{align-items:center}@media screen and (width < 900px){.mg-mega-topbar--branded{overflow-x:hidden;padding-inline-start:0}}.mg-mega-topbar--branded .mg-mega-topbar-mobile__icon-button{background:rgb(var(--mg-color-white));box-shadow:-3px 0 6px -2px rgba(0,0,0,.15);flex-shrink:0;margin-inline-start:auto;position:relative;width:auto}.mg-mega-topbar--branded .mg-mega-topbar-mobile__icon-button:has(.mg-icon-angle-circled-left){background:rgb(var(--mg-color-white));box-shadow:-3px 0 6px -2px rgba(0,0,0,.15)}.mg-mega-topbar--branded .mg-mega-topbar__nav{display:flex;flex:1;justify-content:flex-end}@media screen and (width < 900px){.mg-mega-topbar--branded .mg-mega-topbar__nav{justify-content:flex-start}}.mg-mega-topbar--branded .mg-mega-topbar__nav{--mg-list-item-indent-rtl:0;list-style:none;list-style-type:"";margin:0;padding:0}.mg-mega-topbar__logo{align-items:center;display:flex;flex-shrink:1;min-width:0;padding:var(--mg-spacing-100) var(--mg-spacing-150)}.mg-mega-topbar__logo-img{display:block;height:1.875rem;max-width:100%;width:auto}@media screen and (min-width:900px){.mg-mega-topbar__logo-img{height:2.1875rem}}.mg-mega-topbar__nav{align-items:flex-start;display:flex;flex:1;margin:0;padding:0;--mg-list-item-indent-rtl:0;list-style:none;list-style-type:""}@media screen and (width < 900px){.mg-mega-topbar__nav{cursor:grab;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;user-select:none}.mg-mega-topbar__nav:active{cursor:grabbing}.mg-mega-topbar__nav .mg-mega-topbar__item-link{cursor:inherit}.mg-mega-topbar__nav{flex:1;justify-content:flex-start;min-width:0}}@media screen and (min-width:900px){.mg-mega-topbar__item{display:block}}.mg-mega-topbar__item .mg-mega-content{display:none}@media screen and (min-width:900px){.mg-mega-topbar__item .mg-mega-content{clip-path:ellipse(55% 0 at 50% 0);display:flex;opacity:0;pointer-events:none;transition:opacity var(--mg-motion-duration-medium) var(--mg-motion-easing-standard),clip-path var(--mg-motion-duration-medium) var(--mg-motion-easing-standard),visibility 0s linear var(--mg-motion-duration-medium);visibility:hidden}}.mg-mega-topbar__item{color:rgb(var(--mg-color-interactive));flex-shrink:0;font-size:var(--mg-font-size-300);font-weight:700;--mg-list-item-indent-rtl:0;list-style:none;list-style-type:"";margin:0;padding:0}.mg-mega-topbar__item p{font-weight:400}.mg-mega-topbar__item>a,.mg-mega-topbar__item>button{cursor:pointer;display:block;line-height:1.125rem;padding:var(--mg-spacing-150);width:max-content}@media screen and (min-width:900px){.mg-mega-topbar__item>a,.mg-mega-topbar__item>button{position:relative;width:unset}.mg-mega-topbar__item>a:after,.mg-mega-topbar__item>button:after{background:rgb(var(--mg-color-interactive));block-size:3px;content:"";inset-inline:0;bottom:0;opacity:0;position:absolute;transform:scaleX(0)}.mg-mega-topbar__item--active>a:after,.mg-mega-topbar__item--active>button:after{opacity:1;transform:scaleX(1)}.mg-mega-topbar__item--active .mg-mega-topbar__item-link,.mg-mega-topbar__item--active a{color:rgb(var(--mg-color-interactive));text-decoration:none}.mg-mega-topbar__item--active a.mg-button-primary{color:rgb(var(--mg-color-white));text-decoration:none}.mg-mega-topbar__item--active .mg-mega-content{clip-path:ellipse(150% 150% at 50% 0);opacity:1;pointer-events:auto;transition:opacity var(--mg-motion-duration-medium) var(--mg-motion-easing-standard),clip-path var(--mg-motion-duration-medium) var(--mg-motion-easing-standard),visibility 0s linear 0s;visibility:visible}}.mg-mega-topbar__item-link{background:none;border:none;color:rgb(var(--mg-color-interactive));cursor:pointer;font-family:var(--mg-font-family-ui);font-weight:700;list-style:none}.mg-mega-topbar__item-icon{font-size:.85em;margin-inline-end:.35em;vertical-align:baseline}@media screen and (min-width:900px){.mg-mega-topbar__item-link{font-size:var(--mg-font-size-400)}}.mg-mega-content{align-items:flex-start;background-color:rgb(var(--mg-color-neutral-0));box-shadow:inset 0 1px 0 rgb(var(--mg-color-neutral-600)/.2),0 18px 45px rgb(var(--mg-color-neutral-900)/.14);display:flex;flex-direction:column;height:auto;inset-inline-start:0;justify-content:start;position:relative;top:1px;width:100%;z-index:1}@media screen and (min-width:900px){.mg-mega-content{align-items:stretch;display:none;flex-direction:row;max-height:70vh;min-height:21.875rem;overflow:hidden;position:absolute;top:3rem}}.mg-mega-content.mg-container-full-width{position:absolute}.mg-mega-content__left{background-color:rgb(var(--mg-color-neutral-0)/.8);height:100%;width:100%}@media screen and (min-width:900px){.mg-mega-content__left{flex-basis:33%;height:auto;min-height:0;overflow-y:auto}}.mg-mega-content__banner{padding:var(--mg-spacing-250)}.mg-mega-content__banner header{font-family:var(--mg-font-family-ui);font-size:var(--mg-font-size-500);font-weight:700;padding-bottom:var(--mg-spacing-100)}.mg-mega-content__banner p a{text-decoration:underline}.mg-mega-content__banner p a:hover{text-decoration:none}.mg-mega-content:focus-visible,.mg-mega-content__left:focus-visible,.mg-mega-content__right:focus-visible,.mg-mega-topbar__item-link:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-mega-content__left{border-inline-end:1px solid rgb(var(--mg-color-neutral-600)/.24)}.mg-mega-content__left .mg-mega-content__section-list{display:none}@media screen and (min-width:900px){.mg-mega-content__left .mg-mega-content__section-list{display:block}}.mg-mega-content__left .mg-mega-content__section-list-link,.mg-mega-content__left .mg-mega-content__section-list-link:hover{color:rgb(var(--mg-color-interactive-active))}.mg-mega-content__section-list{padding-inline:var(--mg-spacing-200)}.mg-mega-content__section-list-item{list-style:none;margin:0;padding:0}.mg-mega-content__section-list-item .mg-mega-content__section-list-link{display:block;font-weight:600;letter-spacing:.2px;margin-inline:calc(var(--mg-spacing-200)*-1);padding:var(--mg-spacing-150) var(--mg-spacing-250);position:relative;text-decoration:none;transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}.mg-mega-content__section-list-item .mg-mega-content__section-list-link:focus-visible,.mg-mega-content__section-list-item .mg-mega-content__section-list-link:hover{background:rgb(var(--mg-color-interactive)/.15);text-decoration:underline}.mg-mega-content__section-list-item .mg-mega-content__section-list-link:after{content:"›";display:inline-block;font-size:1.875rem;inset-inline-end:auto;margin-inline-end:var(--mg-spacing-150);opacity:.55;padding-inline-start:var(--mg-spacing-150);position:absolute;transition:opacity var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}.mg-mega-content__section-list-item .mg-mega-content__section-list-link--active{background:rgb(var(--mg-color-interactive)/.15);border-inline-start:4px solid rgb(var(--mg-color-interactive));margin-inline-start:calc(var(--mg-spacing-200)*-1);padding:var(--mg-spacing-150) var(--mg-spacing-250);text-decoration:underline}.mg-mega-content__section-list-item .mg-mega-content__section-list-link--active:after{inset-inline-end:0;opacity:1}[dir=rtl] .mg-mega-content__section-list-item .mg-mega-content__section-list-link:after{content:"‹"}.mg-mega-content__right--sliding{animation:none}
|
|
1010
1010
|
|
|
1011
1011
|
/* Stronger keyboard focus ring for accessibility.
|
|
1012
1012
|
Was a hardcoded white inset ring, which is invisible here: the panel is
|
|
1013
1013
|
--mg-color-neutral-0 and the focused link tints it only 15%, so white
|
|
1014
|
-
measured 1.28:1. The default focus ring measures 4.22-4.58:1 across the five themes on that tint. */.mg-mega-content__section-list-link:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-mega-content__right{display:flex;flex:1;width:100%}.mg-mega-content__right .mg-mega-content__menu--mobile{display:block}.mg-mega-content__right .mg-mega-content__menu--desktop{display:none}@media screen and (min-width:900px){.mg-mega-content__right{align-items:flex-start;min-height:0;min-width:0;overflow-y:auto}.mg-mega-content__right .mg-mega-content__menu--mobile{display:none}.mg-mega-content__right .mg-mega-content__menu--desktop{display:block}}.mg-mega-content__right ul{flex:1;list-style:none;padding:var(--mg-spacing-150)}@media screen and (min-width:900px){.mg-mega-content__right ul{column-fill:balance;column-gap:var(--mg-spacing-200);columns:280px}}.mg-mega-content__right ul ul{break-inside:avoid;opacity:.8;padding-block:0;padding-inline:var(--mg-spacing-150)}.mg-mega-content__right ul li{break-inside:avoid;margin:0;padding:0}.mg-mega-content__right ul li a{color:rgb(var(--mg-color-black));display:block;font-weight:700;overflow:hidden;padding:var(--mg-spacing-50);text-overflow:clip;white-space:wrap}.mg-mega-content__right ul li a:hover{color:rgb(var(--mg-color-black));text-decoration:underline}.mg-mega-sidebar-section{--mg-list-item-indent-rtl:0;list-style:none;list-style-type:""}.mg-mega-sidebar-section ol{list-style:none;margin:0}.mg-mega-sidebar-section ol li{margin:0}.mg-mega-sidebar-section ol ol li{list-style:none;margin:0;padding-block:var(--mg-spacing-50);padding-inline-start:var(--mg-spacing-300)}.mg-mega-sidebar-section ol ol li a{color:rgb(var(--mg-color-white));text-decoration:none}.mg-mega-sidebar-section ol ol li:hover{background:rgb(var(--mg-color-interactive-active))}.mg-mega-sidebar-section__item{align-items:center;background:rgb(var(--mg-color-interactive));border:none;border-block-end:1px solid rgb(var(--mg-color-white));color:rgb(var(--mg-color-white));cursor:pointer;display:flex;justify-content:space-between;padding:var(--mg-spacing-100) var(--mg-spacing-250);width:100%}@media screen and (min-width:900px){.mg-mega-sidebar-section__item{background:transparent;border-block-end:none}}.mg-mega-sidebar-section__item:hover{background:rgb(var(--mg-color-interactive-active));color:rgb(var(--mg-color-white))}.mg-mega-sidebar-section__item:focus-visible{box-shadow:inset 0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0)),inset 0 0 0 calc(var(--mg-focus-ring-offset) + var(--mg-focus-ring-width)) rgb(var(--mg-color-focus-ring));outline:0}@media (forced-colors:active){.mg-mega-sidebar-section__item:focus-visible{outline:var(--mg-focus-ring-width) solid Highlight;outline-offset:calc(var(--mg-focus-ring-width)*-1)}}.mg-mega-sidebar-section__item[aria-expanded=true] .mg-icon-angle-circled-left{transform:rotate(-90deg)}.mg-mega-sidebar-section__item .mg-icon-angle-circled-left,.mg-mega-sidebar-section__item[aria-expanded=true] .mg-icon-angle-circled-left{transition:transform var(--mg-motion-duration-medium) var(--mg-motion-easing-standard)}[dir=rtl] .mg-mega-sidebar-section__item[aria-expanded=true] .mg-icon-angle-circled-left{transform:rotate(90deg)}.mg-mega-sidebar{background-color:rgb(var(--mg-color-interactive-active));box-shadow:0 5px 8px -4px rgba(0,0,0,.25);height:auto;max-height:80vh;overflow:auto;position:absolute;top:-100%;inset-inline:0;transition:top var(--mg-motion-duration-medium) var(--mg-motion-easing-standard);width:100%;z-index:var(--mg-z-index-nav)}.mg-mega-sidebar.mg-sidebar-open{top:0}@media screen and (min-width:900px){.mg-mega-sidebar{box-shadow:-5px 0 8px -4px rgba(0,0,0,.25);height:100vh;inset-inline-end:0;inset-inline-start:auto;top:0;width:300px}[dir=rtl] .mg-mega-sidebar{box-shadow:5px 0 8px -4px rgba(0,0,0,.25)}}.mg-mega-sidebar__list{background:rgb(var(--mg-color-white));display:flex;flex-direction:column;inset-inline-end:auto;margin-bottom:0;padding:0;position:relative;width:100%}.mg-mega-sidebar__section{align-items:center;color:rgb(var(--mg-color-white));cursor:pointer;display:flex;justify-content:space-between;padding:var(--mg-spacing-150) var(--mg-spacing-300)}.mg-mega-sidebar__section:hover{background:rgb(var(--mg-color-interactive-active))}.mg-mega-topbar-mobile__icon-button{align-items:center;background:transparent;border:none;color:rgb(var(--mg-color-interactive));cursor:pointer;display:flex;font-size:1.25rem;height:
|
|
1014
|
+
measured 1.28:1. The default focus ring measures 4.22-4.58:1 across the five themes on that tint. */.mg-mega-content__section-list-link:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-mega-content__right{display:flex;flex:1;width:100%}.mg-mega-content__right .mg-mega-content__menu--mobile{display:block}.mg-mega-content__right .mg-mega-content__menu--desktop{display:none}@media screen and (min-width:900px){.mg-mega-content__right{align-items:flex-start;min-height:0;min-width:0;overflow-y:auto}.mg-mega-content__right .mg-mega-content__menu--mobile{display:none}.mg-mega-content__right .mg-mega-content__menu--desktop{display:block}}.mg-mega-content__right ul{flex:1;list-style:none;padding:var(--mg-spacing-150)}@media screen and (min-width:900px){.mg-mega-content__right ul{column-fill:balance;column-gap:var(--mg-spacing-200);columns:280px}}.mg-mega-content__right ul ul{break-inside:avoid;opacity:.8;padding-block:0;padding-inline:var(--mg-spacing-150)}.mg-mega-content__right ul li{break-inside:avoid;margin:0;padding:0}.mg-mega-content__right ul li a{color:rgb(var(--mg-color-black));display:block;font-weight:700;overflow:hidden;padding:var(--mg-spacing-50);text-overflow:clip;white-space:wrap}.mg-mega-content__right ul li a:hover{color:rgb(var(--mg-color-black));text-decoration:underline}.mg-mega-sidebar-section{--mg-list-item-indent-rtl:0;list-style:none;list-style-type:""}.mg-mega-sidebar-section ol{list-style:none;margin:0}.mg-mega-sidebar-section ol li{margin:0}.mg-mega-sidebar-section ol ol li{list-style:none;margin:0;padding-block:var(--mg-spacing-50);padding-inline-start:var(--mg-spacing-300)}.mg-mega-sidebar-section ol ol li a{color:rgb(var(--mg-color-white));text-decoration:none}.mg-mega-sidebar-section ol ol li:hover{background:rgb(var(--mg-color-interactive-active))}.mg-mega-sidebar-section__item{align-items:center;background:rgb(var(--mg-color-interactive));border:none;border-block-end:1px solid rgb(var(--mg-color-white));color:rgb(var(--mg-color-white));cursor:pointer;display:flex;justify-content:space-between;padding:var(--mg-spacing-100) var(--mg-spacing-250);width:100%}@media screen and (min-width:900px){.mg-mega-sidebar-section__item{background:transparent;border-block-end:none}}.mg-mega-sidebar-section__item:hover{background:rgb(var(--mg-color-interactive-active));color:rgb(var(--mg-color-white))}.mg-mega-sidebar-section__item:focus-visible{box-shadow:inset 0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0)),inset 0 0 0 calc(var(--mg-focus-ring-offset) + var(--mg-focus-ring-width)) rgb(var(--mg-color-focus-ring));outline:0}@media (forced-colors:active){.mg-mega-sidebar-section__item:focus-visible{outline:var(--mg-focus-ring-width) solid Highlight;outline-offset:calc(var(--mg-focus-ring-width)*-1)}}.mg-mega-sidebar-section__item[aria-expanded=true] .mg-icon-angle-circled-left{transform:rotate(-90deg)}.mg-mega-sidebar-section__item .mg-icon-angle-circled-left,.mg-mega-sidebar-section__item[aria-expanded=true] .mg-icon-angle-circled-left{transition:transform var(--mg-motion-duration-medium) var(--mg-motion-easing-standard)}[dir=rtl] .mg-mega-sidebar-section__item[aria-expanded=true] .mg-icon-angle-circled-left{transform:rotate(90deg)}.mg-mega-sidebar{background-color:rgb(var(--mg-color-interactive-active));box-shadow:0 5px 8px -4px rgba(0,0,0,.25);height:auto;max-height:80vh;overflow:auto;position:absolute;top:-100%;inset-inline:0;transition:top var(--mg-motion-duration-medium) var(--mg-motion-easing-standard);width:100%;z-index:var(--mg-z-index-nav)}.mg-mega-sidebar.mg-sidebar-open{top:0}@media screen and (min-width:900px){.mg-mega-sidebar{box-shadow:-5px 0 8px -4px rgba(0,0,0,.25);height:100vh;inset-inline-end:0;inset-inline-start:auto;top:0;width:300px}[dir=rtl] .mg-mega-sidebar{box-shadow:5px 0 8px -4px rgba(0,0,0,.25)}}.mg-mega-sidebar__list{background:rgb(var(--mg-color-white));display:flex;flex-direction:column;inset-inline-end:auto;margin-bottom:0;padding:0;position:relative;width:100%}.mg-mega-sidebar__section{align-items:center;color:rgb(var(--mg-color-white));cursor:pointer;display:flex;justify-content:space-between;padding:var(--mg-spacing-150) var(--mg-spacing-300)}.mg-mega-sidebar__section:hover{background:rgb(var(--mg-color-interactive-active))}.mg-mega-topbar-mobile__icon-button{align-items:center;background:transparent;border:none;color:rgb(var(--mg-color-interactive));cursor:pointer;display:flex;font-size:1.25rem;height:auto;inset-block:0;inset-inline:0;justify-content:start;min-height:2.75rem;padding:var(--mg-spacing-100);position:absolute;width:auto;z-index:var(--mg-z-index-nav-toggle)}.mg-mega-topbar-mobile__icon-button>.mg-icon{display:flex;line-height:1}@media screen and (min-width:900px){.mg-mega-topbar-mobile__icon-button{display:none}}.mg-mega-topbar-mobile__icon-button:hover{color:rgb(var(--mg-color-blue-900)/.9)}.mg-mega-topbar-mobile__icon-button .mg-mega-topbar{position:relative}.mg-mega-topbar-mobile__icon-button:has(.mg-icon-angle-circled-left){background:hsla(0,0%,100%,.8);box-shadow:0 0 4px rgba(0,0,0,.2);color:rgb(var(--mg-color-interactive-active))}.mg-mega-mobile-sidebar{background-color:rgb(var(--mg-color-interactive));box-shadow:0 5px 8px -4px rgba(0,0,0,.25);display:block;height:80vh;inset-inline-start:0;max-height:80vh;overflow:auto;position:absolute;top:0;transform:translateY(-100vh);transition:transform var(--mg-motion-duration-medium) var(--mg-motion-easing-standard);width:100%;z-index:calc(var(--mg-z-index-nav) - 1)}.mg-mega-mobile-sidebar.mg-mega-mobile-sidebar--open{transform:translateY(calc(3.125rem - 2px))}@media screen and (min-width:900px){.mg-mega-mobile-sidebar{display:none}}.mg-mega-mobile-sidebar-overlay{background:rgba(0,0,0,.4);border:none;cursor:pointer;display:block;inset:0;padding:0;position:fixed;z-index:calc(var(--mg-z-index-nav) - 1)}@media screen and (min-width:900px){.mg-mega-mobile-sidebar-overlay{display:none}}[dir=rtl] .mg-mega-topbar--branded .mg-mega-topbar-mobile__icon-button{box-shadow:3px 0 6px -2px rgba(0,0,0,.15)}[dir=rtl] .mg-mega-topbar--branded .mg-mega-topbar-mobile__icon-button:has(.mg-icon-angle-circled-left){box-shadow:3px 0 6px -2px rgba(0,0,0,.15)}.mg-mega-mobile-sidebar--progressive{height:auto;inset:0 0 auto;position:fixed;width:100%;--mg-mega-mobile-viewport:90vh;max-height:min(700px,var(--mg-mega-mobile-viewport));min-height:min(400px,var(--mg-mega-mobile-viewport))
|
|
1015
1015
|
/* stylelint-disable unit-allowed-list -- dynamic viewport leaves a dismiss area above browser chrome */}@supports (height:100dvh){.mg-mega-mobile-sidebar--progressive{--mg-mega-mobile-viewport:90dvh}}.mg-mega-mobile-sidebar--progressive{
|
|
1016
|
-
/* stylelint-enable unit-allowed-list */background:rgb(var(--mg-color-neutral-0));color:rgb(var(--mg-color-text));opacity:0;overscroll-behavior:contain;pointer-events:none;transform:translateX(var(--mg-mega-enter-offset,8px));transition:opacity var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),transform var(--mg-motion-duration-fast) var(--mg-motion-easing-standard);z-index:var(--mg-z-index-modal)}.mg-mega-mobile-sidebar--progressive[hidden]{display:none}.mg-mega-mobile-sidebar--progressive.mg-mega-mobile-sidebar--open{opacity:1;pointer-events:auto;transform:translateX(0)}@starting-style{.mg-mega-mobile-sidebar--progressive.mg-mega-mobile-sidebar--open{opacity:0;transform:translateX(var(--mg-mega-enter-offset,8px))}}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__header{align-items:center;background:rgb(var(--mg-color-neutral-0));box-shadow:0 1px 0 rgb(var(--mg-color-neutral-600)/.2);display:flex;gap:var(--mg-spacing-100);justify-content:space-between;padding:var(--mg-spacing-100) var(--mg-spacing-200);padding-top:max(var(--mg-spacing-100),env(safe-area-inset-top));position:sticky;top:0;z-index:1}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__page>.mg-mega-mobile-sidebar__back{margin-block:calc(var(--mg-spacing-100)*-1) var(--mg-spacing-150);margin-inline-start:calc(var(--mg-spacing-50)*-1)}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__back,.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__close{align-items:center;background:transparent;border:0;color:rgb(var(--mg-color-interactive));cursor:pointer;display:flex;font-family:var(--mg-font-family-text);gap:var(--mg-spacing-100);min-height:2.75rem;padding:var(--mg-spacing-50);text-align:start}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__close{flex-shrink:0;margin-inline-start:auto}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__page{animation:mg-mega-progressive-enter var(--mg-motion-duration-fast) var(--mg-motion-easing-standard);padding:var(--mg-spacing-250);padding-bottom:max(var(--mg-spacing-300),env(safe-area-inset-bottom))}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__title{font-family:var(--mg-font-family-ui);font-size:var(--mg-font-size-500);font-weight:700;line-height:1.25;margin:0 0 var(--mg-spacing-150);overflow-wrap:anywhere;text-wrap:balance}.mg-mega-mobile-sidebar--progressive .mg-mega-sidebar__list{background:transparent;margin-block:var(--mg-spacing-150);margin-inline:calc(var(--mg-spacing-100)*-1);padding:0;width:auto;--mg-list-item-indent-rtl:0;list-style:none;list-style-type:""}.mg-mega-mobile-sidebar--progressive .mg-mega-sidebar-section{margin:0;padding:0}.mg-mega-mobile-sidebar--progressive .mg-mega-sidebar-section__item{background:transparent;border:0;border-radius:var(--mg-spacing-50);color:rgb(var(--mg-color-interactive));font-family:var(--mg-font-family-ui);font-size:var(--mg-font-size-400);font-weight:600;gap:var(--mg-spacing-150);line-height:1.35;min-height:3.25rem;overflow-wrap:anywhere;padding:var(--mg-spacing-150) var(--mg-spacing-100);text-align:start;text-decoration:none}.mg-mega-mobile-sidebar--progressive .mg-mega-sidebar-section__item:hover{background:rgb(var(--mg-color-interactive)/.08)}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__page--section .mg-mega-sidebar-section__item{font-family:var(--mg-font-family-text);font-size:var(--mg-font-size-300);font-weight:400;line-height:1.5;min-height:2.75rem;padding-block:var(--mg-spacing-100)}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__title-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__overview{align-items:center;color:rgb(var(--mg-color-interactive));display:inline-flex;min-height:2.75rem;text-decoration:underline}.mg-mega-mobile-sidebar--progressive .mg-mega-sidebar__list+.mg-mega-mobile-sidebar__intro{margin-top:var(--mg-spacing-250)}.mg-mega-mobile-sidebar--progressive a:focus-visible,.mg-mega-mobile-sidebar--progressive button:focus-visible,.mg-mega-mobile-sidebar--progressive h2:focus-visible,.mg-mega-mobile-sidebar--progressive summary:focus-visible{box-shadow:inset 0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0)),inset 0 0 0 calc(var(--mg-focus-ring-offset) + var(--mg-focus-ring-width)) rgb(var(--mg-color-focus-ring));outline:0}@media (forced-colors:active){.mg-mega-mobile-sidebar--progressive a:focus-visible,.mg-mega-mobile-sidebar--progressive button:focus-visible,.mg-mega-mobile-sidebar--progressive h2:focus-visible,.mg-mega-mobile-sidebar--progressive summary:focus-visible{outline:var(--mg-focus-ring-width) solid Highlight;outline-offset:calc(var(--mg-focus-ring-width)*-1)}}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__arrow,.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__chevron{flex-shrink:0}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__arrow:dir(rtl),.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__chevron:dir(rtl){transform:scaleX(-1)}@keyframes mg-mega-progressive-enter{0%{opacity:0;translate:var(--mg-mega-enter-offset,8px) 0}to{opacity:1;translate:0 0}}.mg-mega-mobile-sidebar--progressive:dir(rtl){--mg-mega-enter-offset:-8px}@media (prefers-reduced-motion:reduce){.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__page{animation:none}}.mg-mega-topbar__mobile-trigger{--mg-list-item-indent-rtl:0;list-style:none;list-style-type:"";margin:0;padding:0}@media screen and (min-width:900px){.mg-mega-topbar__mobile-trigger{display:none}}.mg-mega-wrapper--mobile-open{z-index:var(--mg-z-index-modal)}.mg-mega-mobile-sidebar-overlay{background:rgb(var(--mg-color-black)/.16);opacity:0;pointer-events:none;transition:opacity var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}.mg-mega-mobile-sidebar-overlay--open{opacity:1;pointer-events:auto}@starting-style{.mg-mega-mobile-sidebar-overlay--open{opacity:0}}@supports (backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px)){.mg-mega-mobile-sidebar--progressive{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgb(var(--mg-color-neutral-0)/.94)}}@media (forced-colors:active),(prefers-contrast:more),(prefers-reduced-motion:reduce),(prefers-reduced-transparency:reduce){.mg-mega-mobile-sidebar--progressive{animation:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgb(var(--mg-color-neutral-0));transition:none}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__page,.mg-mega-mobile-sidebar--progressive.mg-mega-mobile-sidebar--open{animation:none}.mg-mega-mobile-sidebar-overlay{animation:none;transition:none}.mg-mega-content__section-list-item .mg-mega-content__section-list-link,.mg-mega-content__section-list-item .mg-mega-content__section-list-link:after,.mg-mega-mobile-sidebar,.mg-mega-sidebar,.mg-mega-sidebar-section__item .mg-icon-angle-circled-left,.mg-mega-sidebar-section__item[aria-expanded=true] .mg-icon-angle-circled-left,.mg-mega-topbar__item .mg-mega-content,.mg-mega-topbar__item--active .mg-mega-content{transition:none}}@media screen and (max-width:900px){.mg-mega-topbar:not(.mg-mega-topbar--branded,:has(.mg-mega-topbar-mobile__icon-button)){overflow-x:auto;overscroll-behavior-inline:contain;padding-inline:0;scrollbar-width:thin}.mg-mega-topbar:not(.mg-mega-topbar--branded,:has(.mg-mega-topbar-mobile__icon-button))>.mg-mega-topbar__item{flex:0 0 auto}.mg-mega-topbar:not(.mg-mega-topbar--branded,:has(.mg-mega-topbar-mobile__icon-button)) .mg-mega-topbar__item-link:focus-visible{box-shadow:inset 0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0)),inset 0 0 0 calc(var(--mg-focus-ring-offset) + var(--mg-focus-ring-width)) rgb(var(--mg-color-focus-ring));outline:0}}@media screen and (max-width:900px) and (forced-colors:active){.mg-mega-topbar:not(.mg-mega-topbar--branded,:has(.mg-mega-topbar-mobile__icon-button)) .mg-mega-topbar__item-link:focus-visible{outline:var(--mg-focus-ring-width) solid Highlight;outline-offset:calc(var(--mg-focus-ring-width)*-1)}}
|
|
1016
|
+
/* stylelint-enable unit-allowed-list */background:rgb(var(--mg-color-neutral-0));color:rgb(var(--mg-color-text));opacity:0;overscroll-behavior:contain;pointer-events:none;transform:translateX(var(--mg-mega-enter-offset,8px));transition:opacity var(--mg-motion-duration-fast) var(--mg-motion-easing-standard),transform var(--mg-motion-duration-fast) var(--mg-motion-easing-standard);z-index:var(--mg-z-index-modal)}.mg-mega-mobile-sidebar--progressive[hidden]{display:none}.mg-mega-mobile-sidebar--progressive.mg-mega-mobile-sidebar--open{opacity:1;pointer-events:auto;transform:translateX(0)}@starting-style{.mg-mega-mobile-sidebar--progressive.mg-mega-mobile-sidebar--open{opacity:0;transform:translateX(var(--mg-mega-enter-offset,8px))}}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__header{align-items:center;background:rgb(var(--mg-color-neutral-0));box-shadow:0 1px 0 rgb(var(--mg-color-neutral-600)/.2);display:flex;gap:var(--mg-spacing-100);justify-content:space-between;padding:var(--mg-spacing-100) var(--mg-spacing-200);padding-top:max(var(--mg-spacing-100),env(safe-area-inset-top));position:sticky;top:0;z-index:1}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__page>.mg-mega-mobile-sidebar__back{margin-block:calc(var(--mg-spacing-100)*-1) var(--mg-spacing-150);margin-inline-start:calc(var(--mg-spacing-50)*-1)}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__back,.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__close{align-items:center;background:transparent;border:0;color:rgb(var(--mg-color-interactive));cursor:pointer;display:flex;font-family:var(--mg-font-family-text);gap:var(--mg-spacing-100);min-height:2.75rem;padding:var(--mg-spacing-50);text-align:start}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__close{flex-shrink:0;margin-inline-start:auto}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__page{animation:mg-mega-progressive-enter var(--mg-motion-duration-fast) var(--mg-motion-easing-standard);padding:var(--mg-spacing-250);padding-bottom:max(var(--mg-spacing-300),env(safe-area-inset-bottom))}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__title{font-family:var(--mg-font-family-ui);font-size:var(--mg-font-size-500);font-weight:700;line-height:1.25;margin:0 0 var(--mg-spacing-150);overflow-wrap:anywhere;text-wrap:balance}.mg-mega-mobile-sidebar--progressive .mg-mega-sidebar__list{background:transparent;margin-block:var(--mg-spacing-150);margin-inline:calc(var(--mg-spacing-100)*-1);padding:0;width:auto;--mg-list-item-indent-rtl:0;list-style:none;list-style-type:""}.mg-mega-mobile-sidebar--progressive .mg-mega-sidebar-section{margin:0;padding:0}.mg-mega-mobile-sidebar--progressive .mg-mega-sidebar-section__item{background:transparent;border:0;border-radius:var(--mg-spacing-50);color:rgb(var(--mg-color-interactive));font-family:var(--mg-font-family-ui);font-size:var(--mg-font-size-400);font-weight:600;gap:var(--mg-spacing-150);line-height:1.35;min-height:3.25rem;overflow-wrap:anywhere;padding:var(--mg-spacing-150) var(--mg-spacing-100);text-align:start;text-decoration:none}.mg-mega-mobile-sidebar--progressive .mg-mega-sidebar-section__item:hover{background:rgb(var(--mg-color-interactive)/.08)}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__page--section .mg-mega-sidebar-section__item{font-family:var(--mg-font-family-text);font-size:var(--mg-font-size-300);font-weight:400;line-height:1.5;min-height:2.75rem;padding-block:var(--mg-spacing-100)}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__title-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__overview{align-items:center;color:rgb(var(--mg-color-interactive));display:inline-flex;min-height:2.75rem;text-decoration:underline}.mg-mega-mobile-sidebar--progressive .mg-mega-sidebar__list+.mg-mega-mobile-sidebar__intro{margin-top:var(--mg-spacing-250)}.mg-mega-mobile-sidebar--progressive a:focus-visible,.mg-mega-mobile-sidebar--progressive button:focus-visible,.mg-mega-mobile-sidebar--progressive h2:focus-visible,.mg-mega-mobile-sidebar--progressive summary:focus-visible{box-shadow:inset 0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0)),inset 0 0 0 calc(var(--mg-focus-ring-offset) + var(--mg-focus-ring-width)) rgb(var(--mg-color-focus-ring));outline:0}@media (forced-colors:active){.mg-mega-mobile-sidebar--progressive a:focus-visible,.mg-mega-mobile-sidebar--progressive button:focus-visible,.mg-mega-mobile-sidebar--progressive h2:focus-visible,.mg-mega-mobile-sidebar--progressive summary:focus-visible{outline:var(--mg-focus-ring-width) solid Highlight;outline-offset:calc(var(--mg-focus-ring-width)*-1)}}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__arrow,.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__chevron{flex-shrink:0}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__arrow:dir(rtl),.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__chevron:dir(rtl){transform:scaleX(-1)}@keyframes mg-mega-progressive-enter{0%{opacity:0;translate:var(--mg-mega-enter-offset,8px) 0}to{opacity:1;translate:0 0}}.mg-mega-mobile-sidebar--progressive:dir(rtl){--mg-mega-enter-offset:-8px}@media (prefers-reduced-motion:reduce){.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__page{animation:none}}.mg-mega-topbar__mobile-trigger{--mg-list-item-indent-rtl:0;list-style:none;list-style-type:"";margin:0;padding:0}@media screen and (min-width:900px){.mg-mega-topbar__mobile-trigger{display:none}}.mg-mega-wrapper--mobile-open{z-index:var(--mg-z-index-modal)}.mg-mega-mobile-sidebar-overlay{background:rgb(var(--mg-color-black)/.16);opacity:0;pointer-events:none;transition:opacity var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}.mg-mega-mobile-sidebar-overlay--open{opacity:1;pointer-events:auto}@starting-style{.mg-mega-mobile-sidebar-overlay--open{opacity:0}}@supports (backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px)){.mg-mega-mobile-sidebar--progressive{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgb(var(--mg-color-neutral-0)/.94)}}@media (forced-colors:active),(prefers-contrast:more),(prefers-reduced-motion:reduce),(prefers-reduced-transparency:reduce){.mg-mega-mobile-sidebar--progressive{animation:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgb(var(--mg-color-neutral-0));transition:none}.mg-mega-mobile-sidebar--progressive .mg-mega-mobile-sidebar__page,.mg-mega-mobile-sidebar--progressive.mg-mega-mobile-sidebar--open{animation:none}.mg-mega-mobile-sidebar-overlay{animation:none;transition:none}.mg-mega-content__section-list-item .mg-mega-content__section-list-link,.mg-mega-content__section-list-item .mg-mega-content__section-list-link:after,.mg-mega-mobile-sidebar,.mg-mega-sidebar,.mg-mega-sidebar-section__item .mg-icon-angle-circled-left,.mg-mega-sidebar-section__item[aria-expanded=true] .mg-icon-angle-circled-left,.mg-mega-topbar__item .mg-mega-content,.mg-mega-topbar__item--active .mg-mega-content{transition:none}}@media screen and (width < 900px){.mg-mega-topbar:not(.mg-mega-topbar--branded,:has(.mg-mega-topbar-mobile__icon-button)){overflow-x:auto;overscroll-behavior-inline:contain;padding-inline:0;scrollbar-width:thin}.mg-mega-topbar:not(.mg-mega-topbar--branded,:has(.mg-mega-topbar-mobile__icon-button))>.mg-mega-topbar__item{flex:0 0 auto}.mg-mega-topbar:not(.mg-mega-topbar--branded,:has(.mg-mega-topbar-mobile__icon-button)) .mg-mega-topbar__item-link:focus-visible{box-shadow:inset 0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0)),inset 0 0 0 calc(var(--mg-focus-ring-offset) + var(--mg-focus-ring-width)) rgb(var(--mg-color-focus-ring));outline:0}}@media screen and (width < 900px) and (forced-colors:active){.mg-mega-topbar:not(.mg-mega-topbar--branded,:has(.mg-mega-topbar-mobile__icon-button)) .mg-mega-topbar__item-link:focus-visible{outline:var(--mg-focus-ring-width) solid Highlight;outline-offset:calc(var(--mg-focus-ring-width)*-1)}}:where(.mg-mega-wrapper){--mg-mega-filter-font-size:var(--mg-font-size-300);--mg-mega-filter-meta-font-size:var(--mg-font-size-250)}.mg-mega-mobile-sidebar__filter-container{background:rgb(var(--mg-color-white));border-bottom:1px solid rgb(var(--mg-color-neutral-200));flex-shrink:0;padding:var(--mg-spacing-100) var(--mg-spacing-150)}.mg-mega-filter{align-items:center;background:rgb(var(--mg-color-white));border:1px solid rgb(var(--mg-color-neutral-300));border-radius:var(--mg-radius-form-input);display:flex;position:relative;width:100%}.mg-mega-filter:focus-within{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-mega-filter__icon{color:rgb(var(--mg-color-neutral-600));font-size:var(--mg-font-size-300);inset-inline-start:var(--mg-spacing-100);pointer-events:none;position:absolute}.mg-mega-filter__input{background:transparent;border:none;color:rgb(var(--mg-color-neutral-900));font-family:var(--mg-font-family-text);font-size:var(--mg-mega-filter-font-size);height:2.75rem;min-width:0;padding:var(--mg-spacing-50) 2.75rem;width:100%}.mg-mega-filter__input::placeholder{color:rgb(var(--mg-color-neutral-600))}.mg-mega-filter__input:focus{outline:none}.mg-mega-filter__input::-webkit-search-cancel-button,.mg-mega-filter__input::-webkit-search-decoration{appearance:none}.mg-mega-filter__clear{align-items:center;background:transparent;border:none;border-radius:var(--mg-radius-form-input);color:rgb(var(--mg-color-neutral-800));cursor:pointer;display:inline-flex;font-family:var(--mg-font-family-text);font-size:var(--mg-font-size-500);height:2.75rem;inset-inline-end:0;justify-content:center;padding:0;position:absolute;width:2.75rem}.mg-mega-filter__clear:focus-visible{box-shadow:inset 0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0)),inset 0 0 0 calc(var(--mg-focus-ring-offset) + var(--mg-focus-ring-width)) rgb(var(--mg-color-focus-ring));outline:0}@media (forced-colors:active){.mg-mega-filter__clear:focus-visible{outline:var(--mg-focus-ring-width) solid Highlight;outline-offset:calc(var(--mg-focus-ring-width)*-1)}}.mg-mega-filter__status{color:rgb(var(--mg-color-neutral-600));font-size:var(--mg-mega-filter-meta-font-size);font-variant-numeric:tabular-nums;margin-bottom:var(--mg-spacing-100)}.mg-mega-filter__highlight{background:rgb(var(--mg-color-neutral-50));color:inherit;font-size:inherit;font-weight:700;line-height:inherit;padding:0}.mg-mega-filter__empty-container{padding-block:var(--mg-spacing-100)}.mg-mega-filter__empty-search-btn,.mg-mega-filter__site-search-link{align-items:center;display:flex;font-size:var(--mg-mega-filter-font-size);gap:var(--mg-spacing-100);justify-content:space-between;line-height:inherit;max-inline-size:100%;min-height:2.75rem;overflow-wrap:anywhere;text-align:start;text-decoration:none;white-space:normal}.mg-mega-filter__empty-search-btn:hover,.mg-mega-filter__site-search-link:hover{text-decoration:none}.mg-mega-filter__fallback{border-top:1px solid rgb(var(--mg-color-neutral-200));margin-top:var(--mg-spacing-100);padding-top:var(--mg-spacing-100)}.mg-mega-filter__fallback-arrow{margin-inline-start:auto}.mg-mega-filter__fallback-arrow:dir(rtl){transform:scaleX(-1)}.mg-mega-filter__mobile-list{--mg-list-item-indent-rtl:0;list-style:none;list-style-type:"";margin:0;padding:0}.mg-mega-filter__mobile-item{border-bottom:1px solid rgb(var(--mg-color-neutral-200))}.mg-mega-filter__mobile-item:last-child{border-bottom:0}.mg-mega-filter__mobile-link{align-items:center;border-radius:var(--mg-radius-form-input);display:flex;font-family:var(--mg-font-family-ui);min-height:2.75rem;overflow-wrap:anywhere;padding:var(--mg-spacing-100);text-decoration:none;transition:none}.mg-mega-filter__mobile-link:focus-visible{box-shadow:inset 0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0)),inset 0 0 0 calc(var(--mg-focus-ring-offset) + var(--mg-focus-ring-width)) rgb(var(--mg-color-focus-ring));outline:0}@media (forced-colors:active){.mg-mega-filter__mobile-link:focus-visible{outline:var(--mg-focus-ring-width) solid Highlight;outline-offset:calc(var(--mg-focus-ring-width)*-1)}}@media (hover:hover){.mg-mega-filter__mobile-link:hover{background:rgb(var(--mg-color-interactive)/.06)}}.mg-mega-filter__trail{align-items:baseline;color:rgb(var(--mg-color-neutral-600));display:flex;flex:1;flex-wrap:wrap;font-size:var(--mg-mega-filter-meta-font-size);min-width:0;row-gap:var(--mg-spacing-25)}.mg-mega-filter__trail-step{display:inline;max-inline-size:100%;overflow-wrap:anywhere}.mg-mega-filter__trail-step+.mg-mega-filter__trail-step:before{block-size:.35em;border-block-start:.125em solid currentColor;border-inline-end:.125em solid currentColor;color:rgb(var(--mg-color-neutral-600));content:"";display:inline-block;inline-size:.35em;margin-inline:.65em .75em;transform:rotate(45deg);vertical-align:middle}.mg-mega-filter__trail-step:dir(rtl)+.mg-mega-filter__trail-step:before{transform:rotate(-45deg)}.mg-mega-filter__item-title{color:rgb(var(--mg-color-interactive));font-size:var(--mg-mega-filter-font-size);font-weight:600}.mg-mega-mobile-sidebar--progressive.mg-mega-mobile-sidebar--filtering{display:flex;flex-direction:column;overflow:hidden}.mg-mega-mobile-sidebar--progressive.mg-mega-mobile-sidebar--filtering .mg-mega-mobile-sidebar__header{flex-shrink:0}.mg-mega-mobile-sidebar__filter-results{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--mg-spacing-100) var(--mg-spacing-150)}.mg-mega-mobile-sidebar__filter-results .mg-mega-filter__site-search-link{width:100%}.mg-mega-content__left-contents{display:contents}.mg-mega-content--filterable>.mg-mega-content__left{display:flex;flex-direction:column;overflow:hidden}.mg-mega-content__left-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.mg-mega-content__finder-footer{border-top:1px solid rgb(var(--mg-color-neutral-200));flex-shrink:0;padding-block:var(--mg-spacing-100)}.mg-mega-menu-finder__action.mg-mega-content__finder-trigger{border-radius:0;justify-content:space-between;padding-inline:var(--mg-spacing-250);width:100%}@media (hover:hover){.mg-mega-menu-finder__action.mg-mega-content__finder-trigger:hover{background:rgb(var(--mg-color-interactive)/.15)}}.mg-mega-menu-finder__action.mg-mega-content__finder-trigger:focus-visible{background:rgb(var(--mg-color-interactive)/.15)}.mg-mega-menu-finder__action.mg-mega-content__finder-trigger>span{text-decoration:underline;text-underline-offset:.15em}.mg-mega-content__finder-shortcut{background:rgb(var(--mg-color-white));border:1px solid rgb(var(--mg-color-neutral-300));border-radius:var(--mg-spacing-25);color:rgb(var(--mg-color-neutral-600));font-size:var(--mg-mega-filter-meta-font-size);padding-inline:var(--mg-spacing-50)}.mg-mega-menu-finder{flex-direction:column;font-weight:400;margin-block:min(10vh,80px) auto;margin-inline:auto;max-block-size:min(75vh,600px);overflow:hidden}.mg-mega-menu-finder[open]{display:flex}.mg-mega-menu-finder__action{align-items:center;background:transparent;border:0;border-radius:var(--mg-radius-form-input);color:rgb(var(--mg-color-interactive));cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--mg-font-family-text);font-size:var(--mg-mega-filter-meta-font-size);font-weight:400;justify-content:center;min-height:2.75rem;min-inline-size:2.75rem;padding:0 var(--mg-spacing-50);text-decoration:none;transition:none}@media (hover:hover){.mg-mega-menu-finder__action:hover{background:rgb(var(--mg-color-neutral-100))}}.mg-mega-menu-finder__action:focus-visible{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-mega-menu-finder__header{border-bottom:1px solid rgb(var(--mg-color-neutral-200));flex-shrink:0;padding:var(--mg-spacing-100) var(--mg-spacing-250) var(--mg-spacing-150)}.mg-mega-menu-finder__header .mg-mega-filter{max-inline-size:30rem}.mg-mega-menu-finder__heading{align-items:center;display:flex;gap:var(--mg-spacing-100);justify-content:space-between}.mg-mega-menu-finder__label{color:rgb(var(--mg-color-neutral-800));font-family:var(--mg-font-family-ui);font-size:var(--mg-mega-filter-font-size)}.mg-mega-menu-finder__results{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--mg-spacing-100) var(--mg-spacing-250)}.mg-mega-menu-finder__footer{border-top:1px solid rgb(var(--mg-color-neutral-200));flex-shrink:0;padding:var(--mg-spacing-100) var(--mg-spacing-250)}.mg-mega-menu-finder__footer .mg-mega-filter__site-search-link{max-inline-size:100%;width:fit-content}.mg-dialog.mg-mega-menu-finder{margin-block:min(10vh,80px) auto;margin-inline:auto;max-block-size:min(75vh,600px);overflow:hidden}@media (hover:hover) and (prefers-reduced-motion:no-preference) and (forced-colors:none){.mg-mega-filter__mobile-link,.mg-mega-menu-finder__action{transition:background-color var(--mg-motion-duration-fast) var(--mg-motion-easing-standard)}.mg-mega-filter__mobile-link:focus-visible,.mg-mega-menu-finder__action:focus-visible{transition:none}}
|
|
1017
1017
|
/**
|
|
1018
1018
|
* Hub Header
|
|
1019
1019
|
*
|
|
@@ -1071,7 +1071,7 @@
|
|
|
1071
1071
|
/* Stats Card Component */.mg-stats-card{width:100%}
|
|
1072
1072
|
|
|
1073
1073
|
/* Individual Stat Item - extends mg-card base */.mg-stats-card-item{align-items:flex-start;background-color:rgb(var(--mg-color-white));border:1px solid rgb(var(--mg-color-neutral-200));display:flex;flex-direction:column;gap:var(--mg-spacing-100);overflow:hidden;padding:var(--mg-spacing-400);position:relative
|
|
1074
|
-
/* small design */}@media (width <= 47.9375em){.mg-stats-card-item{padding:var(--mg-spacing-300)}}.mg-stats-card-item__icon{color:rgb(var(--mg-color-interactive));font-size:var(--mg-font-size-600);line-height:1;margin-bottom:var(--mg-spacing-100)}.mg-stats-card-item__icon i{display:block}.mg-stats-card-item__label{color:rgb(var(--mg-color-tag));font-family:var(--mg-font-family-ui);font-size:var(--mg-font-size-200);font-weight:600;letter-spacing:.05em;line-height:1.2
|
|
1074
|
+
/* small design */}@media (width <= 47.9375em){.mg-stats-card-item{padding:var(--mg-spacing-300)}}.mg-stats-card-item__icon{color:rgb(var(--mg-color-interactive));font-size:var(--mg-font-size-600);line-height:1;margin-bottom:var(--mg-spacing-100)}.mg-stats-card-item__icon i{display:block}.mg-stats-card-item__label{color:rgb(var(--mg-color-tag));font-family:var(--mg-font-family-ui);font-size:var(--mg-font-size-200);font-weight:600;letter-spacing:.05em;line-height:1.2}.mg-stats-card-item__value{color:rgb(var(--mg-color-interactive));font-family:var(--mg-font-family-ui);font-size:var(--mg-font-size-900);font-variant-numeric:tabular-nums lining-nums;font-weight:700;line-height:1;margin:var(--mg-spacing-100) 0;overflow-wrap:break-word;text-decoration:none
|
|
1075
1075
|
/* medium design */}@media (width >= 48em){.mg-stats-card-item__value{font-size:var(--mg-font-size-800)}}.mg-stats-card-item__value{
|
|
1076
1076
|
/* small design */}@media (width <= 47.9375em){.mg-stats-card-item__value{font-size:var(--mg-font-size-600)}}.mg-stats-card-item a.mg-stats-card-item__value:after{content:"";inset:0;position:absolute;z-index:1}.mg-stats-card-item a.mg-stats-card-item__value:focus-visible{outline:none}.mg-stats-card-item a.mg-stats-card-item__value:focus-visible:after{box-shadow:0 0 0 var(--mg-focus-ring-offset) rgb(var(--mg-color-neutral-0));outline:var(--mg-focus-ring-width) solid rgb(var(--mg-color-focus-ring));outline-offset:var(--mg-focus-ring-offset)}.mg-stats-card-item__bottom-label{color:rgb(var(--mg-color-text));font-family:var(--mg-font-family-ui);font-size:var(--mg-font-size-500);font-weight:600;line-height:1.3;margin-bottom:var(--mg-spacing-50)
|
|
1077
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{
|
|
@@ -1225,7 +1225,8 @@
|
|
|
1225
1225
|
*
|
|
1226
1226
|
* Full documentation:
|
|
1227
1227
|
* https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Components/SyndicationSearchWidget/SyndicationSearchWidget.mdx
|
|
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}}
|
|
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)}.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)}@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}}.mg-search__scope-tabs{border:0;margin-block:0 var(--mg-spacing-100);margin-inline:0;min-inline-size:0;padding:0}.mg-search__scope-options{border-block-end:1px solid rgb(var(--mg-color-neutral-200));display:flex;flex-wrap:wrap;gap:var(--mg-spacing-25)}.mg-search__scope-option{cursor:pointer;margin:0;position:relative}.mg-search__scope-option input{block-size:1px;inline-size:1px;opacity:0;position:absolute}.mg-search__scope-option span{align-items:center;border-block-end:3px solid transparent;box-sizing:border-box;color:rgb(var(--mg-color-text));display:flex;font-family:var(--mg-font-family-ui);justify-content:center;min-block-size:2.75rem;min-inline-size:2.75rem;padding:var(--mg-spacing-75) var(--mg-spacing-100)}.mg-search__scope-option input:checked+span{border-block-end-color:rgb(var(--mg-color-interactive));font-weight:700}.mg-search__scope-option input:focus-visible+span{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-search__scope-option input:focus-visible+span{outline:var(--mg-focus-ring-width) solid Highlight;outline-offset:calc(var(--mg-focus-ring-width)*-1)}}.mg-search__scope-option input:disabled+span{color:rgb(var(--mg-color-neutral-600));cursor:not-allowed}@media (forced-colors:active){.mg-search__scope-option input:not(:checked)+span{border-block-end-color:Canvas}.mg-search__scope-option input:checked+span{border-block-end-color:Highlight}.mg-search__scope-option input:disabled+span{color:GrayText}}
|
|
1229
|
+
|
|
1229
1230
|
/**
|
|
1230
1231
|
* Error Pages
|
|
1231
1232
|
*
|
|
@@ -1360,4 +1361,9 @@
|
|
|
1360
1361
|
* https://github.com/unisdr/undrr-mangrove/blob/main/stories/Patterns/ContentCard/ContentCard.mdx
|
|
1361
1362
|
*/.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
1363
|
|
|
1364
|
+
/**
|
|
1365
|
+
* Dialog: native modal reading surface with an authored disclosure fallback.
|
|
1366
|
+
* https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Components/Dialog/Dialog.mdx
|
|
1367
|
+
*/.mg-dialog{background:rgb(var(--mg-color-white));border:1px solid rgb(var(--mg-color-neutral-500));border-radius:var(--mg-radius-button);box-sizing:border-box;color:rgb(var(--mg-color-text));font-family:var(--mg-font-family-text);inline-size:min(40rem,100% - var(--mg-spacing-400));max-block-size:calc(100% - var(--mg-spacing-400));overflow:auto;overscroll-behavior:contain;padding:0;position:fixed}.mg-dialog::backdrop{background:var(--mg-color-modal-scrim)}.mg-dialog__header{align-items:start;background:rgb(var(--mg-color-white));border-block-end:1px solid rgb(var(--mg-color-neutral-300));display:flex;flex-wrap:wrap;gap:var(--mg-spacing-200);inset-block-start:0;justify-content:space-between;padding:var(--mg-spacing-200);z-index:1}.mg-dialog--sticky-header .mg-dialog__header{position:sticky}.mg-dialog__title{flex:1 1 12rem;font-family:var(--mg-font-family-ui);font-size:var(--mg-font-size-400);margin:0;min-inline-size:0;overflow-wrap:anywhere}.mg-dialog__title: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-dialog__body{overflow-wrap:anywhere;padding:var(--mg-spacing-200)}.mg-dialog__close{flex:0 1 auto;margin-inline-start:auto;max-inline-size:100%;min-block-size:44px;min-inline-size:44px;overflow-wrap:anywhere}@media (forced-colors:active){.mg-dialog,.mg-dialog__header{border-color:CanvasText}}[data-mg-dialog-close][hidden],[data-mg-dialog-trigger][hidden]{display:none}
|
|
1368
|
+
|
|
1363
1369
|
/*# sourceMappingURL=style-preventionweb.css.map */
|