npm - @mond-design-system/react - Versions diffs - 6.2.0 → 6.2.1 - Mend

@mond-design-system/react 6.2.0 → 6.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.css CHANGED Viewed

@@ -2820,7 +2820,7 @@ th.mds-DataTable__actions {
   gap: var(--mds-gap-hairline);
 }
 .mds-ImageCarousel__thumb {
-  flex: 1 1 0;
+  flex: 0 1 var(--mds-carousel-thumb);
   min-width: 0;
   overflow: hidden;
   padding: 0;

package/dist/index.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Text/Text.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Heading/Heading.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Spinner/Spinner.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Icon/Icon.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Button/Button.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Link/Link.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Avatar/Avatar.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/AvatarGroup/AvatarGroup.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Badge/Badge.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Chip/Chip.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Chip/ChipGroup.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Chip/ChipBar.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/CountButton/CountButton.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Field/Field.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Select/Select.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/internal/Overlay.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Sheet/Sheet.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/DateTimePicker/DateTimePicker.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Tag/Tag.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Divider/Divider.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/VisuallyHidden/VisuallyHidden.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Skeleton/Skeleton.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/ProgressBar/ProgressBar.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Input/Input.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/PasswordInput/PasswordInput.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Textarea/Textarea.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Checkbox/Checkbox.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Radio/Radio.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Switch/Switch.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/SegmentedControl/SegmentedControl.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Scroller/Scroller.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/List/List.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/DataTable/DataTable.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/EmptyState/EmptyState.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Tabs/Tabs.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Toast/Toast.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Stack/Stack.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Inline/Inline.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Container/Container.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Card/Card.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Modal/Modal.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Popover/Popover.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Menu/Menu.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Tooltip/Tooltip.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/ConfirmDialog/ConfirmDialog.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Screen/Screen.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/AppBar/AppBar.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/TabBar/TabBar.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/SideNav/SideNav.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/MediaPlaceholder/MediaPlaceholder.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/ImageCarousel/ImageCarousel.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/UploadProgress/UploadProgress.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/FileDrop/FileDrop.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Lightbox/Lightbox.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/VideoPlayer/VideoPlayer.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Breadcrumb/Breadcrumb.module.css?mds-scoped"],"sourcesContent":[".mds-Text__text {\n margin: 0;\n}\n\n/* Type roles — the core shorthands. /\n.mds-Text__variant-body { font: var(--mds-type-body); }\n.mds-Text__variant-label { font: var(--mds-type-label); }\n.mds-Text__variant-note { font: var(--mds-type-note); }\n.mds-Text__variant-meta { font: var(--mds-type-meta); }\n.mds-Text__variant-eyebrow {\n font: var(--mds-type-eyebrow);\n letter-spacing: var(--mds-tracking-eyebrow);\n text-transform: uppercase;\n}\n\n/ Tones — semantic aliases only. /\n.mds-Text__tone-primary { color: var(--mds-text-primary); }\n.mds-Text__tone-secondary { color: var(--mds-text-secondary); }\n.mds-Text__tone-muted { color: var(--mds-text-muted); }\n.mds-Text__tone-inverse { color: var(--mds-text-inverse); }\n.mds-Text__tone-accent { color: var(--mds-text-accent); }\n.mds-Text__tone-on-media { color: var(--mds-text-on-media); }\n.mds-Text__tone-danger { color: var(--mds-status-danger); }\n.mds-Text__tone-warning { color: var(--mds-status-warning); }\n.mds-Text__tone-success { color: var(--mds-status-success); }\n\n.mds-Text__align-left { text-align: left; }\n.mds-Text__align-center { text-align: center; }\n.mds-Text__align-right { text-align: right; }\n\n.mds-Text__truncate {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n",".mds-Heading__heading {\n margin: 0;\n}\n\n.mds-Heading__variant-display {\n font: var(--mds-type-display);\n letter-spacing: var(--mds-tracking-display);\n}\n.mds-Heading__variant-title { font: var(--mds-type-title); }\n.mds-Heading__variant-subtitle { font: var(--mds-type-subtitle); }\n.mds-Heading__variant-label { font: var(--mds-type-label); }\n\n.mds-Heading__tone-primary { color: var(--mds-text-primary); }\n.mds-Heading__tone-secondary { color: var(--mds-text-secondary); }\n.mds-Heading__tone-inverse { color: var(--mds-text-inverse); }\n.mds-Heading__tone-accent { color: var(--mds-text-accent); }\n.mds-Heading__tone-on-media { color: var(--mds-text-on-media); }\n","@keyframes mds-Spinner__spin {\n to { transform: rotate(360deg); }\n}\n\n.mds-Spinner__spinner {\n display: inline-block;\n flex: none;\n width: var(--spinner-size);\n height: var(--spinner-size);\n border: var(--spinner-border) solid var(--mds-border-strong);\n border-top-color: currentcolor;\n border-radius: var(--mds-radius-pill);\n animation: mds-Spinner__spin 0.7s linear infinite;\n}\n",".mds-Icon__icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: none;\n color: inherit;\n}\n\n/ No step stated: the control around it published one as --mds-icon-slot, and\n md is what a glyph outside any slot is. font-size carries it to an icon set\n that sizes itself from the inside — a ligature font has no width to set. /\n.mds-Icon__size-slot {\n width: var(--mds-icon-slot, var(--mds-icon-md));\n height: var(--mds-icon-slot, var(--mds-icon-md));\n font-size: var(--mds-icon-slot, var(--mds-icon-md));\n}\n\n.mds-Icon__size-sm { width: var(--mds-icon-sm); height: var(--mds-icon-sm); font-size: var(--mds-icon-sm); }\n.mds-Icon__size-md { width: var(--mds-icon-md); height: var(--mds-icon-md); font-size: var(--mds-icon-md); }\n.mds-Icon__size-lg { width: var(--mds-icon-lg); height: var(--mds-icon-lg); font-size: var(--mds-icon-lg); }\n\n/ The glyph fills the slot this span already sizes. An icon set hands back an\n `<svg>` with no width of its own, and an svg with only a viewBox has no\n agreed size: Chrome invents one, WebKit gives it 0x0 and the mark vanishes.\n The control slots size their glyph with a child combinator — `.slot > svg` —\n which cannot reach through this span, so an Icon inside a Button, a Chip or a\n TabBar was the one glyph nothing sized. /\n.mds-Icon__icon > svg {\n width: 100%;\n height: 100%;\n}\n","/ A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-Button__button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--mds-gap-tight);\n / A button's outline is a drawn stroke, not a hairline — the same weight\n the accent border on a Card gets. Filled variants keep it transparent so\n a row of buttons is one height whether or not it is outlined. /\n border: var(--mds-border-emphasis) solid transparent;\n border-radius: var(--mds-radius-control);\n font-family: var(--mds-font-body);\n font-weight: var(--mds-weight-semibold);\n line-height: 1;\n white-space: nowrap;\n cursor: pointer;\n text-decoration: none;\n transition: background-color var(--mds-transition-control), color var(--mds-transition-control);\n}\n\n/ Sizes — height from the control scale, padding from the space scale, glyph\n from the icon scale. /\n.mds-Button__size-sm {\n height: var(--mds-control-h-sm);\n padding: 0 var(--mds-pad-button-sm);\n font-size: var(--mds-text-button-sm);\n --mds-icon-slot: var(--mds-icon-sm);\n}\n\n.mds-Button__size-md {\n height: var(--mds-control-h-md);\n padding: 0 var(--mds-pad-button-md);\n font-size: var(--mds-text-button-md);\n --mds-icon-slot: var(--mds-icon-md);\n}\n\n.mds-Button__size-lg {\n height: var(--mds-control-h-lg);\n padding: 0 var(--mds-pad-button-lg);\n font-size: var(--mds-text-button-lg);\n --mds-icon-slot: var(--mds-icon-lg);\n}\n\n/ How big the glyph is belongs to the button, not to whoever passed it. The\n spinner replaces the left glyph while busy, so it reads the same step and the\n button keeps its width across the change. An icon set that cannot be sized\n from the outside reads --mds-icon-slot for its own default. /\n.mds-Button__slot {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: var(--mds-icon-slot);\n height: var(--mds-icon-slot);\n font-size: var(--mds-icon-slot);\n}\n\n.mds-Button__slot > svg {\n width: 100%;\n height: 100%;\n}\n\n/ Variants /\n.mds-Button__variant-primary {\n background: var(--mds-action-bg);\n color: var(--mds-action-fg);\n}\n\n.mds-Button__variant-primary:hover:not(:disabled) { background: var(--mds-action-bg-hover); }\n.mds-Button__variant-primary:active:not(:disabled) { background: var(--mds-action-bg-active); }\n\n.mds-Button__variant-secondary {\n background: transparent;\n color: var(--mds-button-secondary-fg);\n border-color: var(--mds-button-border);\n}\n\n.mds-Button__variant-ghost {\n background: transparent;\n color: var(--mds-text-primary);\n}\n\n.mds-Button__variant-secondary:hover:not(:disabled),\n.mds-Button__variant-ghost:hover:not(:disabled) {\n background: var(--mds-surface-sunken);\n}\n\n.mds-Button__variant-highlight {\n background: var(--mds-highlight);\n color: var(--mds-highlight-contrast);\n}\n\n.mds-Button__variant-highlight:hover:not(:disabled) { background: var(--mds-highlight-hover); }\n\n.mds-Button__variant-danger {\n background: var(--mds-status-danger);\n color: var(--mds-status-danger-contrast);\n}\n\n.mds-Button__variant-danger:hover:not(:disabled) { filter: brightness(0.94); }\n\n.mds-Button__variant-warning {\n background: var(--mds-status-warning);\n color: var(--mds-status-warning-contrast);\n}\n.mds-Button__variant-warning:hover:not(:disabled) { filter: brightness(0.94); }\n\n/ Unavailable is a color, not a fade — opacity composites unpredictably.\n The attribute selector is the loading lock: the element stays enabled so\n keyboard focus survives, and this rule keeps it looking unavailable. /\n.mds-Button__button:disabled,\n.mds-Button__button[aria-disabled=\"true\"] {\n background: var(--mds-action-disabled-bg);\n color: var(--mds-action-disabled-fg);\n border-color: transparent;\n cursor: not-allowed;\n}\n\n/ One rule instead of touching every hover guard: no pointer feedback while\n the lock is on. Keyboard focus is unaffected. /\n.mds-Button__button[aria-disabled=\"true\"] {\n pointer-events: none;\n}\n\n.mds-Button__fullWidth {\n width: 100%;\n}\n\n/ Icon-only: circle, one glyph, width locked to the control height. The default\n size is the exception — --mds-icon-btn-size is the diameter of a round button\n as its own role, so a brand can keep a pressable circle in a header while its\n text controls get tighter. Both axes read it, or the circle is an ellipse. /\n.mds-Button__icon-only {\n padding: 0;\n border-radius: var(--mds-radius-pill);\n / The containing block for the 44px target: an icon-only button is the one\n button small in both directions, so it is the one that grows one. /\n position: relative;\n}\n\n.mds-Button__icon-only.mds-Button__size-sm { width: var(--mds-control-h-sm); }\n.mds-Button__icon-only.mds-Button__size-md {\n width: var(--mds-icon-btn-size);\n height: var(--mds-icon-btn-size);\n}\n.mds-Button__icon-only.mds-Button__size-lg { width: var(--mds-control-h-lg); }\n\n/ Standing on a picture. Qualified by variant on both sides: only the two\n see-through grounds are in danger of leaving dark text on a photograph, and\n the pairing is what keeps a filled button from losing its own colour here.\n The order of these rules against the variant rules above must not decide\n anything, hence two classes on every one of them. /\n.mds-Button__on-media.mds-Button__variant-ghost,\n.mds-Button__on-media.mds-Button__variant-secondary {\n color: var(--mds-text-on-media);\n}\n\n.mds-Button__on-media.mds-Button__variant-secondary {\n border-color: var(--mds-on-media-border);\n}\n\n.mds-Button__on-media.mds-Button__variant-ghost:hover:not(:disabled),\n.mds-Button__on-media.mds-Button__variant-secondary:hover:not(:disabled) {\n background: var(--mds-on-media-surface-hover);\n color: var(--mds-text-on-media);\n}\n\n.mds-Button__on-media.mds-Button__variant-secondary:hover:not(:disabled) {\n border-color: var(--mds-text-on-media);\n}\n\n.mds-Button__on-media.mds-Button__variant-ghost:active:not(:disabled),\n.mds-Button__on-media.mds-Button__variant-secondary:active:not(:disabled) {\n background: var(--mds-on-media-surface-active);\n}\n\n.mds-Button__on-media:focus-visible {\n outline-color: var(--mds-on-media-focus-ring);\n}\n\n/ The page's disabled grey is a light-background colour: on a photograph it\n is either invisible or reads as available. /\n.mds-Button__on-media.mds-Button__variant-ghost:disabled,\n.mds-Button__on-media.mds-Button__variant-secondary:disabled {\n background: none;\n border-color: var(--mds-on-media-border);\n color: var(--mds-on-media-dim);\n}\n\n/ Shape, when the caller wants one the size does not imply. Qualified with\n `.button` so the answer does not depend on which rule above happens to be\n written last. /\n.mds-Button__button.mds-Button__shape-rect {\n border-radius: var(--mds-radius-control);\n}\n\n.mds-Button__button.mds-Button__shape-pill {\n border-radius: var(--mds-radius-pill);\n}\n",".mds-Link__link {\n color: var(--mds-text-accent);\n border-radius: var(--mds-radius-focus); / focus outline hugs the text /\n transition: color var(--mds-transition-control);\n}\n\n/ `as=\"button\"` renders a native button, which brings its own chrome — strip\n it so the control reads as link text. font: inherit also drops the UA's\n button font, so the size classes below still apply (they are declared\n later, and equal specificity lets order decide). /\nbutton.mds-Link__link {\n border: none;\n background: none;\n padding: 0;\n font: inherit;\n cursor: pointer;\n}\n\n.mds-Link__variant-inline {\n text-decoration: underline;\n text-underline-offset: 0.15em;\n}\n\n.mds-Link__variant-standalone {\n text-decoration: none;\n font-weight: var(--mds-weight-medium);\n}\n\n.mds-Link__link:hover {\n color: var(--mds-accent-hover);\n}\n\n/ Plain rides its context: same color and weight as the surrounding text,\n the hover underline is the only tell. Sits after .link:hover — equal\n specificity, so order decides who wins the hover color. /\n.mds-Link__variant-plain {\n color: inherit;\n font-weight: inherit;\n text-decoration: none;\n}\n\n.mds-Link__variant-plain:hover {\n color: inherit;\n text-decoration: underline;\n text-underline-offset: 0.15em;\n}\n\n/ Link's `size` prop is documented as a step on the core text scale, so these\n read the step directly: the consumer chose it rather than the component\n choosing on their behalf. The one place in the system that does, and only\n for the type scale. /\n.mds-Link__size-xs { font-size: var(--mds-text-xs); }\n.mds-Link__size-sm { font-size: var(--mds-text-sm); }\n.mds-Link__size-base { font-size: var(--mds-text-base); }\n.mds-Link__size-lg { font-size: var(--mds-text-lg); }\n.mds-Link__size-xl { font-size: var(--mds-text-xl); }\n\n/ In the accessible name, not in the layout: the standard clip pattern.\n display: inline keeps it in the name computation everywhere. /\n.mds-Link__hiddenNote {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n}\n",".mds-Avatar__avatar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: none;\n overflow: hidden;\n border-radius: var(--mds-radius-avatar);\n background: var(--mds-surface-sunken);\n color: var(--mds-text-secondary);\n / Initials are display type, not body copy — a brand with a distinct\n display face wants to see it here, at the size the circle allows. /\n font-family: var(--mds-font-display);\n font-weight: var(--mds-weight-medium);\n user-select: none;\n}\n\n.mds-Avatar__size-xs { width: var(--mds-avatar-xs); height: var(--mds-avatar-xs); font-size: var(--mds-avatar-text-xs); }\n.mds-Avatar__size-sm { width: var(--mds-avatar-sm); height: var(--mds-avatar-sm); font-size: var(--mds-avatar-text-sm); }\n.mds-Avatar__size-md { width: var(--mds-avatar-md); height: var(--mds-avatar-md); font-size: var(--mds-avatar-text-md); }\n.mds-Avatar__size-lg { width: var(--mds-avatar-lg); height: var(--mds-avatar-lg); font-size: var(--mds-avatar-text-lg); }\n.mds-Avatar__size-xl { width: var(--mds-avatar-xl); height: var(--mds-avatar-xl); font-size: var(--mds-avatar-text-xl); }\n\n/ Identity tints — initials stay --mds-text-primary on every tone; the\n contrast gate holds each pairing in both themes. /\n.mds-Avatar__tone-1 { background: var(--mds-avatar-tone-1); color: var(--mds-text-primary); }\n.mds-Avatar__tone-2 { background: var(--mds-avatar-tone-2); color: var(--mds-text-primary); }\n.mds-Avatar__tone-3 { background: var(--mds-avatar-tone-3); color: var(--mds-text-primary); }\n.mds-Avatar__tone-4 { background: var(--mds-avatar-tone-4); color: var(--mds-text-primary); }\n.mds-Avatar__tone-5 { background: var(--mds-avatar-tone-5); color: var(--mds-text-primary); }\n\n.mds-Avatar__image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.mds-Avatar__initials {\n line-height: 1;\n}\n",".mds-AvatarGroup__group {\n display: inline-flex;\n align-items: center;\n}\n\n/ Overlap by a tight step; ring separates neighbours. /\n.mds-AvatarGroup__item {\n display: inline-flex;\n border-radius: var(--mds-radius-avatar);\n box-shadow: 0 0 0 var(--mds-focus-width) var(--mds-surface-card);\n}\n\n.mds-AvatarGroup__item + .mds-AvatarGroup__item {\n margin-left: calc(-1 var(--mds-avatar-overlap));\n}\n\n.mds-AvatarGroup__overflow {\n align-items: center;\n justify-content: center;\n flex: none;\n background: var(--mds-surface-sunken);\n color: var(--mds-text-secondary);\n font-family: var(--mds-font-body);\n font-weight: var(--mds-weight-semibold);\n user-select: none;\n}\n\n/* One rule per AvatarSize step. Only the overflow chip carries these — the\n avatars inside .item size themselves — so the type here is the count, a\n notch under the initials ratio because it is two or three characters. /\n.mds-AvatarGroup__size-xs { width: var(--mds-avatar-xs); height: var(--mds-avatar-xs); font-size: calc(var(--mds-avatar-xs) var(--mds-avatar-count-ratio)); }\n.mds-AvatarGroup__size-sm { width: var(--mds-avatar-sm); height: var(--mds-avatar-sm); font-size: calc(var(--mds-avatar-sm) * var(--mds-avatar-count-ratio)); }\n.mds-AvatarGroup__size-md { width: var(--mds-avatar-md); height: var(--mds-avatar-md); font-size: calc(var(--mds-avatar-md) * var(--mds-avatar-count-ratio)); }\n.mds-AvatarGroup__size-lg { width: var(--mds-avatar-lg); height: var(--mds-avatar-lg); font-size: calc(var(--mds-avatar-lg) * var(--mds-avatar-count-ratio)); }\n.mds-AvatarGroup__size-xl { width: var(--mds-avatar-xl); height: var(--mds-avatar-xl); font-size: calc(var(--mds-avatar-xl) * var(--mds-avatar-count-ratio)); }\n",".mds-Badge__badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0 var(--mds-pad-badge-x);\n min-width: var(--mds-badge-size);\n height: var(--mds-badge-size);\n border-radius: var(--mds-radius-pill);\n font: var(--mds-type-meta);\n font-weight: var(--mds-weight-semibold);\n white-space: nowrap;\n}\n\n.mds-Badge__tone-neutral {\n background: var(--mds-surface-sunken);\n color: var(--mds-text-primary);\n}\n\n.mds-Badge__tone-accent {\n background: var(--mds-accent-soft);\n color: var(--mds-text-primary);\n}\n\n/* The promoted marker — full highlight fill where the other tones stay soft. /\n.mds-Badge__tone-highlight {\n background: var(--mds-highlight);\n color: var(--mds-highlight-contrast);\n}\n\n.mds-Badge__tone-danger {\n background: var(--mds-status-danger-soft);\n color: var(--mds-text-primary);\n}\n\n.mds-Badge__tone-warning {\n background: var(--mds-status-warning-soft);\n color: var(--mds-text-primary);\n}\n\n.mds-Badge__tone-success {\n background: var(--mds-status-success-soft);\n color: var(--mds-text-primary);\n}\n",".mds-Chip__chip {\n display: inline-flex;\n align-items: center;\n gap: var(--mds-gap-hairline);\n padding: var(--mds-pad-pill-y) var(--mds-pad-pill-x);\n border-radius: var(--mds-radius-chip);\n font: var(--mds-type-pill);\n white-space: nowrap;\n cursor: default;\n transition: var(--mds-transition-control);\n}\n\n/ A chip's glyph is the size of its label. The pill is barely taller than its\n type, so a step off the icon scale does not fit inside one, and the glyph\n the caller passed would otherwise set the chip's height. /\n.mds-Chip__icon {\n --mds-icon-slot: 1em;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: var(--mds-icon-slot);\n height: var(--mds-icon-slot);\n font-size: var(--mds-icon-slot);\n}\n\n.mds-Chip__icon > svg {\n width: 100%;\n height: 100%;\n}\n\n/ Unselected skins. /\n.mds-Chip__variant-soft {\n background: var(--mds-accent-soft);\n border: var(--mds-border-width) solid transparent;\n color: var(--mds-text-accent);\n}\n\n.mds-Chip__variant-outline {\n background: transparent;\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n color: var(--mds-text-secondary);\n}\n\n/ The promoted pill — full highlight fill where soft/outline stay quiet. /\n.mds-Chip__variant-highlight {\n background: var(--mds-highlight);\n border: var(--mds-border-width) solid transparent;\n color: var(--mds-highlight-contrast);\n}\n\n/ After the variants, so a selected chip wins whichever it was built from. /\n.mds-Chip__selected {\n background: var(--mds-accent);\n border-color: transparent;\n color: var(--mds-accent-contrast);\n}\n\n/ Only the button branch gets pointer + hover feedback; a selected chip is\n already at full accent and would only muddy under a filter. /\n.mds-Chip__interactive {\n cursor: pointer;\n}\n\n.mds-Chip__interactive:not(.mds-Chip__selected):hover {\n filter: brightness(0.97);\n}\n\n.mds-Chip__disabled {\n opacity: 0.5;\n}\n",".mds-ChipGroup__group {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n\n.mds-ChipGroup__gap-hairline {\n gap: var(--mds-gap-hairline);\n}\n\n.mds-ChipGroup__gap-tight {\n gap: var(--mds-gap-tight);\n}\n\n.mds-ChipGroup__gap-base {\n gap: var(--mds-gap);\n}\n",".mds-ChipBar__bar {\n display: flex;\n align-items: center;\n overflow-x: auto;\n overscroll-behavior-x: contain;\n scrollbar-width: none;\n min-width: 0;\n}\n\n.mds-ChipBar__gap-hairline {\n gap: var(--mds-gap-hairline);\n}\n\n.mds-ChipBar__gap-tight {\n gap: var(--mds-gap-tight);\n}\n\n.mds-ChipBar__gap-base {\n gap: var(--mds-gap);\n}\n\n/ Frames the strip so its overflow reads as a scroll area. /\n.mds-ChipBar__bordered {\n padding: var(--mds-pad-pill-y) var(--mds-pad-pill-x);\n border-radius: var(--mds-radius-pill);\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n background: var(--mds-surface-sunken);\n}\n\n/ Fade only the trailing edge; the leading chip stays fully legible at rest.\n `black` is a mask stop, not a colour — only its alpha is read, so it is\n theme-independent by definition and deliberately not a token. /\n.mds-ChipBar__fade {\n mask-image: linear-gradient(to right, black calc(100% - var(--mds-fade-w)), transparent);\n}\n\n/ Each child keeps its intrinsic width so the row never wraps. /\n.mds-ChipBar__item {\n flex: none;\n display: flex;\n}\n","/ A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-CountButton__button {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: var(--mds-gap-hairline);\n padding: var(--mds-pad-count-y) var(--mds-pad-count-x);\n margin: calc(-1 var(--mds-pad-count-y)) calc(-1 * var(--mds-pad-count-x));\n border: none;\n background: transparent;\n border-radius: var(--mds-radius-control);\n color: var(--mds-text-secondary);\n font: var(--mds-type-label);\n cursor: pointer;\n transition: var(--mds-transition-control);\n}\n\n.mds-CountButton__button:hover:not(:disabled) {\n background: var(--mds-surface-sunken);\n}\n\n.mds-CountButton__button:active:not(:disabled) {\n background: var(--mds-surface-selected);\n}\n\n/* The attribute selector is the loading lock: the element stays enabled so\n keyboard focus survives, and pointer-events covers the hover guards. /\n.mds-CountButton__button:disabled,\n.mds-CountButton__button[aria-disabled=\"true\"] {\n cursor: default;\n opacity: 0.6;\n}\n\n.mds-CountButton__button[aria-disabled=\"true\"] {\n pointer-events: none;\n}\n\n/ Active tint — the glyph inherits it via currentColor. /\n.mds-CountButton__tone-accent {\n color: var(--mds-accent);\n}\n\n.mds-CountButton__tone-danger {\n color: var(--mds-status-danger);\n}\n\n/ The glyph is the button's, not the caller's: a row of these sits on one\n baseline, and the spinner takes the glyph's place while the count is in\n flight, so both stand at the same step or the row reflows on a tap. /\n.mds-CountButton__glyph {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: none;\n --mds-icon-slot: var(--mds-icon-md);\n width: var(--mds-icon-slot);\n height: var(--mds-icon-slot);\n font-size: var(--mds-icon-slot);\n}\n\n.mds-CountButton__glyph > svg {\n width: 100%;\n height: 100%;\n}\n",".mds-Field__field {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-hairline);\n}\n\n.mds-Field__label {\n font: var(--mds-type-label);\n color: var(--mds-text-primary);\n}\n\n.mds-Field__required {\n color: var(--mds-status-danger);\n margin-left: var(--mds-gap-hairline);\n}\n\n.mds-Field__message {\n font: var(--mds-type-note);\n color: var(--mds-text-secondary);\n}\n\n.mds-Field__error {\n color: var(--mds-status-danger);\n}\n",".mds-Select__wrap {\n position: relative;\n display: inline-flex;\n width: 100%;\n}\n\n.mds-Select__select {\n appearance: none;\n width: 100%;\n border: var(--mds-border-width) solid var(--mds-control-border);\n border-radius: var(--mds-radius-control);\n background: var(--mds-surface-card);\n color: var(--mds-text-primary);\n font-family: var(--mds-font-body);\n cursor: pointer;\n transition: border-color var(--mds-transition-control);\n}\n\n.mds-Select__select:disabled {\n background: var(--mds-action-disabled-bg);\n color: var(--mds-action-disabled-fg);\n cursor: not-allowed;\n}\n\n.mds-Select__select[aria-invalid=\"true\"] {\n border-color: var(--mds-status-danger);\n}\n\n/ Room for the chevron. /\n.mds-Select__size-sm { height: var(--mds-control-h-sm); padding: 0 calc(var(--mds-pad-tight) + var(--mds-icon-sm) + var(--mds-gap-hairline)) 0 var(--mds-pad-control-sm); font-size: var(--mds-text-control-sm); }\n.mds-Select__size-md { height: var(--mds-control-h-md); padding: 0 calc(var(--mds-pad-tight) + var(--mds-icon-sm) + var(--mds-gap-tight)) 0 var(--mds-pad-control-md); font-size: var(--mds-text-control-md); }\n.mds-Select__size-lg { height: var(--mds-control-h-lg); padding: 0 calc(var(--mds-pad-tight) + var(--mds-icon-sm) + var(--mds-gap-tight)) 0 var(--mds-pad-control-lg); font-size: var(--mds-text-control-lg); }\n\n.mds-Select__chevron {\n position: absolute;\n right: var(--mds-pad-tight);\n top: 50%;\n transform: translateY(-50%);\n width: var(--mds-icon-sm);\n height: var(--mds-icon-sm);\n color: var(--mds-text-secondary);\n pointer-events: none;\n}\n",".mds-Overlay__scrim {\n position: fixed;\n inset: 0;\n / Height beats the bottom inset-0 implies. The keyboard shrinks the visual\n viewport without shrinking 100dvh; a host that mirrors\n visualViewport.height into --mds-vvh keeps sheet and modal above it. /\n height: var(--mds-vvh);\n display: flex;\n background: var(--mds-scrim);\n opacity: 0;\n transition: opacity var(--mds-dur-base) var(--mds-ease-standard);\n}\n\n.mds-Overlay__scrim[data-open] {\n opacity: 1;\n}\n\n.mds-Overlay__variant-modal {\n z-index: var(--mds-z-modal);\n align-items: center;\n justify-content: center;\n padding: var(--mds-pad-page-x);\n}\n\n.mds-Overlay__variant-sheet {\n z-index: var(--mds-z-sheet);\n align-items: flex-end;\n justify-content: center;\n}\n\n/ The picture is the dialog: the panel takes the whole scrim rather than\n sitting on it, and the scrim goes darker so a bright photograph is the only\n lit thing on the screen. /\n.mds-Overlay__variant-lightbox {\n z-index: var(--mds-z-modal);\n align-items: stretch;\n justify-content: stretch;\n background: var(--mds-scrim-strong);\n}\n",".mds-Sheet__panel {\n display: flex;\n flex-direction: column;\n width: 100%;\n / Portalled to <body>, so nothing in the app tree holds it to the app's own\n column — left at 100% it spans a desktop window while the app beside it is\n a phone-width frame. /\n max-width: var(--mds-frame-width);\n / Of the scrim, which already tracks the visual viewport (--mds-vvh). /\n max-height: 85%;\n / Portalled past the app chrome, so nothing else reserves the home-bar\n inset for it. /\n padding-bottom: var(--mds-safe-bottom);\n background: var(--mds-surface-raised);\n border-radius: var(--mds-radius-sheet) var(--mds-radius-sheet) 0 0;\n box-shadow: var(--mds-elevation-sheet);\n transform: translateY(100%);\n transition: var(--mds-transition-sheet);\n}\n\n.mds-Sheet__panel[data-open] {\n transform: none;\n}\n\n.mds-Sheet__header {\n display: flex;\n align-items: center;\n gap: var(--mds-gap);\n padding: var(--mds-pad-card) var(--mds-pad-card) 0;\n font: var(--mds-type-panel-title);\n color: var(--mds-text-primary);\n}\n\n.mds-Sheet__body {\n flex: 1;\n overflow-y: auto;\n overscroll-behavior-y: contain;\n padding: var(--mds-pad-card);\n}\n\n.mds-Sheet__footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: var(--mds-gap);\n padding: 0 var(--mds-pad-card) var(--mds-pad-card);\n}\n\n.mds-Sheet__headerTitle {\n flex: 1;\n min-width: 0;\n margin: 0;\n font: inherit;\n color: inherit;\n}\n\n.mds-Sheet__close {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: var(--mds-tap-min);\n height: var(--mds-tap-min);\n margin: calc((var(--mds-tap-min) - var(--mds-icon-lg)) / -2);\n margin-left: 0;\n border: none;\n border-radius: var(--mds-radius-pill);\n background: transparent;\n color: var(--mds-text-secondary);\n cursor: pointer;\n}\n\n.mds-Sheet__closeGlyph {\n width: var(--mds-icon-sm);\n height: var(--mds-icon-sm);\n}\n","/ Trigger — reads like an Input so it sits beside form fields. /\n.mds-DateTimePicker__trigger {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n width: 100%;\n height: var(--mds-control-h-md);\n padding: 0 var(--mds-pad-control-md);\n border: var(--mds-border-width) solid var(--mds-control-border);\n border-radius: var(--mds-radius-control);\n background: var(--mds-surface-card);\n color: var(--mds-text-muted);\n font: var(--mds-type-body);\n text-align: left;\n cursor: pointer;\n transition: var(--mds-transition-control);\n}\n\n.mds-DateTimePicker__trigger:disabled {\n cursor: default;\n opacity: 0.5;\n}\n\n/ Reads like an Input, so it flags like one too. /\n.mds-DateTimePicker__trigger[aria-invalid=\"true\"] {\n border-color: var(--mds-status-danger);\n}\n\n.mds-DateTimePicker__hasValue {\n color: var(--mds-text-primary);\n}\n\n.mds-DateTimePicker__triggerLabel {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.mds-DateTimePicker__glyph {\n flex: none;\n width: var(--mds-icon-sm);\n height: var(--mds-icon-sm);\n}\n\n.mds-DateTimePicker__timeRow {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n margin-bottom: var(--mds-stack-group);\n color: var(--mds-text-secondary);\n}\n\n.mds-DateTimePicker__grow {\n flex: 1;\n}\n\n.mds-DateTimePicker__meridiem {\n flex: none;\n}\n\n.mds-DateTimePicker__colon {\n color: var(--mds-text-muted);\n}\n\n.mds-DateTimePicker__calendarHeader {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: var(--mds-gap-tight);\n}\n\n.mds-DateTimePicker__monthLabel {\n font: var(--mds-type-subtitle);\n color: var(--mds-text-primary);\n}\n\n.mds-DateTimePicker__weekdays {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n margin-bottom: var(--mds-gap-hairline);\n}\n\n.mds-DateTimePicker__weekday {\n text-align: center;\n font: var(--mds-type-meta);\n color: var(--mds-text-muted);\n}\n\n/ Fixed 6-row height so the panel does not jump between 4/5/6-week months. /\n.mds-DateTimePicker__grid {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-auto-rows: var(--mds-tap-min);\n min-height: calc(6 var(--mds-tap-min));\n align-items: stretch;\n}\n\n/* Semantic row only — the cells stay direct grid items of .grid. /\n.mds-DateTimePicker__week {\n display: contents;\n}\n\n.mds-DateTimePicker__day {\n border: none;\n background: transparent;\n border-radius: var(--mds-radius-control);\n color: var(--mds-text-primary);\n font: var(--mds-type-body);\n cursor: pointer;\n transition: var(--mds-transition-control);\n}\n\n.mds-DateTimePicker__day:hover:not(:disabled) {\n background: var(--mds-surface-sunken);\n}\n\n.mds-DateTimePicker__day:disabled {\n color: var(--mds-text-muted);\n opacity: 0.5;\n cursor: default;\n}\n\n.mds-DateTimePicker__today {\n font-weight: var(--mds-weight-semibold);\n color: var(--mds-text-accent);\n}\n\n.mds-DateTimePicker__selected {\n background: var(--mds-accent);\n color: var(--mds-accent-contrast);\n}\n\n.mds-DateTimePicker__selected:hover:not(:disabled) {\n background: var(--mds-accent-hover);\n}\n\n/ Neighbour-month filler: keeps the week shape, draws no attention. /\n.mds-DateTimePicker__outside {\n visibility: hidden;\n}\n","/ A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-Tag__tag {\n display: inline-flex;\n align-items: center;\n gap: var(--mds-gap-hairline);\n padding: var(--mds-pad-tag-y) var(--mds-pad-tag-x);\n border-radius: var(--mds-radius-tag);\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n background: var(--mds-surface-card);\n color: var(--mds-text-secondary);\n font: var(--mds-type-pill);\n white-space: nowrap;\n}\n\n.mds-Tag__tone-accent {\n background: var(--mds-accent-soft);\n border-color: transparent;\n color: var(--mds-text-primary);\n}\n\n.mds-Tag__remove {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: none;\n padding: 0;\n margin-right: calc(-1 var(--mds-gap-hairline));\n width: var(--mds-icon-md);\n height: var(--mds-icon-md);\n border-radius: var(--mds-radius-pill);\n background: transparent;\n color: inherit;\n cursor: pointer;\n position: relative;\n}\n\n.mds-Tag__remove:hover {\n background: var(--mds-surface-sunken);\n}\n\n.mds-Tag__removeGlyph {\n width: var(--mds-icon-sm);\n height: var(--mds-icon-sm);\n}\n",".mds-Divider__divider {\n background: var(--mds-border-subtle);\n flex: none;\n}\n\n.mds-Divider__horizontal {\n height: var(--mds-border-width);\n width: 100%;\n}\n\n.mds-Divider__vertical {\n width: var(--mds-border-width);\n align-self: stretch;\n}\n","/* Clipped to a pixel rather than hidden: display:none and visibility:hidden\n both take the text out of the accessibility tree, which is the one thing this\n must not do. --mds-hidden-size is that pixel — a mechanism the manifest holds\n as a floor, not a size a brand may move. Absolute, with the pixel pulled back\n out by the margin, so the box takes no room in the layout; white-space:nowrap\n so a long string is not wrapped into it and read back one letter per line. /\n.mds-VisuallyHidden__hidden {\n / Blockified by the absolute position anyway; declared because the name a\n screen reader assembles depends on it, and an implicit computation is not\n what every reader of this box does. Inline, its word runs into the text\n beside it: \"UnreadMara replied\". /\n display: block;\n position: absolute;\n width: var(--mds-hidden-size);\n height: var(--mds-hidden-size);\n margin: calc(-1 var(--mds-hidden-size));\n padding: 0;\n border: 0;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n}\n",".mds-Skeleton__skeleton {\n display: block;\n background: var(--mds-surface-sunken);\n animation: mds-Skeleton__pulse var(--mds-dur-pulse) var(--mds-ease-standard) infinite;\n width: var(--skeleton-w, 100%);\n}\n\n/* One paragraph's worth of lines, spaced like the lines of type they stand\n in for. /\n.mds-Skeleton__lines {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n}\n\n.mds-Skeleton__variant-text {\n height: var(--skeleton-h, 1em);\n border-radius: var(--mds-radius-skeleton);\n}\n\n.mds-Skeleton__variant-rect {\n height: var(--skeleton-h, var(--mds-skeleton-h));\n border-radius: var(--mds-radius-media);\n}\n\n.mds-Skeleton__variant-circle {\n width: var(--skeleton-w, var(--mds-avatar-md));\n height: var(--skeleton-h, var(--mds-avatar-md));\n border-radius: var(--mds-radius-pill);\n}\n\n@keyframes mds-Skeleton__pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.55; }\n}\n",".mds-ProgressBar__track {\n display: block;\n width: 100%;\n height: var(--mds-progress-h);\n border-radius: var(--mds-radius-pill);\n background: var(--mds-surface-sunken);\n overflow: hidden;\n}\n\n.mds-ProgressBar__fill {\n display: block;\n height: 100%;\n width: var(--progress, 0%);\n border-radius: inherit;\n background: var(--mds-accent);\n transition: width var(--mds-transition-control);\n}\n\n.mds-ProgressBar__indeterminate .mds-ProgressBar__fill {\n width: 40%;\n animation: mds-ProgressBar__slide var(--mds-dur-pulse) var(--mds-ease-standard) infinite;\n}\n\n@keyframes mds-ProgressBar__slide {\n from { transform: translateX(-100%); }\n to { transform: translateX(250%); }\n}\n","/ A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-Input__input {\n width: 100%;\n border: var(--mds-border-width) solid var(--mds-control-border);\n border-radius: var(--mds-radius-control);\n background: var(--mds-surface-card);\n color: var(--mds-text-primary);\n font-family: var(--mds-font-body);\n transition: border-color var(--mds-transition-control);\n}\n\n.mds-Input__input::placeholder {\n color: var(--mds-text-muted);\n}\n\n/ type=\"search\" brings a UA clear cross of its own, which would sit beside the\n one onClear draws. Ours is the one with a name, so the native one goes —\n but only where ours exists. A search input with no onClear keeps the\n native cross, because there it is the only way to empty the field. /\n.mds-Input__own-clear::-webkit-search-cancel-button {\n display: none;\n}\n\n.mds-Input__input:disabled {\n background: var(--mds-action-disabled-bg);\n color: var(--mds-action-disabled-fg);\n cursor: not-allowed;\n}\n\n.mds-Input__input[aria-invalid=\"true\"] {\n border-color: var(--mds-status-danger);\n}\n\n.mds-Input__size-sm { height: var(--mds-control-h-sm); padding: 0 var(--mds-pad-control-sm); font-size: var(--mds-text-control-sm); }\n.mds-Input__size-md { height: var(--mds-control-h-md); padding: 0 var(--mds-pad-control-md); font-size: var(--mds-text-control-md); }\n.mds-Input__size-lg { height: var(--mds-control-h-lg); padding: 0 var(--mds-pad-control-lg); font-size: var(--mds-text-control-lg); }\n\n/ Icon slots overlay the input's edges; the input pads out of their way.\n The clearance is fixed across sizes — icons don't grow with the field — so\n the slot states that same step and the glyph cannot disagree with the\n padding reserved for it. /\n.mds-Input__iconWrap {\n position: relative;\n display: block;\n width: 100%;\n}\n\n/ The slot classes on the wrapper set both of these; an Input with no icon\n never builds a wrapper and never needs them. /\n.mds-Input__icon {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--mds-icon-slot);\n height: var(--mds-icon-slot);\n font-size: var(--mds-icon-slot);\n color: var(--mds-text-muted);\n pointer-events: none;\n}\n\n.mds-Input__icon > svg {\n width: 100%;\n height: 100%;\n}\n\n/ The size class rides the input, the icons are its siblings, so the geometry\n is published from the one element that contains both. /\n.mds-Input__slot-sm { --mds-icon-slot: var(--mds-icon-sm); --mds-control-gutter: var(--mds-pad-control-sm); }\n.mds-Input__slot-md { --mds-icon-slot: var(--mds-icon-md); --mds-control-gutter: var(--mds-pad-control-md); }\n.mds-Input__slot-lg { --mds-icon-slot: var(--mds-icon-lg); --mds-control-gutter: var(--mds-pad-control-lg); }\n\n.mds-Input__iconLeft { left: var(--mds-control-gutter); }\n.mds-Input__iconRight { right: var(--mds-control-gutter); }\n\n.mds-Input__with-icon-left { padding-left: calc(var(--mds-control-gutter) + var(--mds-icon-slot) + var(--mds-gap-tight)); }\n.mds-Input__with-icon-right { padding-right: calc(var(--mds-control-gutter) + var(--mds-icon-slot) + var(--mds-gap-tight)); }\n\n/ The clear button takes the trailing slot — the type stops iconRight sharing\n it. Unlike the icons it is a real target, so it takes the hit area rather\n than the slot's decorative size.\n\n It is also wider than the slot by one gap, because CloseGlyph paints half its\n box: the cross runs 4 to 12 inside a 16 viewBox. Sized to the slot it read at\n half the weight of the icon beside it, and worst at sm, where a 16px box in a\n 32px control left an 8px mark. The gap is the one --with-icon-right already\n reserves, so the button fills the trailing padding exactly, and the glyph\n fills the button — both step with the control instead of naming a step. /\n.mds-Input__clear {\n position: absolute;\n top: 50%;\n right: var(--mds-control-gutter);\n transform: translateY(-50%);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: calc(var(--mds-icon-slot) + var(--mds-gap-tight));\n height: calc(var(--mds-icon-slot) + var(--mds-gap-tight));\n border: none;\n border-radius: var(--mds-radius-pill);\n background: transparent;\n color: var(--mds-text-secondary);\n cursor: pointer;\n}\n\n.mds-Input__clear:hover {\n background: var(--mds-surface-sunken);\n}\n\n.mds-Input__clearGlyph {\n width: 100%;\n height: 100%;\n}\n","/ A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-PasswordInput__wrap {\n position: relative;\n display: block;\n}\n\n.mds-PasswordInput__input {\n width: 100%;\n / Room for the toggle: its hit target plus the usual inline padding. /\n padding-right: calc(var(--mds-control-h-md) + var(--mds-gap-hairline));\n}\n\n.mds-PasswordInput__toggle {\n / Already the containing block: absolute inside the field's wrap. /\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--mds-control-h-md);\n margin: 0;\n padding: 0;\n border: none;\n background: none;\n color: var(--mds-text-muted);\n font-size: var(--mds-icon-sm);\n cursor: pointer;\n transition: color var(--mds-transition-control);\n}\n\n.mds-PasswordInput__toggle:hover {\n color: var(--mds-text-primary);\n}\n",".mds-Textarea__textarea {\n width: 100%;\n padding: var(--mds-pad-tight) var(--mds-pad-control-md);\n border: var(--mds-border-width) solid var(--mds-control-border);\n border-radius: var(--mds-radius-control);\n background: var(--mds-surface-card);\n color: var(--mds-text-primary);\n font-family: var(--mds-font-body);\n font-size: var(--mds-text-control);\n line-height: var(--mds-leading-normal);\n resize: vertical;\n transition: border-color var(--mds-transition-control);\n}\n\n.mds-Textarea__textarea::placeholder {\n color: var(--mds-text-muted);\n}\n\n.mds-Textarea__textarea:disabled {\n background: var(--mds-action-disabled-bg);\n color: var(--mds-action-disabled-fg);\n cursor: not-allowed;\n resize: none;\n}\n\n.mds-Textarea__textarea[aria-invalid=\"true\"] {\n border-color: var(--mds-status-danger);\n}\n\n.mds-Textarea__wrap {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: var(--mds-gap-hairline);\n}\n\n.mds-Textarea__count {\n font: var(--mds-type-meta);\n color: var(--mds-text-muted);\n}\n","/ A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-Checkbox__root {\n display: inline-flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n cursor: pointer;\n}\n\n.mds-Checkbox__root:has(.mds-Checkbox__box:disabled) {\n cursor: not-allowed;\n}\n\n/ A name that is only for readers takes no room on screen, and neither should\n the space that would have separated it from the box. /\n.mds-Checkbox__bare {\n gap: 0;\n}\n\n.mds-Checkbox__box {\n appearance: none;\n flex: none;\n margin: 0;\n width: var(--mds-check-size);\n height: var(--mds-check-size);\n / em-based checkmark geometry scales with the box. /\n font-size: var(--mds-check-size);\n border: var(--mds-border-width) solid var(--mds-control-border);\n border-radius: var(--mds-radius-checkbox);\n background: var(--mds-surface-card);\n display: inline-grid;\n place-content: center;\n cursor: inherit;\n transition: var(--mds-transition-control);\n position: relative;\n}\n\n.mds-Checkbox__box:checked {\n background: var(--mds-action-bg);\n border-color: var(--mds-action-bg);\n}\n\n/ Some, not none and not all — one bar rather than the tick. Drawn on the\n same box so the third state reads as a state of it, not another control. /\n.mds-Checkbox__box:indeterminate {\n background: var(--mds-action-bg);\n border-color: var(--mds-action-bg);\n}\n\n.mds-Checkbox__box:indeterminate::after {\n content: \"\";\n width: 0.5em;\n height: 0;\n border-top: solid calc(var(--mds-border-width) 2) var(--mds-action-fg);\n}\n\n.mds-Checkbox__box:checked::after {\n content: \"\";\n width: 0.32em;\n height: 0.6em;\n margin-top: -0.12em;\n border: solid var(--mds-action-fg);\n border-width: 0 calc(var(--mds-border-width) * 2) calc(var(--mds-border-width) * 2) 0;\n transform: rotate(45deg);\n}\n\n.mds-Checkbox__box:disabled {\n background: var(--mds-action-disabled-bg);\n border-color: var(--mds-border-strong);\n}\n\n.mds-Checkbox__box:disabled:checked::after {\n border-color: var(--mds-action-disabled-fg);\n}\n\n.mds-Checkbox__label {\n font: var(--mds-type-label);\n color: var(--mds-text-primary);\n}\n\n.mds-Checkbox__box:disabled ~ .mds-Checkbox__label {\n color: var(--mds-action-disabled-fg);\n}\n\n/* Forced colors strips the filled box down to its border; the tick survives\n as a border but loses its ground. Restated in system colors. /\n@media (forced-colors: active) {\n .mds-Checkbox__box:checked,\n .mds-Checkbox__box:indeterminate {\n background: SelectedItem;\n border-color: SelectedItem;\n }\n\n .mds-Checkbox__box:checked::after {\n border-color: SelectedItemText;\n }\n\n .mds-Checkbox__box:indeterminate::after {\n border-top-color: SelectedItemText;\n }\n\n .mds-Checkbox__box:disabled {\n border-color: GrayText;\n }\n\n .mds-Checkbox__box:disabled:checked,\n .mds-Checkbox__box:disabled:indeterminate {\n background: GrayText;\n border-color: GrayText;\n }\n\n .mds-Checkbox__box:disabled:checked::after {\n border-color: Canvas;\n }\n\n .mds-Checkbox__box:disabled:indeterminate::after {\n border-top-color: Canvas;\n }\n}\n","/ A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-Radio__root {\n display: inline-flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n cursor: pointer;\n}\n\n/ A step re-points the role the dot already reads, so the box, its em\n geometry and the checked dot move together. md is the role itself. /\n.mds-Radio__size-sm {\n --mds-check-size: var(--mds-check-size-sm);\n}\n\n.mds-Radio__size-lg {\n --mds-check-size: var(--mds-check-size-lg);\n}\n\n.mds-Radio__root:has(.mds-Radio__dot:disabled) {\n cursor: not-allowed;\n}\n\n.mds-Radio__dot {\n appearance: none;\n flex: none;\n margin: 0;\n width: var(--mds-check-size);\n height: var(--mds-check-size);\n / em-based dot geometry scales with the box. /\n font-size: var(--mds-check-size);\n border: var(--mds-border-width) solid var(--mds-control-border);\n border-radius: var(--mds-radius-pill);\n background: var(--mds-surface-card);\n display: inline-grid;\n place-content: center;\n cursor: inherit;\n transition: var(--mds-transition-control);\n position: relative;\n}\n\n.mds-Radio__dot:checked {\n border-color: var(--mds-action-bg);\n}\n\n/ Sized in em, not %: the pseudo's grid area is an auto track sized from its\n own empty content, and a percentage of that zero area paints no dot. /\n.mds-Radio__dot:checked::after {\n content: \"\";\n width: 0.5em;\n height: 0.5em;\n border-radius: var(--mds-radius-pill);\n background: var(--mds-action-bg);\n}\n\n.mds-Radio__dot:disabled {\n background: var(--mds-action-disabled-bg);\n border-color: var(--mds-border-strong);\n}\n\n.mds-Radio__dot:disabled:checked::after {\n background: var(--mds-action-disabled-fg);\n}\n\n.mds-Radio__label {\n font: var(--mds-type-label);\n color: var(--mds-text-primary);\n}\n\n.mds-Radio__dot:disabled ~ .mds-Radio__label {\n color: var(--mds-action-disabled-fg);\n}\n\n/ Forced colors strips author backgrounds, and the checked dot is nothing but\n one — restated in system colors, which the mode honors. /\n@media (forced-colors: active) {\n .mds-Radio__dot:checked {\n border-color: SelectedItem;\n }\n\n .mds-Radio__dot:checked::after {\n background: SelectedItem;\n }\n\n .mds-Radio__dot:disabled {\n border-color: GrayText;\n }\n\n .mds-Radio__dot:disabled:checked::after {\n background: GrayText;\n }\n}\n","/ A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-Switch__root {\n display: inline-flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n cursor: pointer;\n}\n\n.mds-Switch__root:has(.mds-Switch__track:disabled),\n.mds-Switch__root:has(.mds-Switch__track[aria-disabled=\"true\"]) {\n cursor: not-allowed;\n}\n\n.mds-Switch__track {\n appearance: none;\n flex: none;\n margin: 0;\n width: var(--mds-switch-w);\n height: var(--mds-switch-h);\n border-radius: var(--mds-radius-pill);\n background: var(--mds-border-strong);\n cursor: inherit;\n transition: background-color var(--mds-transition-control);\n position: relative;\n}\n\n.mds-Switch__track::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: var(--mds-switch-inset);\n transform: translateY(-50%);\n width: var(--mds-switch-knob);\n height: var(--mds-switch-knob);\n border-radius: var(--mds-radius-pill);\n background: var(--mds-surface-card);\n transition: transform var(--mds-transition-control);\n}\n\n.mds-Switch__track:checked {\n background: var(--mds-action-bg);\n}\n\n.mds-Switch__track:checked::after {\n transform: translateY(-50%)\n translateX(calc(var(--mds-switch-w) - var(--mds-switch-knob) - 2 var(--mds-switch-inset)));\n}\n\n/* The attribute selector is the loading lock: the input stays enabled so\n keyboard focus survives, and these rules keep it looking unavailable. /\n.mds-Switch__track:disabled,\n.mds-Switch__track[aria-disabled=\"true\"] {\n background: var(--mds-action-disabled-bg);\n}\n\n.mds-Switch__track:disabled::after,\n.mds-Switch__track[aria-disabled=\"true\"]::after {\n background: var(--mds-action-disabled-fg);\n}\n\n/ Hosts the busy spinner over the track without moving the input. /\n.mds-Switch__trackWrap {\n position: relative;\n display: inline-flex;\n flex: none;\n}\n\n.mds-Switch__spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: var(--mds-text-secondary);\n pointer-events: none;\n}\n\n.mds-Switch__label {\n font: var(--mds-type-label);\n color: var(--mds-text-primary);\n}\n\n/ The label sits beside the wrapper, not the input — climb via :has. /\n.mds-Switch__root:has(.mds-Switch__track:disabled) .mds-Switch__label,\n.mds-Switch__root:has(.mds-Switch__track[aria-disabled=\"true\"]) .mds-Switch__label {\n color: var(--mds-action-disabled-fg);\n}\n\n/ Forced colors strips author backgrounds, and the switch is nothing but two\n of them — track and knob both vanish. Redrawn in system colors: an outlined\n track, a knob in the outline's color, the pair inverted when on. /\n@media (forced-colors: active) {\n .mds-Switch__track {\n border: var(--mds-border-width) solid ButtonText;\n }\n\n .mds-Switch__track::after {\n background: ButtonText;\n }\n\n .mds-Switch__track:checked {\n background: SelectedItem;\n border-color: SelectedItem;\n }\n\n .mds-Switch__track:checked::after {\n background: SelectedItemText;\n }\n\n .mds-Switch__track:disabled,\n .mds-Switch__track[aria-disabled=\"true\"] {\n border-color: GrayText;\n }\n\n .mds-Switch__track:disabled::after,\n .mds-Switch__track[aria-disabled=\"true\"]::after {\n background: GrayText;\n }\n}\n",".mds-SegmentedControl__group {\n display: inline-flex;\n padding: var(--mds-pad-segment);\n gap: var(--mds-gap-hairline);\n background: var(--mds-surface-sunken);\n border-radius: var(--mds-radius-control);\n}\n\n/ The face is the control step less the tray it sits in, so that the whole\n thing stands at the step. Without a tray it is the step itself. /\n.mds-SegmentedControl__size-md .mds-SegmentedControl__face {\n height: calc(var(--mds-control-h-md) - 2 var(--mds-pad-segment));\n padding: 0 var(--mds-pad-pill-x);\n}\n\n.mds-SegmentedControl__size-sm .mds-SegmentedControl__face {\n height: calc(var(--mds-control-h-sm) - 2 * var(--mds-pad-segment));\n padding: 0 var(--mds-pad-tag-x);\n}\n\n/* No tray: the group is chrome, and chrome that carries a frame reads as a\n form field. The chosen segment keeps its surface — that is the answer. /\n.mds-SegmentedControl__bare {\n padding: 0;\n background: transparent;\n}\n\n.mds-SegmentedControl__bare.mds-SegmentedControl__size-md .mds-SegmentedControl__face { height: var(--mds-control-h-md); }\n.mds-SegmentedControl__bare.mds-SegmentedControl__size-sm .mds-SegmentedControl__face { height: var(--mds-control-h-sm); }\n\n.mds-SegmentedControl__segment {\n display: inline-flex;\n position: relative;\n cursor: pointer;\n}\n\n.mds-SegmentedControl__fullWidth {\n display: flex;\n}\n\n.mds-SegmentedControl__fullWidth .mds-SegmentedControl__segment {\n flex: 1;\n}\n\n.mds-SegmentedControl__fullWidth .mds-SegmentedControl__face {\n flex: 1;\n}\n\n/ Radio overlays the whole segment, invisible but real — it stays the hit\n target and the focusable element. /\n.mds-SegmentedControl__input {\n appearance: none;\n margin: 0;\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: inherit;\n}\n\n.mds-SegmentedControl__face {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--mds-radius-segment);\n font: var(--mds-type-pill);\n color: var(--mds-text-secondary);\n white-space: nowrap;\n transition: var(--mds-transition-control);\n}\n\n.mds-SegmentedControl__input:checked + .mds-SegmentedControl__face {\n background: var(--mds-surface-card);\n color: var(--mds-text-primary);\n box-shadow: var(--mds-elevation-card);\n}\n\n/ Unavailable is a color, not a fade — matches the control convention. /\n.mds-SegmentedControl__input:disabled + .mds-SegmentedControl__face {\n color: var(--mds-action-disabled-fg);\n cursor: not-allowed;\n}\n\n.mds-SegmentedControl__input:disabled:checked + .mds-SegmentedControl__face {\n background: var(--mds-action-disabled-bg);\n box-shadow: none;\n}\n\n.mds-SegmentedControl__segment:has(.mds-SegmentedControl__input:disabled) {\n cursor: not-allowed;\n}\n\n.mds-SegmentedControl__input:focus-visible + .mds-SegmentedControl__face {\n outline: var(--mds-focus-width) solid var(--mds-focus-ring-color);\n outline-offset: var(--mds-focus-offset);\n}\n\n/ Forced colors strips the chosen segment's surface and shadow, leaving every\n face identical. Restated in the system's selection pair. /\n@media (forced-colors: active) {\n .mds-SegmentedControl__input:checked + .mds-SegmentedControl__face {\n background: SelectedItem;\n color: SelectedItemText;\n }\n\n .mds-SegmentedControl__input:disabled:checked + .mds-SegmentedControl__face {\n background: GrayText;\n color: Canvas;\n }\n}\n",".mds-Scroller__scroller {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n}\n\n.mds-Scroller__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--mds-gap-tight);\n}\n\n.mds-Scroller__trailing {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-hairline);\n}\n\n/ The row scrolls with the finger; the focus ring of an item at the edge needs\n room inside the scroll area, which the negative margin then takes back. /\n.mds-Scroller__track {\n display: flex;\n flex-wrap: nowrap;\n gap: var(--mds-gap-tight);\n overflow-x: auto;\n overscroll-behavior-x: contain;\n scroll-snap-type: x proximity;\n / The token, not the literal keyword: it collapses to auto under\n prefers-reduced-motion. /\n scroll-behavior: var(--mds-scroll);\n scrollbar-width: none;\n padding: var(--mds-focus-offset);\n margin: calc(var(--mds-focus-offset) -1);\n}\n\n.mds-Scroller__track::-webkit-scrollbar {\n display: none;\n}\n\n.mds-Scroller__track > * {\n flex: none;\n scroll-snap-align: start;\n}\n\n.mds-Scroller__arrows {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-hairline);\n}\n",".mds-List__group {\n list-style: none;\n margin: 0;\n padding: 0;\n background: var(--mds-surface-card);\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n border-radius: var(--mds-radius-card);\n overflow: hidden;\n}\n\n.mds-List__labelledGroup {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n}\n\n/* The heading sits over the card, aligned with the rows' text rather than\n with the card's edge — the rows' own padding is what the eye reads as the\n list's left margin, so a heading flush with the border reads as indented\n the other way. /\n.mds-List__label {\n padding-inline: var(--mds-pad-card); / matches the rows' inline padding /\n font-weight: var(--mds-weight-semibold);\n font-size: var(--mds-text-section);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: var(--mds-text-secondary);\n}\n\n/ Separators belong to the group — standalone rows sitting side by side\n keep their own borders instead. /\n.mds-List__group > .mds-List__item + .mds-List__item {\n border-top: var(--mds-border-width) solid var(--mds-border-subtle);\n}\n\n/ Standalone surfaces. The row paints its own background: a wrapper's paint\n would bring a wrapper's corner radius with it. /\n.mds-List__surface-card,\n.mds-List__surface-sunken,\n.mds-List__surface-accent {\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n border-radius: var(--mds-radius-card);\n}\n\n.mds-List__surface-card { background: var(--mds-surface-card); }\n.mds-List__surface-sunken { background: var(--mds-surface-sunken); }\n\n/ The prompt row: full-strength accent on the left edge, soft fill behind.\n Longhands so a call site's border-color override still lands. /\n.mds-List__surface-accent {\n border-left-width: var(--mds-edge-width);\n border-left-color: var(--mds-accent);\n background: var(--mds-accent-soft);\n}\n\n/ Paints nothing on purpose — transparent, not unset, so a row on a tinted\n parent shows what's behind it. /\n.mds-List__surface-plain {\n background: transparent;\n border: 0;\n border-radius: 0;\n}\n\n.mds-List__row {\n display: flex;\n align-items: center;\n gap: var(--mds-gap);\n width: 100%;\n min-height: var(--mds-tap-min);\n padding: var(--mds-pad-item-y) var(--mds-pad-card);\n text-align: left;\n color: inherit;\n text-decoration: none;\n}\n\n/ Interactive rows reset button chrome and signal affordance. /\n.mds-List__interactive {\n border: none;\n background: transparent;\n font: inherit;\n cursor: pointer;\n transition: background-color var(--mds-transition-control);\n}\n\n.mds-List__interactive:hover {\n background: var(--mds-surface-sunken);\n}\n\n/ Only when there are actions: without them the row is the whole item, and\n a flex parent would be a wrapper around one child that already fills it. /\n.mds-List__withActions {\n display: flex;\n align-items: center;\n}\n\n.mds-List__withActions > .mds-List__row {\n min-width: 0;\n}\n\n/ Outside the hit target, so the row's own padding does not apply to it. /\n.mds-List__actions {\n display: inline-flex;\n flex: none;\n align-items: center;\n gap: var(--mds-gap-tight);\n padding-inline-end: var(--mds-pad-card);\n}\n\n.mds-List__leading,\n.mds-List__trailing {\n display: inline-flex;\n flex: none;\n align-items: center;\n}\n\n.mds-List__text {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-hairline);\n min-width: 0;\n flex: 1;\n}\n\n.mds-List__title {\n font: var(--mds-type-item-title);\n color: var(--mds-text-primary);\n}\n\n.mds-List__description {\n font: var(--mds-type-note);\n color: var(--mds-text-secondary);\n}\n",".mds-DataTable__root {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n}\n\n/ Where the columns want more room than the screen has, this box pans sideways\n and the page stays put. It takes focus because a box that scrolls only under\n a pointer is a box a keyboard cannot read. /\n.mds-DataTable__scroll {\n overflow-x: auto;\n background: var(--mds-surface-card);\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n border-radius: var(--mds-radius-card);\n}\n\n.mds-DataTable__scroll:focus-visible {\n outline: var(--mds-focus-width) solid var(--mds-focus-ring-color);\n outline-offset: var(--mds-focus-offset);\n}\n\n/ Fills the box where it fits. It will not shrink below the widest word in\n each column, and that floor is what makes the box above scroll — the content\n decides, so there is no breakpoint here to be wrong about. /\n.mds-DataTable__table {\n width: 100%;\n border-collapse: collapse;\n}\n\n.mds-DataTable__row {\n border-bottom: var(--mds-border-width) solid var(--mds-border-subtle);\n}\n\n.mds-DataTable__body .mds-DataTable__row:last-child {\n border-bottom: none;\n}\n\n.mds-DataTable__body .mds-DataTable__row:hover {\n background: var(--mds-surface-sunken);\n}\n\n.mds-DataTable__body .mds-DataTable__selected {\n background: var(--mds-surface-selected);\n}\n\n.mds-DataTable__cell,\n.mds-DataTable__select,\n.mds-DataTable__actions {\n padding: var(--mds-pad-tight) var(--mds-pad-control);\n font: var(--mds-type-body);\n text-align: start;\n vertical-align: middle;\n}\n\nth.mds-DataTable__cell,\nth.mds-DataTable__select,\nth.mds-DataTable__actions {\n color: var(--mds-text-secondary);\n font: var(--mds-type-label);\n white-space: nowrap;\n}\n\n/ Wide enough for the box and nothing more. /\n.mds-DataTable__select {\n width: var(--mds-tap-min);\n}\n\n/ Zero, which a table reads as \"as narrow as the contents allow\": the controls\n sit at the end and the columns of data keep the rest. /\n.mds-DataTable__actions {\n width: 0;\n white-space: nowrap;\n text-align: end;\n}\n\n.mds-DataTable__muted {\n color: var(--mds-text-secondary);\n}\n\n.mds-DataTable__empty {\n padding: var(--mds-pad-card);\n text-align: center;\n}\n\n.mds-DataTable__bulk {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: var(--mds-gap-tight);\n padding: var(--mds-pad-tight) var(--mds-pad-control);\n background: var(--mds-surface-sunken);\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n border-radius: var(--mds-radius-card);\n}\n\n.mds-DataTable__bulkActions {\n display: flex;\n gap: var(--mds-gap-tight);\n}\n\n.mds-DataTable__bulkActions > {\n flex: 1;\n}\n\n/* The bar under the table, not the table: a column of full-width controls on a\n phone, and a row with the count at one end once there is space for it. /\n@media (min-width: 600px) {\n .mds-DataTable__bulk {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n\n .mds-DataTable__bulkActions > {\n flex: initial;\n }\n}\n",".mds-EmptyState__root {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: var(--mds-stack-item);\n padding: var(--mds-pad-empty-y) var(--mds-pad-card);\n}\n\n.mds-EmptyState__icon {\n display: inline-flex;\n color: var(--mds-text-muted);\n}\n\n.mds-EmptyState__action {\n margin-top: var(--mds-gap-tight);\n}\n",".mds-Tabs__list {\n display: flex;\n gap: var(--mds-gap-hairline);\n border-bottom: var(--mds-border-width) solid var(--mds-border-subtle);\n}\n\n.mds-Tabs__tab {\n border: none;\n background: transparent;\n padding: var(--mds-pad-tab-y) var(--mds-pad-tab-x);\n margin-bottom: calc(-1 * var(--mds-border-width));\n border-bottom: calc(2 * var(--mds-border-width)) solid transparent;\n font: var(--mds-type-label);\n color: var(--mds-text-secondary);\n cursor: pointer;\n white-space: nowrap;\n transition: color var(--mds-transition-control);\n}\n\n.mds-Tabs__tab:hover {\n color: var(--mds-text-primary);\n}\n\n.mds-Tabs__selected {\n color: var(--mds-text-primary);\n border-bottom-color: var(--mds-accent);\n}\n\n.mds-Tabs__panel {\n padding-top: var(--mds-stack-item);\n}\n","/* A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-Toast__viewport {\n position: fixed;\n bottom: calc(var(--mds-toast-inset) + var(--mds-safe-bottom));\n left: 50%;\n transform: translateX(-50%);\n z-index: var(--mds-z-toast);\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n width: min(var(--mds-toast-w), calc(100vw - 2 var(--mds-toast-inset)));\n pointer-events: none;\n}\n\n.mds-Toast__toast {\n display: flex;\n align-items: flex-start;\n gap: var(--mds-gap);\n padding: var(--mds-pad-toast-y) var(--mds-pad-toast-x);\n border-radius: var(--mds-radius-card);\n border-left: calc(3 * var(--mds-border-width)) solid var(--mds-border-strong);\n background: var(--mds-surface-raised);\n box-shadow: var(--mds-elevation-modal);\n pointer-events: auto;\n}\n\n.mds-Toast__tone-success { border-left-color: var(--mds-status-success); }\n.mds-Toast__tone-danger { border-left-color: var(--mds-status-danger); }\n\n.mds-Toast__body {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-hairline);\n flex: 1;\n min-width: 0;\n}\n\n.mds-Toast__title {\n font: var(--mds-type-label);\n color: var(--mds-text-primary);\n}\n\n.mds-Toast__description {\n font: var(--mds-type-note);\n color: var(--mds-text-secondary);\n}\n\n.mds-Toast__close {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: var(--mds-icon-lg);\n height: var(--mds-icon-lg);\n border: none;\n border-radius: var(--mds-radius-pill);\n background: transparent;\n color: var(--mds-text-secondary);\n cursor: pointer;\n position: relative;\n}\n\n.mds-Toast__close:hover {\n background: var(--mds-surface-sunken);\n}\n\n.mds-Toast__closeGlyph {\n width: var(--mds-icon-sm);\n height: var(--mds-icon-sm);\n}\n\n/* Sits between the words and the close button: the message is read left to\n right, and the doing is the last thing on that line. /\n.mds-Toast__action {\n flex: none;\n align-self: center;\n padding: var(--mds-pad-pill-y) var(--mds-pad-pill-x);\n border: none;\n border-radius: var(--mds-radius-pill);\n background: transparent;\n font: var(--mds-type-label);\n color: var(--mds-text-accent);\n cursor: pointer;\n position: relative;\n}\n\n.mds-Toast__action:hover {\n background: var(--mds-surface-sunken);\n}\n",".mds-Stack__stack {\n display: flex;\n flex-direction: column;\n}\n\n.mds-Stack__gap-hairline { gap: var(--mds-gap-hairline); }\n.mds-Stack__gap-tight { gap: var(--mds-gap-tight); }\n.mds-Stack__gap-base { gap: var(--mds-gap); }\n.mds-Stack__gap-loose { gap: var(--mds-gap-loose); }\n.mds-Stack__gap-group { gap: var(--mds-stack-group); }\n.mds-Stack__gap-section { gap: var(--mds-stack-section); }\n\n.mds-Stack__align-start { align-items: flex-start; }\n.mds-Stack__align-center { align-items: center; }\n.mds-Stack__align-end { align-items: flex-end; }\n.mds-Stack__align-stretch { align-items: stretch; }\n",".mds-Inline__inline {\n display: flex;\n flex-direction: row;\n}\n\n.mds-Inline__gap-hairline { gap: var(--mds-gap-hairline); }\n.mds-Inline__gap-tight { gap: var(--mds-gap-tight); }\n.mds-Inline__gap-base { gap: var(--mds-gap); }\n.mds-Inline__gap-loose { gap: var(--mds-gap-loose); }\n\n.mds-Inline__align-start { align-items: flex-start; }\n.mds-Inline__align-center { align-items: center; }\n.mds-Inline__align-end { align-items: flex-end; }\n.mds-Inline__align-baseline { align-items: baseline; }\n\n.mds-Inline__justify-start { justify-content: flex-start; }\n.mds-Inline__justify-center { justify-content: center; }\n.mds-Inline__justify-end { justify-content: flex-end; }\n.mds-Inline__justify-between { justify-content: space-between; }\n\n.mds-Inline__wrap {\n flex-wrap: wrap;\n}\n",".mds-Container__container {\n width: 100%;\n margin-inline: auto;\n padding-inline: var(--mds-pad-page-x);\n}\n\n.mds-Container__width-content { max-width: var(--mds-content-max); }\n.mds-Container__width-wide { max-width: var(--mds-content-max-wide); }\n",".mds-Card__card {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap);\n background: var(--mds-surface-card);\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n border-radius: var(--mds-radius-card);\n overflow: hidden;\n color: inherit;\n text-decoration: none;\n}\n\n.mds-Card__variant-raised {\n border-color: transparent;\n background: var(--mds-surface-raised);\n box-shadow: var(--mds-elevation-raised);\n}\n\n.mds-Card__variant-sunken {\n background: var(--mds-surface-sunken);\n}\n\n/ Slightly heavier than the plain border so the accent reads at the same\n visual weight. /\n.mds-Card__emphasis {\n border: var(--mds-border-emphasis) solid var(--mds-accent);\n}\n\n/ Whole-card button/link resets + affordance. /\n.mds-Card__interactive {\n / The whole card is the target, so the card is what meets the minimum. /\n min-height: var(--mds-tap-min);\n padding: 0;\n margin: 0;\n font: inherit;\n text-align: left;\n cursor: pointer;\n transition: box-shadow var(--mds-transition-surface), background-color var(--mds-transition-surface);\n}\n\n.mds-Card__interactive:hover {\n box-shadow: var(--mds-elevation-hover);\n}\n\n.mds-Card__header {\n display: flex;\n align-items: center;\n gap: var(--mds-gap);\n font: var(--mds-type-card-title);\n color: var(--mds-text-primary);\n}\n\n/ A lone child is the header row, so it gets the width AppBar gives its title. /\n.mds-Card__header > :only-child {\n flex: 1;\n min-width: 0;\n}\n\n.mds-Card__body {\n flex: 1;\n}\n\n/ The card clips its overflow, so a row of actions that outgrows one line has\n to fall to the next rather than disappear off the edge. /\n.mds-Card__footer {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mds-gap);\n}\n\n/ A slot pays for the card edge it sits against; the card's own gap pays for\n the space between two of them. Padding the outer edges from each slot instead\n left a header above a footer with nothing between them, and a card ending on\n its header with no bottom padding at all. /\n.mds-Card__header,\n.mds-Card__body,\n.mds-Card__footer {\n padding: 0 var(--mds-pad-card);\n}\n\n.mds-Card__header:first-child,\n.mds-Card__body:first-child,\n.mds-Card__footer:first-child {\n padding-top: var(--mds-pad-card);\n}\n\n.mds-Card__header:last-child,\n.mds-Card__body:last-child,\n.mds-Card__footer:last-child {\n padding-bottom: var(--mds-pad-card);\n}\n\n/ A slot inside a slot is not against the card at all: the outer one already\n stands between them, so the inner one pays no edge. Same specificity as the\n :first-child rules above, so it has to come after them. /\n:is(.mds-Card__header, .mds-Card__body, .mds-Card__footer) :is(.mds-Card__header, .mds-Card__body, .mds-Card__footer) {\n padding: 0;\n}\n\n/ A line budget the body keeps whatever it holds. -webkit-box is the only\n display that clamps by line count, and it counts lines across block children\n as well as inline ones — a two-paragraph body clips at the budget, with the\n ellipsis on the last line it kept. Measured in Chromium and WebKit, which\n agree; a plain max-height cuts the last line in half and says nothing. /\n.mds-Card__clipped {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: var(--card-lines);\n line-clamp: var(--card-lines);\n overflow: hidden;\n}\n",".mds-Modal__panel {\n display: flex;\n flex-direction: column;\n width: 100%;\n max-width: var(--mds-modal-w);\n max-height: 85dvh;\n background: var(--mds-surface-raised);\n border-radius: var(--mds-radius-modal);\n box-shadow: var(--mds-elevation-modal);\n opacity: 0;\n transform: scale(0.96);\n transition:\n opacity var(--mds-dur-base) var(--mds-ease-standard),\n transform var(--mds-dur-base) var(--mds-ease-standard);\n}\n\n.mds-Modal__panel[data-open] {\n opacity: 1;\n transform: none;\n}\n\n.mds-Modal__header {\n display: flex;\n align-items: center;\n gap: var(--mds-gap);\n padding: var(--mds-pad-card) var(--mds-pad-card) 0;\n font: var(--mds-type-panel-title);\n color: var(--mds-text-primary);\n}\n\n/ The header's own type role governs; the heading element brings only the\n outline. /\n.mds-Modal__headerTitle {\n flex: 1;\n min-width: 0;\n margin: 0;\n font: inherit;\n color: inherit;\n}\n\n.mds-Modal__body {\n flex: 1;\n overflow-y: auto;\n overscroll-behavior-y: contain;\n padding: var(--mds-pad-card);\n}\n\n.mds-Modal__footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: var(--mds-gap);\n padding: 0 var(--mds-pad-card) var(--mds-pad-card);\n}\n","/ Floating UI writes left/top on the element every frame the anchor moves;\n the offsets it computes are from the viewport, so the panel is fixed and\n parked at the origin until the first pass lands. width: max-content lets it\n size to its content and be measured before it is placed — a panel that\n stretched to the body's width would be measured against the wrong box and\n flip to the wrong side. /\n.mds-Popover__panel {\n position: fixed;\n top: 0;\n left: 0;\n z-index: var(--mds-z-popover);\n display: flex;\n flex-direction: column;\n width: max-content;\n max-width: min(var(--mds-popover-w), calc(100vw - 2 var(--mds-pad-page-x)));\n overflow: hidden;\n background: var(--mds-surface-raised);\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n border-radius: var(--mds-radius-card);\n box-shadow: var(--mds-elevation-floating);\n opacity: 0;\n transform: scale(0.96);\n transition:\n opacity var(--mds-dur-fast) var(--mds-ease-standard),\n transform var(--mds-dur-fast) var(--mds-ease-standard);\n}\n\n/* It grows out of the edge it is attached to, so the movement reads as coming\n from the trigger rather than from the middle of the screen. data-placement\n is the side Floating UI settled on after flipping, not the one asked for. /\n.mds-Popover__panel[data-placement^=\"bottom\"] {\n transform-origin: top center;\n}\n\n.mds-Popover__panel[data-placement^=\"top\"] {\n transform-origin: bottom center;\n}\n\n.mds-Popover__panel[data-placement^=\"left\"] {\n transform-origin: center right;\n}\n\n.mds-Popover__panel[data-placement^=\"right\"] {\n transform-origin: center left;\n}\n\n.mds-Popover__panel[data-open] {\n opacity: 1;\n transform: none;\n}\n\n.mds-Popover__header {\n display: flex;\n align-items: center;\n gap: var(--mds-gap);\n padding: var(--mds-pad-card) var(--mds-pad-card) 0;\n font: var(--mds-type-panel-title);\n color: var(--mds-text-primary);\n}\n\n/ The header's own type role governs; the heading element brings only the\n outline. /\n.mds-Popover__headerTitle {\n flex: 1;\n min-width: 0;\n margin: 0;\n font: inherit;\n color: inherit;\n}\n\n.mds-Popover__close {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: var(--mds-tap-min);\n height: var(--mds-tap-min);\n margin: calc((var(--mds-tap-min) - var(--mds-icon-lg)) / -2);\n margin-left: 0;\n border: none;\n border-radius: var(--mds-radius-pill);\n background: transparent;\n color: var(--mds-text-secondary);\n cursor: pointer;\n}\n\n.mds-Popover__closeGlyph {\n width: var(--mds-icon-sm);\n height: var(--mds-icon-sm);\n}\n\n/ The panel is capped by size() against the room the viewport has left, so the\n overflow lands here rather than on the panel: a header and a footer stay put\n while the middle scrolls. /\n.mds-Popover__body {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n overscroll-behavior-y: contain;\n padding: var(--mds-pad-card);\n font: var(--mds-type-body);\n color: var(--mds-text-primary);\n}\n\n.mds-Popover__footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: var(--mds-gap);\n padding: 0 var(--mds-pad-card) var(--mds-pad-card);\n}\n","/ Same placement contract as a popover: fixed, parked at the origin, sized to\n its own content so it can be measured before Floating UI places it. /\n.mds-Menu__panel {\n position: fixed;\n top: 0;\n left: 0;\n z-index: var(--mds-z-popover);\n display: flex;\n flex-direction: column;\n width: max-content;\n min-width: var(--mds-control-h-lg);\n max-width: min(var(--mds-popover-w), calc(100vw - 2 var(--mds-pad-page-x)));\n overflow-y: auto;\n overscroll-behavior-y: contain;\n padding: var(--mds-pad-tight) 0;\n background: var(--mds-surface-raised);\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n border-radius: var(--mds-radius-card);\n box-shadow: var(--mds-elevation-floating);\n opacity: 0;\n transform: scale(0.96);\n transition:\n opacity var(--mds-dur-fast) var(--mds-ease-standard),\n transform var(--mds-dur-fast) var(--mds-ease-standard);\n}\n\n/* It grows out of the edge it is attached to. data-placement is the side\n Floating UI settled on after flipping, not the one asked for. /\n.mds-Menu__panel[data-placement^=\"bottom\"] {\n transform-origin: top center;\n}\n\n.mds-Menu__panel[data-placement^=\"top\"] {\n transform-origin: bottom center;\n}\n\n.mds-Menu__panel[data-placement^=\"left\"] {\n transform-origin: center right;\n}\n\n.mds-Menu__panel[data-placement^=\"right\"] {\n transform-origin: center left;\n}\n\n.mds-Menu__panel[data-open] {\n opacity: 1;\n transform: none;\n}\n\n.mds-Menu__item {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n min-height: var(--mds-tap-min);\n padding: var(--mds-pad-item-y) var(--mds-pad-card);\n border: none;\n background: transparent;\n font: var(--mds-type-item-title);\n color: var(--mds-text-primary);\n text-align: start;\n cursor: pointer;\n}\n\n.mds-Menu__item:hover:not(:disabled),\n.mds-Menu__item:focus-visible {\n background: var(--mds-surface-selected);\n}\n\n/ The ring is inset rather than outset: an item runs the full width of the\n panel, and a ring outside it would be clipped by the panel's own overflow. /\n.mds-Menu__item:focus-visible {\n outline: var(--mds-focus-width) solid var(--mds-focus-ring-color);\n outline-offset: calc(var(--mds-focus-offset) -1);\n}\n\n.mds-Menu__item:disabled {\n color: var(--mds-text-muted);\n cursor: default;\n}\n\n.mds-Menu__tone-danger {\n color: var(--mds-status-danger);\n}\n\n.mds-Menu__tone-danger:hover:not(:disabled),\n.mds-Menu__tone-danger:focus-visible {\n background: var(--mds-status-danger-soft);\n}\n","/* Same placement contract as a popover: fixed, parked at the origin, sized to\n its own content so it can be measured before Floating UI places it. /\n.mds-Tooltip__surface {\n position: fixed;\n top: 0;\n left: 0;\n z-index: var(--mds-z-tooltip);\n width: max-content;\n max-width: min(var(--mds-tooltip-w), calc(100vw - 2 var(--mds-pad-page-x)));\n padding: var(--mds-pad-tag-y) var(--mds-pad-tag-x);\n /* It sits over whatever it describes, so it is the inverse surface rather\n than a raised one: the contrast is against the page it covers, not against\n a card it belongs to. /\n background: var(--mds-surface-inverse);\n color: var(--mds-text-inverse);\n border-radius: var(--mds-radius-tag);\n box-shadow: var(--mds-elevation-floating);\n font: var(--mds-type-note);\n / No pointer-events: none here, deliberately: the pointer must be able to\n rest on the surface — to select the text, say — without it vanishing\n (WCAG 1.4.13). It sits beside the trigger with a gap, so it does not\n shadow the control it describes. /\n}\n",".mds-ConfirmDialog__description {\n margin: 0;\n font: var(--mds-type-body);\n color: var(--mds-text-secondary);\n}\n\n.mds-ConfirmDialog__error {\n margin: 0;\n font: var(--mds-type-body);\n color: var(--mds-status-danger);\n}\n","/ Needs a host with a resolved height — the app root, a device frame, or a\n `flex: 1; min-height: 0` slot. The host owns the viewport (see Screen.tsx);\n claiming the viewport height here would overflow any frame the keyboard has shrunk. /\n.mds-Screen__screen {\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 0;\n background: var(--mds-surface-page);\n}\n\n/ min-height: 0 is what lets the region shrink inside the flex column and\n keep the scroll, instead of growing the screen and handing the scroll to\n whatever contains it. /\n.mds-Screen__content {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n / The screen is the only thing that scrolls, so the gesture stops here. Without\n this, reaching the last card hands the rest of the drag to the page and the\n whole app rubber-bands in Safari — a page that does not scroll, scrolling. /\n overscroll-behavior-y: contain;\n padding: var(--mds-pad-page-y) var(--mds-pad-page-x);\n}\n\n.mds-Screen__content.mds-Screen__flush {\n padding: 0;\n}\n",".mds-AppBar__bar {\n position: sticky;\n top: 0;\n z-index: var(--mds-z-header);\n display: flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n height: var(--mds-header-h);\n padding-inline: var(--mds-pad-page-x);\n background: var(--mds-surface-page);\n border-bottom: var(--mds-border-width) solid var(--mds-border-subtle);\n}\n\n/ Content to the screen edge — for bars whose slots handle their own\n alignment. The default padding is what matches Container's page column. /\n.mds-AppBar__flush {\n padding-inline: 0;\n}\n\n.mds-AppBar__title {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n margin: 0;\n font: var(--mds-type-panel-title);\n color: var(--mds-text-primary);\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n/ Title + subtitle stack. Takes over the title's flex share; the title\n inside keeps its own ellipsis. /\n.mds-AppBar__text {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n}\n\n.mds-AppBar__text .mds-AppBar__title {\n flex: none;\n}\n\n.mds-AppBar__subtitle {\n min-width: 0;\n overflow: hidden;\n font: var(--mds-type-note);\n color: var(--mds-text-secondary);\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.mds-AppBar__slot {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-hairline);\n}\n\n/ The actions belong at the end even when no title is there to push them:\n auto margin absorbs the free space the missing flex child leaves behind.\n With a title present its flex share is already 1, so this is a no-op. /\n.mds-AppBar__trailing {\n margin-inline-start: auto;\n}\n",".mds-TabBar__bar {\n / Positioned for the stacking context alone. Sticky bought nothing — the bar\n is the last item of a column that already has a resolved height — and it\n promoted the bar to a layer of its own, which is what the raised action\n then lost its top to. /\n position: relative;\n z-index: var(--mds-z-tabbar);\n display: flex;\n align-items: stretch;\n / The home-bar inset is added to the bar, not spent out of it: the box is\n border-box, so padding alone would take the inset out of the height the\n items stand in and squash them against the edge on a device that has one. /\n height: calc(var(--mds-tabbar-h) + var(--mds-safe-bottom));\n padding: 0 var(--mds-tabbar-pad-x) calc(var(--mds-tabbar-seat) + var(--mds-safe-bottom));\n / Chrome over the scrolling body, so it takes the step above it rather than\n the page's own colour: that is the body itself, a percent off the card in\n the default theme and the same colour on a brand that separates them, which\n leaves the bar a border line across a flat field. /\n background: var(--mds-surface-card);\n border-top: var(--mds-border-width) solid var(--mds-border-subtle);\n}\n\n.mds-TabBar__item {\n position: relative; / anchors the active indicator /\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--mds-gap-hairline);\n margin: 0;\n padding: 0;\n border: none;\n background: none;\n cursor: pointer;\n font: var(--mds-type-tab);\n color: var(--mds-text-muted);\n text-decoration: none;\n transition: color var(--mds-transition-control);\n}\n\n.mds-TabBar__item:hover {\n color: var(--mds-text-secondary);\n}\n\n.mds-TabBar__active,\n.mds-TabBar__active:hover {\n color: var(--mds-text-accent);\n}\n\n/ A drawn mark beside the color swap — the tint alone is invisible to anyone\n who cannot separate accent from muted (WCAG 1.4.1). currentColor keeps the\n two cues from drifting apart. /\n.mds-TabBar__active::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 50%;\n translate: -50%;\n width: var(--mds-tabbar-icon);\n height: var(--mds-border-emphasis);\n border-radius: var(--mds-radius-pill);\n background: currentColor;\n}\n\n/ A tab's glyph is a step of its own, above the icon scale — see\n --mds-tabbar-icon. Published as the slot so an icon that states no size of\n its own takes it, and so does an icon set that can only size itself. /\n.mds-TabBar__icon {\n position: relative; / anchors the badge dot /\n display: inline-flex;\n --mds-icon-slot: var(--mds-tabbar-icon);\n width: var(--mds-icon-slot);\n height: var(--mds-icon-slot);\n font-size: var(--mds-icon-slot);\n}\n\n.mds-TabBar__icon > svg {\n width: 100%;\n height: 100%;\n}\n\n/ Attention dot, pinned to the icon's top-right corner. /\n.mds-TabBar__badge {\n position: absolute;\n top: var(--mds-dot-offset-y);\n right: var(--mds-dot-offset-x);\n width: var(--mds-dot);\n height: var(--mds-dot);\n border-radius: var(--mds-radius-pill);\n background: var(--mds-status-danger);\n / Ring in the bar's color so the dot stays legible over the glyph. /\n box-shadow: 0 0 0 var(--mds-dot-ring) var(--mds-surface-card);\n}\n\n/ A caption never wraps: the bar's height is fixed, and a translation twice\n the length of the English would push the glyph out of it. /\n.mds-TabBar__label {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/ The raised center action. Aligned to the top of the bar, then pulled the lift\n above it so it breaks the bar's edge. Not centred: centring measures the\n margin box too, so a negative margin there is halved against the free space\n it removes and the action lands short of where it was asked to go. /\n.mds-TabBar__action {\n flex: none;\n align-self: flex-start;\n width: var(--mds-tabbar-action);\n height: var(--mds-tabbar-action);\n margin-top: calc(-1 var(--mds-tabbar-action-lift));\n border: none;\n border-radius: var(--mds-radius-pill);\n background: var(--mds-accent);\n color: var(--mds-accent-contrast);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--mds-elevation-floating);\n cursor: pointer;\n transition: background-color var(--mds-transition-control);\n}\n\n.mds-TabBar__action:hover {\n background: var(--mds-accent-hover);\n}\n\n/* Forced colors strips author backgrounds — including a currentColor one — so\n the active indicator is restated in the system's selection color. /\n@media (forced-colors: active) {\n .mds-TabBar__active::before {\n background: SelectedItem;\n }\n}\n",".mds-SideNav__nav {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n width: var(--mds-sidebar-w);\n flex: 0 0 var(--mds-sidebar-w);\n padding: var(--mds-pad-page-y) var(--mds-pad-tight);\n overflow-y: auto;\n overscroll-behavior-y: contain;\n}\n\n.mds-SideNav__group {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-hairline);\n}\n\n/ Only inset, to line the word up with the rows under it: the column's own\n gap is what holds it off them. /\n.mds-SideNav__heading {\n padding-inline: var(--mds-pad-control);\n font: var(--mds-type-label);\n color: var(--mds-text-muted);\n}\n\n.mds-SideNav__item {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n min-height: var(--mds-tap-min);\n padding: var(--mds-pad-tight) var(--mds-pad-control);\n border: none;\n border-radius: var(--mds-radius-control);\n background: none;\n color: var(--mds-text-secondary);\n font: var(--mds-type-label);\n text-align: left;\n text-decoration: none;\n cursor: pointer;\n transition: var(--mds-transition-surface);\n}\n\n.mds-SideNav__item:hover {\n background: var(--mds-surface-sunken);\n color: var(--mds-text-primary);\n}\n\n/ The row you are on is a surface, not a colour: the accent is spent on what\n can be pressed, and every row here can. /\n.mds-SideNav__active,\n.mds-SideNav__active:hover {\n background: var(--mds-surface-selected);\n color: var(--mds-text-primary);\n font-weight: var(--mds-weight-semibold);\n}\n\n.mds-SideNav__icon {\n display: inline-flex;\n flex: none;\n --mds-icon-slot: var(--mds-icon-md);\n width: var(--mds-icon-slot);\n height: var(--mds-icon-slot);\n font-size: var(--mds-icon-slot);\n}\n\n.mds-SideNav__icon > svg {\n width: 100%;\n height: 100%;\n}\n\n/ The word takes the room the glyph and the count leave, and gives it back by\n truncating: a translation twice the length of the English would otherwise\n wrap a row that is one line tall. /\n.mds-SideNav__label {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/ At the far end of the row, away from the word it counts. /\n.mds-SideNav__count {\n flex: none;\n}\n",".mds-MediaPlaceholder__media {\n position: relative;\n display: block;\n overflow: hidden;\n aspect-ratio: var(--media-aspect, 16 / 9);\n border-radius: var(--mds-radius-media);\n background: var(--mds-surface-sunken);\n}\n\n/ Absolutely positioned rather than filling the flow: the box owns its height\n through aspect-ratio, and a picture that has not loaded must not change it. /\n.mds-MediaPlaceholder__fill {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--mds-gap-tight);\n color: var(--mds-text-muted);\n / Reads as \"nothing here yet\" rather than as a colour somebody chose. /\n background-image: repeating-linear-gradient(\n 45deg,\n transparent 0 var(--mds-media-hatch),\n var(--mds-border-strong) var(--mds-media-hatch)\n calc(var(--mds-media-hatch) + var(--mds-border-width))\n );\n transition: filter var(--mds-transition-reveal);\n}\n\n.mds-MediaPlaceholder__image {\n position: absolute;\n inset: 0;\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: filter var(--mds-transition-reveal);\n}\n\n.mds-MediaPlaceholder__caption {\n position: absolute;\n inset-inline: 0;\n inset-block-end: 0;\n padding: var(--mds-pad-tight);\n background: var(--mds-scrim);\n}\n\n/ A sibling of the fill and the image rather than a child of either, so it\n stays sharp while they blur — the prompt to reveal has to stay readable. /\n.mds-MediaPlaceholder__cover {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--mds-gap-tight);\n padding: var(--mds-pad-card);\n text-align: center;\n}\n\n/ Blur reaches the fill and the image only. /\n.mds-MediaPlaceholder__blurred .mds-MediaPlaceholder__fill,\n.mds-MediaPlaceholder__blurred .mds-MediaPlaceholder__image {\n filter: blur(var(--mds-blur-media));\n transform: scale(1.1);\n}\n",".mds-ImageCarousel__carousel {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n}\n\n.mds-ImageCarousel__viewport {\n position: relative;\n / The gallery takes the horizontal drag; the page keeps the vertical one. /\n touch-action: pan-y;\n user-select: none;\n}\n\n.mds-ImageCarousel__slide {\n overflow: hidden;\n border-radius: var(--mds-radius-media);\n}\n\n/ Qualified with `.viewport` so the answer does not depend on which stylesheet\n the bundler happens to write last: `.step` and Button's `.variant-secondary`\n are both one class, and the variant is transparent by design — over a\n photograph that would leave the control to be guessed at. /\n.mds-ImageCarousel__viewport .mds-ImageCarousel__step,\n.mds-ImageCarousel__viewport .mds-ImageCarousel__zoom {\n position: absolute;\n z-index: var(--mds-z-raised);\n background: var(--mds-surface-card);\n}\n\n.mds-ImageCarousel__viewport .mds-ImageCarousel__step {\n top: 50%;\n transform: translateY(-50%);\n}\n\n.mds-ImageCarousel__viewport .mds-ImageCarousel__prev {\n inset-inline-start: var(--mds-media-inset);\n}\n\n.mds-ImageCarousel__viewport .mds-ImageCarousel__next {\n inset-inline-end: var(--mds-media-inset);\n}\n\n/ Hidden rather than dimmed at the ends: a control that cannot do anything is\n one more thing to read on top of the picture. /\n.mds-ImageCarousel__viewport .mds-ImageCarousel__step:disabled {\n visibility: hidden;\n}\n\n.mds-ImageCarousel__viewport .mds-ImageCarousel__zoom {\n inset-inline-start: var(--mds-media-inset);\n inset-block-end: var(--mds-media-inset);\n}\n\n.mds-ImageCarousel__counter {\n position: absolute;\n inset-inline-end: var(--mds-media-inset);\n inset-block-end: var(--mds-media-inset);\n z-index: var(--mds-z-raised);\n padding: var(--mds-pad-count-y) var(--mds-pad-count-x);\n border-radius: var(--mds-radius-pill);\n background: var(--mds-scrim);\n color: var(--mds-text-on-media);\n}\n\n.mds-ImageCarousel__thumbs {\n display: flex;\n gap: var(--mds-gap-hairline);\n}\n\n.mds-ImageCarousel__thumb {\n flex: 1 1 0;\n min-width: 0;\n overflow: hidden;\n padding: 0;\n border: var(--mds-border-width) solid transparent;\n border-radius: var(--mds-radius-media);\n background: var(--mds-surface-sunken);\n cursor: pointer;\n transition: var(--mds-transition-control);\n}\n\n.mds-ImageCarousel__thumb:hover {\n border-color: var(--mds-border-subtle);\n}\n\n.mds-ImageCarousel__thumb[aria-current=\"true\"] {\n border-color: var(--mds-border-strong);\n}\n\n.mds-ImageCarousel__more {\n display: flex;\n align-items: center;\n justify-content: center;\n aspect-ratio: 1 / 1;\n}\n\n.mds-ImageCarousel__dots {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n/ The dot is what you see; the button is what you hit. Drawing the mark with\n a pseudo-element lets the target be a thumb wide without a row of dots\n turning into a row of buttons. /\n.mds-ImageCarousel__dot {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--mds-tap-min);\n min-height: var(--mds-tap-min);\n padding: 0;\n border: 0;\n background: none;\n cursor: pointer;\n}\n\n.mds-ImageCarousel__dot::after {\n content: \"\";\n width: var(--mds-dot);\n height: var(--mds-dot);\n border-radius: var(--mds-radius-pill);\n background: var(--mds-border-subtle);\n transition: var(--mds-transition-control);\n}\n\n.mds-ImageCarousel__dot[aria-current=\"true\"]::after {\n background: var(--mds-accent);\n}\n",".mds-UploadProgress__upload {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n}\n\n.mds-UploadProgress__head {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n / Without this the name's ellipsis never triggers: a flex item's floor is\n its content, so a long file name widens the row instead of truncating. /\n min-width: 0;\n}\n\n.mds-UploadProgress__preview {\n flex: none;\n width: var(--mds-upload-thumb);\n height: var(--mds-upload-thumb);\n overflow: hidden;\n border-radius: var(--mds-radius-media);\n background: var(--mds-surface-sunken);\n}\n\n.mds-UploadProgress__preview > {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n/* A fixed box on the icon scale: the mark comes from an icon set the system\n has never heard of, and only the slot can hold the row's height steady. /\n.mds-UploadProgress__mark {\n --mds-icon-slot: var(--mds-icon-sm);\n display: inline-flex;\n flex: none;\n align-items: center;\n justify-content: center;\n width: var(--mds-icon-slot);\n height: var(--mds-icon-slot);\n font-size: var(--mds-icon-slot);\n}\n\n.mds-UploadProgress__name {\n flex: 1;\n min-width: 0;\n}\n\n.mds-UploadProgress__foot {\n display: flex;\n flex-wrap: wrap;\n gap: var(--mds-gap-tight);\n}\n\n.mds-UploadProgress__status-done .mds-UploadProgress__mark {\n color: var(--mds-status-success);\n}\n\n.mds-UploadProgress__status-error .mds-UploadProgress__mark {\n color: var(--mds-status-danger);\n}\n",".mds-FileDrop__drop {\n display: block;\n}\n\n.mds-FileDrop__target {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--mds-gap-hairline);\n width: 100%;\n padding: var(--mds-pad-drop-y) var(--mds-pad-card);\n border: var(--mds-border-width) dashed var(--mds-border-strong);\n border-radius: var(--mds-radius-media);\n background: var(--mds-surface-sunken);\n color: var(--mds-text-primary);\n cursor: pointer;\n transition: var(--mds-transition-surface);\n}\n\n.mds-FileDrop__target:focus-visible {\n outline: var(--mds-focus-width) solid var(--mds-focus-ring-color);\n outline-offset: var(--mds-focus-offset);\n}\n\n.mds-FileDrop__target:disabled {\n border-color: var(--mds-border-subtle);\n color: var(--mds-action-disabled-fg);\n cursor: not-allowed;\n}\n\n/ A file is over the zone and would land if let go. The dashes stay — the\n invitation has not changed — and only the surface answers. /\n.mds-FileDrop__over .mds-FileDrop__target {\n border-color: var(--mds-action-bg);\n background: var(--mds-surface-selected);\n}\n\n.mds-FileDrop__icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--mds-icon-lg);\n height: var(--mds-icon-lg);\n font-size: var(--mds-icon-lg);\n color: var(--mds-text-muted);\n}\n\n.mds-FileDrop__picker {\n display: none;\n}\n",".mds-Lightbox__panel {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n}\n\n/ The controls sit above the notch, not under it. /\n.mds-Lightbox__bar {\n display: flex;\n justify-content: flex-end;\n gap: var(--mds-gap-tight);\n padding: var(--mds-pad-tight);\n padding-top: calc(var(--mds-pad-tight) + var(--mds-safe-top));\n}\n\n.mds-Lightbox__surface {\n flex: 1;\n min-height: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n / The browser's own pan and pinch would fight the component's. /\n touch-action: none;\n user-select: none;\n}\n\n/ The gesture writes --zoom and --pan-; the transform is the stylesheet's.\n No fallbacks: the component sets all three on every render, and a fallback\n would be a length written into a stylesheet for a case that cannot happen. /\n.mds-Lightbox__image {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n transform-origin: center;\n transform: translate(var(--pan-x), var(--pan-y)) scale(var(--zoom));\n will-change: transform;\n}\n\n.mds-Lightbox__caption {\n padding: var(--mds-pad-tight) var(--mds-pad-card);\n padding-bottom: calc(var(--mds-pad-card) + var(--mds-safe-bottom));\n text-align: center;\n}\n",".mds-VideoPlayer__player {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n}\n\n.mds-VideoPlayer__frame {\n position: relative;\n overflow: hidden;\n border-radius: var(--mds-radius-media);\n background: var(--mds-surface-media);\n}\n\n.mds-VideoPlayer__media {\n display: block;\n width: 100%;\n aspect-ratio: 16 / 9;\n object-fit: contain;\n transition: var(--mds-transition-reveal);\n}\n\n/* The blur reaches the picture only: a cover sitting over a blurred cover is\n unreadable, and it is the one thing here that has to be read. /\n.mds-VideoPlayer__covered .mds-VideoPlayer__media {\n filter: blur(var(--mds-blur-media));\n transform: scale(1.1);\n}\n\n.mds-VideoPlayer__start {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n padding: 0;\n background: var(--mds-scrim);\n color: var(--mds-text-on-media);\n cursor: pointer;\n}\n\n.mds-VideoPlayer__startGlyph {\n display: flex;\n width: var(--mds-icon-btn-size);\n height: var(--mds-icon-btn-size);\n align-items: center;\n justify-content: center;\n border: var(--mds-border-width) solid var(--mds-on-media-border);\n border-radius: var(--mds-radius-pill);\n background: var(--mds-on-media-surface-hover);\n}\n\n.mds-VideoPlayer__startGlyph svg {\n width: var(--mds-icon-md);\n height: var(--mds-icon-md);\n}\n\n.mds-VideoPlayer__cover {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--mds-pad-card);\n text-align: center;\n}\n\n.mds-VideoPlayer__controls {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n}\n\n.mds-VideoPlayer__scrub {\n flex: 1 1 auto;\n min-width: 0;\n accent-color: var(--mds-accent);\n cursor: pointer;\n}\n\n.mds-VideoPlayer__scrub:focus-visible {\n border-radius: var(--mds-radius-pill);\n}\n\n/ A clock that does not shuffle sideways as the digits change. /\n.mds-VideoPlayer__time {\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n}\n\n.mds-VideoPlayer__chapters {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-hairline);\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.mds-VideoPlayer__chapter {\n width: 100%;\n justify-content: flex-start;\n gap: var(--mds-gap-tight);\n text-align: start;\n}\n\n.mds-VideoPlayer__chapterAt {\n font-variant-numeric: tabular-nums;\n color: var(--mds-text-muted);\n}\n\n/ Up full screen the player is the page: the picture takes the room the list\n and the controls do not need. */\n.mds-VideoPlayer__player:fullscreen {\n justify-content: center;\n padding: var(--mds-pad-tight);\n background: var(--mds-surface-page);\n}\n\n.mds-VideoPlayer__player:fullscreen .mds-VideoPlayer__frame {\n display: flex;\n min-height: 0;\n flex: 1;\n align-items: center;\n justify-content: center;\n}\n\n.mds-VideoPlayer__player:fullscreen .mds-VideoPlayer__media {\n max-height: 100%;\n aspect-ratio: auto;\n}\n\n.mds-VideoPlayer__player:fullscreen .mds-VideoPlayer__chapters {\n min-height: 0;\n overflow-y: auto;\n overscroll-behavior-y: contain;\n}\n",".mds-Breadcrumb__crumbs {\n min-width: 0;\n}\n\n.mds-Breadcrumb__list {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--mds-gap-hairline);\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.mds-Breadcrumb__item {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-hairline);\n min-width: 0;\n}\n\n.mds-Breadcrumb__separator {\n flex: none;\n width: var(--mds-icon-sm);\n height: var(--mds-icon-sm);\n color: var(--mds-text-muted);\n}\n\n.mds-Breadcrumb__link {\n display: flex;\n align-items: center;\n color: var(--mds-text-secondary);\n}\n\n.mds-Breadcrumb__link:hover {\n color: var(--mds-text-primary);\n}\n"],"mappings":"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","names":[]}
1	+ {"version":3,"sources":["mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Text/Text.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Heading/Heading.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Spinner/Spinner.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Icon/Icon.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Button/Button.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Link/Link.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Avatar/Avatar.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/AvatarGroup/AvatarGroup.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Badge/Badge.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Chip/Chip.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Chip/ChipGroup.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Chip/ChipBar.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/CountButton/CountButton.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Field/Field.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Select/Select.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/internal/Overlay.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Sheet/Sheet.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/DateTimePicker/DateTimePicker.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Tag/Tag.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Divider/Divider.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/VisuallyHidden/VisuallyHidden.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Skeleton/Skeleton.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/ProgressBar/ProgressBar.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Input/Input.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/PasswordInput/PasswordInput.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Textarea/Textarea.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Checkbox/Checkbox.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Radio/Radio.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Switch/Switch.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/SegmentedControl/SegmentedControl.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Scroller/Scroller.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/List/List.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/DataTable/DataTable.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/EmptyState/EmptyState.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Tabs/Tabs.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Toast/Toast.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Stack/Stack.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Inline/Inline.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Container/Container.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Card/Card.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Modal/Modal.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Popover/Popover.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Menu/Menu.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Tooltip/Tooltip.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/ConfirmDialog/ConfirmDialog.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Screen/Screen.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/AppBar/AppBar.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/TabBar/TabBar.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/SideNav/SideNav.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/MediaPlaceholder/MediaPlaceholder.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/ImageCarousel/ImageCarousel.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/UploadProgress/UploadProgress.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/FileDrop/FileDrop.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Lightbox/Lightbox.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/VideoPlayer/VideoPlayer.module.css?mds-scoped","mds-css:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Breadcrumb/Breadcrumb.module.css?mds-scoped"],"sourcesContent":[".mds-Text__text {\n margin: 0;\n}\n\n/* Type roles — the core shorthands. /\n.mds-Text__variant-body { font: var(--mds-type-body); }\n.mds-Text__variant-label { font: var(--mds-type-label); }\n.mds-Text__variant-note { font: var(--mds-type-note); }\n.mds-Text__variant-meta { font: var(--mds-type-meta); }\n.mds-Text__variant-eyebrow {\n font: var(--mds-type-eyebrow);\n letter-spacing: var(--mds-tracking-eyebrow);\n text-transform: uppercase;\n}\n\n/ Tones — semantic aliases only. /\n.mds-Text__tone-primary { color: var(--mds-text-primary); }\n.mds-Text__tone-secondary { color: var(--mds-text-secondary); }\n.mds-Text__tone-muted { color: var(--mds-text-muted); }\n.mds-Text__tone-inverse { color: var(--mds-text-inverse); }\n.mds-Text__tone-accent { color: var(--mds-text-accent); }\n.mds-Text__tone-on-media { color: var(--mds-text-on-media); }\n.mds-Text__tone-danger { color: var(--mds-status-danger); }\n.mds-Text__tone-warning { color: var(--mds-status-warning); }\n.mds-Text__tone-success { color: var(--mds-status-success); }\n\n.mds-Text__align-left { text-align: left; }\n.mds-Text__align-center { text-align: center; }\n.mds-Text__align-right { text-align: right; }\n\n.mds-Text__truncate {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n",".mds-Heading__heading {\n margin: 0;\n}\n\n.mds-Heading__variant-display {\n font: var(--mds-type-display);\n letter-spacing: var(--mds-tracking-display);\n}\n.mds-Heading__variant-title { font: var(--mds-type-title); }\n.mds-Heading__variant-subtitle { font: var(--mds-type-subtitle); }\n.mds-Heading__variant-label { font: var(--mds-type-label); }\n\n.mds-Heading__tone-primary { color: var(--mds-text-primary); }\n.mds-Heading__tone-secondary { color: var(--mds-text-secondary); }\n.mds-Heading__tone-inverse { color: var(--mds-text-inverse); }\n.mds-Heading__tone-accent { color: var(--mds-text-accent); }\n.mds-Heading__tone-on-media { color: var(--mds-text-on-media); }\n","@keyframes mds-Spinner__spin {\n to { transform: rotate(360deg); }\n}\n\n.mds-Spinner__spinner {\n display: inline-block;\n flex: none;\n width: var(--spinner-size);\n height: var(--spinner-size);\n border: var(--spinner-border) solid var(--mds-border-strong);\n border-top-color: currentcolor;\n border-radius: var(--mds-radius-pill);\n animation: mds-Spinner__spin 0.7s linear infinite;\n}\n",".mds-Icon__icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: none;\n color: inherit;\n}\n\n/ No step stated: the control around it published one as --mds-icon-slot, and\n md is what a glyph outside any slot is. font-size carries it to an icon set\n that sizes itself from the inside — a ligature font has no width to set. /\n.mds-Icon__size-slot {\n width: var(--mds-icon-slot, var(--mds-icon-md));\n height: var(--mds-icon-slot, var(--mds-icon-md));\n font-size: var(--mds-icon-slot, var(--mds-icon-md));\n}\n\n.mds-Icon__size-sm { width: var(--mds-icon-sm); height: var(--mds-icon-sm); font-size: var(--mds-icon-sm); }\n.mds-Icon__size-md { width: var(--mds-icon-md); height: var(--mds-icon-md); font-size: var(--mds-icon-md); }\n.mds-Icon__size-lg { width: var(--mds-icon-lg); height: var(--mds-icon-lg); font-size: var(--mds-icon-lg); }\n\n/ The glyph fills the slot this span already sizes. An icon set hands back an\n `<svg>` with no width of its own, and an svg with only a viewBox has no\n agreed size: Chrome invents one, WebKit gives it 0x0 and the mark vanishes.\n The control slots size their glyph with a child combinator — `.slot > svg` —\n which cannot reach through this span, so an Icon inside a Button, a Chip or a\n TabBar was the one glyph nothing sized. /\n.mds-Icon__icon > svg {\n width: 100%;\n height: 100%;\n}\n","/ A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-Button__button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--mds-gap-tight);\n / A button's outline is a drawn stroke, not a hairline — the same weight\n the accent border on a Card gets. Filled variants keep it transparent so\n a row of buttons is one height whether or not it is outlined. /\n border: var(--mds-border-emphasis) solid transparent;\n border-radius: var(--mds-radius-control);\n font-family: var(--mds-font-body);\n font-weight: var(--mds-weight-semibold);\n line-height: 1;\n white-space: nowrap;\n cursor: pointer;\n text-decoration: none;\n transition: background-color var(--mds-transition-control), color var(--mds-transition-control);\n}\n\n/ Sizes — height from the control scale, padding from the space scale, glyph\n from the icon scale. /\n.mds-Button__size-sm {\n height: var(--mds-control-h-sm);\n padding: 0 var(--mds-pad-button-sm);\n font-size: var(--mds-text-button-sm);\n --mds-icon-slot: var(--mds-icon-sm);\n}\n\n.mds-Button__size-md {\n height: var(--mds-control-h-md);\n padding: 0 var(--mds-pad-button-md);\n font-size: var(--mds-text-button-md);\n --mds-icon-slot: var(--mds-icon-md);\n}\n\n.mds-Button__size-lg {\n height: var(--mds-control-h-lg);\n padding: 0 var(--mds-pad-button-lg);\n font-size: var(--mds-text-button-lg);\n --mds-icon-slot: var(--mds-icon-lg);\n}\n\n/ How big the glyph is belongs to the button, not to whoever passed it. The\n spinner replaces the left glyph while busy, so it reads the same step and the\n button keeps its width across the change. An icon set that cannot be sized\n from the outside reads --mds-icon-slot for its own default. /\n.mds-Button__slot {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: var(--mds-icon-slot);\n height: var(--mds-icon-slot);\n font-size: var(--mds-icon-slot);\n}\n\n.mds-Button__slot > svg {\n width: 100%;\n height: 100%;\n}\n\n/ Variants /\n.mds-Button__variant-primary {\n background: var(--mds-action-bg);\n color: var(--mds-action-fg);\n}\n\n.mds-Button__variant-primary:hover:not(:disabled) { background: var(--mds-action-bg-hover); }\n.mds-Button__variant-primary:active:not(:disabled) { background: var(--mds-action-bg-active); }\n\n.mds-Button__variant-secondary {\n background: transparent;\n color: var(--mds-button-secondary-fg);\n border-color: var(--mds-button-border);\n}\n\n.mds-Button__variant-ghost {\n background: transparent;\n color: var(--mds-text-primary);\n}\n\n.mds-Button__variant-secondary:hover:not(:disabled),\n.mds-Button__variant-ghost:hover:not(:disabled) {\n background: var(--mds-surface-sunken);\n}\n\n.mds-Button__variant-highlight {\n background: var(--mds-highlight);\n color: var(--mds-highlight-contrast);\n}\n\n.mds-Button__variant-highlight:hover:not(:disabled) { background: var(--mds-highlight-hover); }\n\n.mds-Button__variant-danger {\n background: var(--mds-status-danger);\n color: var(--mds-status-danger-contrast);\n}\n\n.mds-Button__variant-danger:hover:not(:disabled) { filter: brightness(0.94); }\n\n.mds-Button__variant-warning {\n background: var(--mds-status-warning);\n color: var(--mds-status-warning-contrast);\n}\n.mds-Button__variant-warning:hover:not(:disabled) { filter: brightness(0.94); }\n\n/ Unavailable is a color, not a fade — opacity composites unpredictably.\n The attribute selector is the loading lock: the element stays enabled so\n keyboard focus survives, and this rule keeps it looking unavailable. /\n.mds-Button__button:disabled,\n.mds-Button__button[aria-disabled=\"true\"] {\n background: var(--mds-action-disabled-bg);\n color: var(--mds-action-disabled-fg);\n border-color: transparent;\n cursor: not-allowed;\n}\n\n/ One rule instead of touching every hover guard: no pointer feedback while\n the lock is on. Keyboard focus is unaffected. /\n.mds-Button__button[aria-disabled=\"true\"] {\n pointer-events: none;\n}\n\n.mds-Button__fullWidth {\n width: 100%;\n}\n\n/ Icon-only: circle, one glyph, width locked to the control height. The default\n size is the exception — --mds-icon-btn-size is the diameter of a round button\n as its own role, so a brand can keep a pressable circle in a header while its\n text controls get tighter. Both axes read it, or the circle is an ellipse. /\n.mds-Button__icon-only {\n padding: 0;\n border-radius: var(--mds-radius-pill);\n / The containing block for the 44px target: an icon-only button is the one\n button small in both directions, so it is the one that grows one. /\n position: relative;\n}\n\n.mds-Button__icon-only.mds-Button__size-sm { width: var(--mds-control-h-sm); }\n.mds-Button__icon-only.mds-Button__size-md {\n width: var(--mds-icon-btn-size);\n height: var(--mds-icon-btn-size);\n}\n.mds-Button__icon-only.mds-Button__size-lg { width: var(--mds-control-h-lg); }\n\n/ Standing on a picture. Qualified by variant on both sides: only the two\n see-through grounds are in danger of leaving dark text on a photograph, and\n the pairing is what keeps a filled button from losing its own colour here.\n The order of these rules against the variant rules above must not decide\n anything, hence two classes on every one of them. /\n.mds-Button__on-media.mds-Button__variant-ghost,\n.mds-Button__on-media.mds-Button__variant-secondary {\n color: var(--mds-text-on-media);\n}\n\n.mds-Button__on-media.mds-Button__variant-secondary {\n border-color: var(--mds-on-media-border);\n}\n\n.mds-Button__on-media.mds-Button__variant-ghost:hover:not(:disabled),\n.mds-Button__on-media.mds-Button__variant-secondary:hover:not(:disabled) {\n background: var(--mds-on-media-surface-hover);\n color: var(--mds-text-on-media);\n}\n\n.mds-Button__on-media.mds-Button__variant-secondary:hover:not(:disabled) {\n border-color: var(--mds-text-on-media);\n}\n\n.mds-Button__on-media.mds-Button__variant-ghost:active:not(:disabled),\n.mds-Button__on-media.mds-Button__variant-secondary:active:not(:disabled) {\n background: var(--mds-on-media-surface-active);\n}\n\n.mds-Button__on-media:focus-visible {\n outline-color: var(--mds-on-media-focus-ring);\n}\n\n/ The page's disabled grey is a light-background colour: on a photograph it\n is either invisible or reads as available. /\n.mds-Button__on-media.mds-Button__variant-ghost:disabled,\n.mds-Button__on-media.mds-Button__variant-secondary:disabled {\n background: none;\n border-color: var(--mds-on-media-border);\n color: var(--mds-on-media-dim);\n}\n\n/ Shape, when the caller wants one the size does not imply. Qualified with\n `.button` so the answer does not depend on which rule above happens to be\n written last. /\n.mds-Button__button.mds-Button__shape-rect {\n border-radius: var(--mds-radius-control);\n}\n\n.mds-Button__button.mds-Button__shape-pill {\n border-radius: var(--mds-radius-pill);\n}\n",".mds-Link__link {\n color: var(--mds-text-accent);\n border-radius: var(--mds-radius-focus); / focus outline hugs the text /\n transition: color var(--mds-transition-control);\n}\n\n/ `as=\"button\"` renders a native button, which brings its own chrome — strip\n it so the control reads as link text. font: inherit also drops the UA's\n button font, so the size classes below still apply (they are declared\n later, and equal specificity lets order decide). /\nbutton.mds-Link__link {\n border: none;\n background: none;\n padding: 0;\n font: inherit;\n cursor: pointer;\n}\n\n.mds-Link__variant-inline {\n text-decoration: underline;\n text-underline-offset: 0.15em;\n}\n\n.mds-Link__variant-standalone {\n text-decoration: none;\n font-weight: var(--mds-weight-medium);\n}\n\n.mds-Link__link:hover {\n color: var(--mds-accent-hover);\n}\n\n/ Plain rides its context: same color and weight as the surrounding text,\n the hover underline is the only tell. Sits after .link:hover — equal\n specificity, so order decides who wins the hover color. /\n.mds-Link__variant-plain {\n color: inherit;\n font-weight: inherit;\n text-decoration: none;\n}\n\n.mds-Link__variant-plain:hover {\n color: inherit;\n text-decoration: underline;\n text-underline-offset: 0.15em;\n}\n\n/ Link's `size` prop is documented as a step on the core text scale, so these\n read the step directly: the consumer chose it rather than the component\n choosing on their behalf. The one place in the system that does, and only\n for the type scale. /\n.mds-Link__size-xs { font-size: var(--mds-text-xs); }\n.mds-Link__size-sm { font-size: var(--mds-text-sm); }\n.mds-Link__size-base { font-size: var(--mds-text-base); }\n.mds-Link__size-lg { font-size: var(--mds-text-lg); }\n.mds-Link__size-xl { font-size: var(--mds-text-xl); }\n\n/ In the accessible name, not in the layout: the standard clip pattern.\n display: inline keeps it in the name computation everywhere. /\n.mds-Link__hiddenNote {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n}\n",".mds-Avatar__avatar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: none;\n overflow: hidden;\n border-radius: var(--mds-radius-avatar);\n background: var(--mds-surface-sunken);\n color: var(--mds-text-secondary);\n / Initials are display type, not body copy — a brand with a distinct\n display face wants to see it here, at the size the circle allows. /\n font-family: var(--mds-font-display);\n font-weight: var(--mds-weight-medium);\n user-select: none;\n}\n\n.mds-Avatar__size-xs { width: var(--mds-avatar-xs); height: var(--mds-avatar-xs); font-size: var(--mds-avatar-text-xs); }\n.mds-Avatar__size-sm { width: var(--mds-avatar-sm); height: var(--mds-avatar-sm); font-size: var(--mds-avatar-text-sm); }\n.mds-Avatar__size-md { width: var(--mds-avatar-md); height: var(--mds-avatar-md); font-size: var(--mds-avatar-text-md); }\n.mds-Avatar__size-lg { width: var(--mds-avatar-lg); height: var(--mds-avatar-lg); font-size: var(--mds-avatar-text-lg); }\n.mds-Avatar__size-xl { width: var(--mds-avatar-xl); height: var(--mds-avatar-xl); font-size: var(--mds-avatar-text-xl); }\n\n/ Identity tints — initials stay --mds-text-primary on every tone; the\n contrast gate holds each pairing in both themes. /\n.mds-Avatar__tone-1 { background: var(--mds-avatar-tone-1); color: var(--mds-text-primary); }\n.mds-Avatar__tone-2 { background: var(--mds-avatar-tone-2); color: var(--mds-text-primary); }\n.mds-Avatar__tone-3 { background: var(--mds-avatar-tone-3); color: var(--mds-text-primary); }\n.mds-Avatar__tone-4 { background: var(--mds-avatar-tone-4); color: var(--mds-text-primary); }\n.mds-Avatar__tone-5 { background: var(--mds-avatar-tone-5); color: var(--mds-text-primary); }\n\n.mds-Avatar__image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.mds-Avatar__initials {\n line-height: 1;\n}\n",".mds-AvatarGroup__group {\n display: inline-flex;\n align-items: center;\n}\n\n/ Overlap by a tight step; ring separates neighbours. /\n.mds-AvatarGroup__item {\n display: inline-flex;\n border-radius: var(--mds-radius-avatar);\n box-shadow: 0 0 0 var(--mds-focus-width) var(--mds-surface-card);\n}\n\n.mds-AvatarGroup__item + .mds-AvatarGroup__item {\n margin-left: calc(-1 var(--mds-avatar-overlap));\n}\n\n.mds-AvatarGroup__overflow {\n align-items: center;\n justify-content: center;\n flex: none;\n background: var(--mds-surface-sunken);\n color: var(--mds-text-secondary);\n font-family: var(--mds-font-body);\n font-weight: var(--mds-weight-semibold);\n user-select: none;\n}\n\n/* One rule per AvatarSize step. Only the overflow chip carries these — the\n avatars inside .item size themselves — so the type here is the count, a\n notch under the initials ratio because it is two or three characters. /\n.mds-AvatarGroup__size-xs { width: var(--mds-avatar-xs); height: var(--mds-avatar-xs); font-size: calc(var(--mds-avatar-xs) var(--mds-avatar-count-ratio)); }\n.mds-AvatarGroup__size-sm { width: var(--mds-avatar-sm); height: var(--mds-avatar-sm); font-size: calc(var(--mds-avatar-sm) * var(--mds-avatar-count-ratio)); }\n.mds-AvatarGroup__size-md { width: var(--mds-avatar-md); height: var(--mds-avatar-md); font-size: calc(var(--mds-avatar-md) * var(--mds-avatar-count-ratio)); }\n.mds-AvatarGroup__size-lg { width: var(--mds-avatar-lg); height: var(--mds-avatar-lg); font-size: calc(var(--mds-avatar-lg) * var(--mds-avatar-count-ratio)); }\n.mds-AvatarGroup__size-xl { width: var(--mds-avatar-xl); height: var(--mds-avatar-xl); font-size: calc(var(--mds-avatar-xl) * var(--mds-avatar-count-ratio)); }\n",".mds-Badge__badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0 var(--mds-pad-badge-x);\n min-width: var(--mds-badge-size);\n height: var(--mds-badge-size);\n border-radius: var(--mds-radius-pill);\n font: var(--mds-type-meta);\n font-weight: var(--mds-weight-semibold);\n white-space: nowrap;\n}\n\n.mds-Badge__tone-neutral {\n background: var(--mds-surface-sunken);\n color: var(--mds-text-primary);\n}\n\n.mds-Badge__tone-accent {\n background: var(--mds-accent-soft);\n color: var(--mds-text-primary);\n}\n\n/* The promoted marker — full highlight fill where the other tones stay soft. /\n.mds-Badge__tone-highlight {\n background: var(--mds-highlight);\n color: var(--mds-highlight-contrast);\n}\n\n.mds-Badge__tone-danger {\n background: var(--mds-status-danger-soft);\n color: var(--mds-text-primary);\n}\n\n.mds-Badge__tone-warning {\n background: var(--mds-status-warning-soft);\n color: var(--mds-text-primary);\n}\n\n.mds-Badge__tone-success {\n background: var(--mds-status-success-soft);\n color: var(--mds-text-primary);\n}\n",".mds-Chip__chip {\n display: inline-flex;\n align-items: center;\n gap: var(--mds-gap-hairline);\n padding: var(--mds-pad-pill-y) var(--mds-pad-pill-x);\n border-radius: var(--mds-radius-chip);\n font: var(--mds-type-pill);\n white-space: nowrap;\n cursor: default;\n transition: var(--mds-transition-control);\n}\n\n/ A chip's glyph is the size of its label. The pill is barely taller than its\n type, so a step off the icon scale does not fit inside one, and the glyph\n the caller passed would otherwise set the chip's height. /\n.mds-Chip__icon {\n --mds-icon-slot: 1em;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: var(--mds-icon-slot);\n height: var(--mds-icon-slot);\n font-size: var(--mds-icon-slot);\n}\n\n.mds-Chip__icon > svg {\n width: 100%;\n height: 100%;\n}\n\n/ Unselected skins. /\n.mds-Chip__variant-soft {\n background: var(--mds-accent-soft);\n border: var(--mds-border-width) solid transparent;\n color: var(--mds-text-accent);\n}\n\n.mds-Chip__variant-outline {\n background: transparent;\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n color: var(--mds-text-secondary);\n}\n\n/ The promoted pill — full highlight fill where soft/outline stay quiet. /\n.mds-Chip__variant-highlight {\n background: var(--mds-highlight);\n border: var(--mds-border-width) solid transparent;\n color: var(--mds-highlight-contrast);\n}\n\n/ After the variants, so a selected chip wins whichever it was built from. /\n.mds-Chip__selected {\n background: var(--mds-accent);\n border-color: transparent;\n color: var(--mds-accent-contrast);\n}\n\n/ Only the button branch gets pointer + hover feedback; a selected chip is\n already at full accent and would only muddy under a filter. /\n.mds-Chip__interactive {\n cursor: pointer;\n}\n\n.mds-Chip__interactive:not(.mds-Chip__selected):hover {\n filter: brightness(0.97);\n}\n\n.mds-Chip__disabled {\n opacity: 0.5;\n}\n",".mds-ChipGroup__group {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n\n.mds-ChipGroup__gap-hairline {\n gap: var(--mds-gap-hairline);\n}\n\n.mds-ChipGroup__gap-tight {\n gap: var(--mds-gap-tight);\n}\n\n.mds-ChipGroup__gap-base {\n gap: var(--mds-gap);\n}\n",".mds-ChipBar__bar {\n display: flex;\n align-items: center;\n overflow-x: auto;\n overscroll-behavior-x: contain;\n scrollbar-width: none;\n min-width: 0;\n}\n\n.mds-ChipBar__gap-hairline {\n gap: var(--mds-gap-hairline);\n}\n\n.mds-ChipBar__gap-tight {\n gap: var(--mds-gap-tight);\n}\n\n.mds-ChipBar__gap-base {\n gap: var(--mds-gap);\n}\n\n/ Frames the strip so its overflow reads as a scroll area. /\n.mds-ChipBar__bordered {\n padding: var(--mds-pad-pill-y) var(--mds-pad-pill-x);\n border-radius: var(--mds-radius-pill);\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n background: var(--mds-surface-sunken);\n}\n\n/ Fade only the trailing edge; the leading chip stays fully legible at rest.\n `black` is a mask stop, not a colour — only its alpha is read, so it is\n theme-independent by definition and deliberately not a token. /\n.mds-ChipBar__fade {\n mask-image: linear-gradient(to right, black calc(100% - var(--mds-fade-w)), transparent);\n}\n\n/ Each child keeps its intrinsic width so the row never wraps. /\n.mds-ChipBar__item {\n flex: none;\n display: flex;\n}\n","/ A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-CountButton__button {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: var(--mds-gap-hairline);\n padding: var(--mds-pad-count-y) var(--mds-pad-count-x);\n margin: calc(-1 var(--mds-pad-count-y)) calc(-1 * var(--mds-pad-count-x));\n border: none;\n background: transparent;\n border-radius: var(--mds-radius-control);\n color: var(--mds-text-secondary);\n font: var(--mds-type-label);\n cursor: pointer;\n transition: var(--mds-transition-control);\n}\n\n.mds-CountButton__button:hover:not(:disabled) {\n background: var(--mds-surface-sunken);\n}\n\n.mds-CountButton__button:active:not(:disabled) {\n background: var(--mds-surface-selected);\n}\n\n/* The attribute selector is the loading lock: the element stays enabled so\n keyboard focus survives, and pointer-events covers the hover guards. /\n.mds-CountButton__button:disabled,\n.mds-CountButton__button[aria-disabled=\"true\"] {\n cursor: default;\n opacity: 0.6;\n}\n\n.mds-CountButton__button[aria-disabled=\"true\"] {\n pointer-events: none;\n}\n\n/ Active tint — the glyph inherits it via currentColor. /\n.mds-CountButton__tone-accent {\n color: var(--mds-accent);\n}\n\n.mds-CountButton__tone-danger {\n color: var(--mds-status-danger);\n}\n\n/ The glyph is the button's, not the caller's: a row of these sits on one\n baseline, and the spinner takes the glyph's place while the count is in\n flight, so both stand at the same step or the row reflows on a tap. /\n.mds-CountButton__glyph {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: none;\n --mds-icon-slot: var(--mds-icon-md);\n width: var(--mds-icon-slot);\n height: var(--mds-icon-slot);\n font-size: var(--mds-icon-slot);\n}\n\n.mds-CountButton__glyph > svg {\n width: 100%;\n height: 100%;\n}\n",".mds-Field__field {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-hairline);\n}\n\n.mds-Field__label {\n font: var(--mds-type-label);\n color: var(--mds-text-primary);\n}\n\n.mds-Field__required {\n color: var(--mds-status-danger);\n margin-left: var(--mds-gap-hairline);\n}\n\n.mds-Field__message {\n font: var(--mds-type-note);\n color: var(--mds-text-secondary);\n}\n\n.mds-Field__error {\n color: var(--mds-status-danger);\n}\n",".mds-Select__wrap {\n position: relative;\n display: inline-flex;\n width: 100%;\n}\n\n.mds-Select__select {\n appearance: none;\n width: 100%;\n border: var(--mds-border-width) solid var(--mds-control-border);\n border-radius: var(--mds-radius-control);\n background: var(--mds-surface-card);\n color: var(--mds-text-primary);\n font-family: var(--mds-font-body);\n cursor: pointer;\n transition: border-color var(--mds-transition-control);\n}\n\n.mds-Select__select:disabled {\n background: var(--mds-action-disabled-bg);\n color: var(--mds-action-disabled-fg);\n cursor: not-allowed;\n}\n\n.mds-Select__select[aria-invalid=\"true\"] {\n border-color: var(--mds-status-danger);\n}\n\n/ Room for the chevron. /\n.mds-Select__size-sm { height: var(--mds-control-h-sm); padding: 0 calc(var(--mds-pad-tight) + var(--mds-icon-sm) + var(--mds-gap-hairline)) 0 var(--mds-pad-control-sm); font-size: var(--mds-text-control-sm); }\n.mds-Select__size-md { height: var(--mds-control-h-md); padding: 0 calc(var(--mds-pad-tight) + var(--mds-icon-sm) + var(--mds-gap-tight)) 0 var(--mds-pad-control-md); font-size: var(--mds-text-control-md); }\n.mds-Select__size-lg { height: var(--mds-control-h-lg); padding: 0 calc(var(--mds-pad-tight) + var(--mds-icon-sm) + var(--mds-gap-tight)) 0 var(--mds-pad-control-lg); font-size: var(--mds-text-control-lg); }\n\n.mds-Select__chevron {\n position: absolute;\n right: var(--mds-pad-tight);\n top: 50%;\n transform: translateY(-50%);\n width: var(--mds-icon-sm);\n height: var(--mds-icon-sm);\n color: var(--mds-text-secondary);\n pointer-events: none;\n}\n",".mds-Overlay__scrim {\n position: fixed;\n inset: 0;\n / Height beats the bottom inset-0 implies. The keyboard shrinks the visual\n viewport without shrinking 100dvh; a host that mirrors\n visualViewport.height into --mds-vvh keeps sheet and modal above it. /\n height: var(--mds-vvh);\n display: flex;\n background: var(--mds-scrim);\n opacity: 0;\n transition: opacity var(--mds-dur-base) var(--mds-ease-standard);\n}\n\n.mds-Overlay__scrim[data-open] {\n opacity: 1;\n}\n\n.mds-Overlay__variant-modal {\n z-index: var(--mds-z-modal);\n align-items: center;\n justify-content: center;\n padding: var(--mds-pad-page-x);\n}\n\n.mds-Overlay__variant-sheet {\n z-index: var(--mds-z-sheet);\n align-items: flex-end;\n justify-content: center;\n}\n\n/ The picture is the dialog: the panel takes the whole scrim rather than\n sitting on it, and the scrim goes darker so a bright photograph is the only\n lit thing on the screen. /\n.mds-Overlay__variant-lightbox {\n z-index: var(--mds-z-modal);\n align-items: stretch;\n justify-content: stretch;\n background: var(--mds-scrim-strong);\n}\n",".mds-Sheet__panel {\n display: flex;\n flex-direction: column;\n width: 100%;\n / Portalled to <body>, so nothing in the app tree holds it to the app's own\n column — left at 100% it spans a desktop window while the app beside it is\n a phone-width frame. /\n max-width: var(--mds-frame-width);\n / Of the scrim, which already tracks the visual viewport (--mds-vvh). /\n max-height: 85%;\n / Portalled past the app chrome, so nothing else reserves the home-bar\n inset for it. /\n padding-bottom: var(--mds-safe-bottom);\n background: var(--mds-surface-raised);\n border-radius: var(--mds-radius-sheet) var(--mds-radius-sheet) 0 0;\n box-shadow: var(--mds-elevation-sheet);\n transform: translateY(100%);\n transition: var(--mds-transition-sheet);\n}\n\n.mds-Sheet__panel[data-open] {\n transform: none;\n}\n\n.mds-Sheet__header {\n display: flex;\n align-items: center;\n gap: var(--mds-gap);\n padding: var(--mds-pad-card) var(--mds-pad-card) 0;\n font: var(--mds-type-panel-title);\n color: var(--mds-text-primary);\n}\n\n.mds-Sheet__body {\n flex: 1;\n overflow-y: auto;\n overscroll-behavior-y: contain;\n padding: var(--mds-pad-card);\n}\n\n.mds-Sheet__footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: var(--mds-gap);\n padding: 0 var(--mds-pad-card) var(--mds-pad-card);\n}\n\n.mds-Sheet__headerTitle {\n flex: 1;\n min-width: 0;\n margin: 0;\n font: inherit;\n color: inherit;\n}\n\n.mds-Sheet__close {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: var(--mds-tap-min);\n height: var(--mds-tap-min);\n margin: calc((var(--mds-tap-min) - var(--mds-icon-lg)) / -2);\n margin-left: 0;\n border: none;\n border-radius: var(--mds-radius-pill);\n background: transparent;\n color: var(--mds-text-secondary);\n cursor: pointer;\n}\n\n.mds-Sheet__closeGlyph {\n width: var(--mds-icon-sm);\n height: var(--mds-icon-sm);\n}\n","/ Trigger — reads like an Input so it sits beside form fields. /\n.mds-DateTimePicker__trigger {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n width: 100%;\n height: var(--mds-control-h-md);\n padding: 0 var(--mds-pad-control-md);\n border: var(--mds-border-width) solid var(--mds-control-border);\n border-radius: var(--mds-radius-control);\n background: var(--mds-surface-card);\n color: var(--mds-text-muted);\n font: var(--mds-type-body);\n text-align: left;\n cursor: pointer;\n transition: var(--mds-transition-control);\n}\n\n.mds-DateTimePicker__trigger:disabled {\n cursor: default;\n opacity: 0.5;\n}\n\n/ Reads like an Input, so it flags like one too. /\n.mds-DateTimePicker__trigger[aria-invalid=\"true\"] {\n border-color: var(--mds-status-danger);\n}\n\n.mds-DateTimePicker__hasValue {\n color: var(--mds-text-primary);\n}\n\n.mds-DateTimePicker__triggerLabel {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.mds-DateTimePicker__glyph {\n flex: none;\n width: var(--mds-icon-sm);\n height: var(--mds-icon-sm);\n}\n\n.mds-DateTimePicker__timeRow {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n margin-bottom: var(--mds-stack-group);\n color: var(--mds-text-secondary);\n}\n\n.mds-DateTimePicker__grow {\n flex: 1;\n}\n\n.mds-DateTimePicker__meridiem {\n flex: none;\n}\n\n.mds-DateTimePicker__colon {\n color: var(--mds-text-muted);\n}\n\n.mds-DateTimePicker__calendarHeader {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: var(--mds-gap-tight);\n}\n\n.mds-DateTimePicker__monthLabel {\n font: var(--mds-type-subtitle);\n color: var(--mds-text-primary);\n}\n\n.mds-DateTimePicker__weekdays {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n margin-bottom: var(--mds-gap-hairline);\n}\n\n.mds-DateTimePicker__weekday {\n text-align: center;\n font: var(--mds-type-meta);\n color: var(--mds-text-muted);\n}\n\n/ Fixed 6-row height so the panel does not jump between 4/5/6-week months. /\n.mds-DateTimePicker__grid {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-auto-rows: var(--mds-tap-min);\n min-height: calc(6 var(--mds-tap-min));\n align-items: stretch;\n}\n\n/* Semantic row only — the cells stay direct grid items of .grid. /\n.mds-DateTimePicker__week {\n display: contents;\n}\n\n.mds-DateTimePicker__day {\n border: none;\n background: transparent;\n border-radius: var(--mds-radius-control);\n color: var(--mds-text-primary);\n font: var(--mds-type-body);\n cursor: pointer;\n transition: var(--mds-transition-control);\n}\n\n.mds-DateTimePicker__day:hover:not(:disabled) {\n background: var(--mds-surface-sunken);\n}\n\n.mds-DateTimePicker__day:disabled {\n color: var(--mds-text-muted);\n opacity: 0.5;\n cursor: default;\n}\n\n.mds-DateTimePicker__today {\n font-weight: var(--mds-weight-semibold);\n color: var(--mds-text-accent);\n}\n\n.mds-DateTimePicker__selected {\n background: var(--mds-accent);\n color: var(--mds-accent-contrast);\n}\n\n.mds-DateTimePicker__selected:hover:not(:disabled) {\n background: var(--mds-accent-hover);\n}\n\n/ Neighbour-month filler: keeps the week shape, draws no attention. /\n.mds-DateTimePicker__outside {\n visibility: hidden;\n}\n","/ A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-Tag__tag {\n display: inline-flex;\n align-items: center;\n gap: var(--mds-gap-hairline);\n padding: var(--mds-pad-tag-y) var(--mds-pad-tag-x);\n border-radius: var(--mds-radius-tag);\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n background: var(--mds-surface-card);\n color: var(--mds-text-secondary);\n font: var(--mds-type-pill);\n white-space: nowrap;\n}\n\n.mds-Tag__tone-accent {\n background: var(--mds-accent-soft);\n border-color: transparent;\n color: var(--mds-text-primary);\n}\n\n.mds-Tag__remove {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: none;\n padding: 0;\n margin-right: calc(-1 var(--mds-gap-hairline));\n width: var(--mds-icon-md);\n height: var(--mds-icon-md);\n border-radius: var(--mds-radius-pill);\n background: transparent;\n color: inherit;\n cursor: pointer;\n position: relative;\n}\n\n.mds-Tag__remove:hover {\n background: var(--mds-surface-sunken);\n}\n\n.mds-Tag__removeGlyph {\n width: var(--mds-icon-sm);\n height: var(--mds-icon-sm);\n}\n",".mds-Divider__divider {\n background: var(--mds-border-subtle);\n flex: none;\n}\n\n.mds-Divider__horizontal {\n height: var(--mds-border-width);\n width: 100%;\n}\n\n.mds-Divider__vertical {\n width: var(--mds-border-width);\n align-self: stretch;\n}\n","/* Clipped to a pixel rather than hidden: display:none and visibility:hidden\n both take the text out of the accessibility tree, which is the one thing this\n must not do. --mds-hidden-size is that pixel — a mechanism the manifest holds\n as a floor, not a size a brand may move. Absolute, with the pixel pulled back\n out by the margin, so the box takes no room in the layout; white-space:nowrap\n so a long string is not wrapped into it and read back one letter per line. /\n.mds-VisuallyHidden__hidden {\n / Blockified by the absolute position anyway; declared because the name a\n screen reader assembles depends on it, and an implicit computation is not\n what every reader of this box does. Inline, its word runs into the text\n beside it: \"UnreadMara replied\". /\n display: block;\n position: absolute;\n width: var(--mds-hidden-size);\n height: var(--mds-hidden-size);\n margin: calc(-1 var(--mds-hidden-size));\n padding: 0;\n border: 0;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n}\n",".mds-Skeleton__skeleton {\n display: block;\n background: var(--mds-surface-sunken);\n animation: mds-Skeleton__pulse var(--mds-dur-pulse) var(--mds-ease-standard) infinite;\n width: var(--skeleton-w, 100%);\n}\n\n/* One paragraph's worth of lines, spaced like the lines of type they stand\n in for. /\n.mds-Skeleton__lines {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n}\n\n.mds-Skeleton__variant-text {\n height: var(--skeleton-h, 1em);\n border-radius: var(--mds-radius-skeleton);\n}\n\n.mds-Skeleton__variant-rect {\n height: var(--skeleton-h, var(--mds-skeleton-h));\n border-radius: var(--mds-radius-media);\n}\n\n.mds-Skeleton__variant-circle {\n width: var(--skeleton-w, var(--mds-avatar-md));\n height: var(--skeleton-h, var(--mds-avatar-md));\n border-radius: var(--mds-radius-pill);\n}\n\n@keyframes mds-Skeleton__pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.55; }\n}\n",".mds-ProgressBar__track {\n display: block;\n width: 100%;\n height: var(--mds-progress-h);\n border-radius: var(--mds-radius-pill);\n background: var(--mds-surface-sunken);\n overflow: hidden;\n}\n\n.mds-ProgressBar__fill {\n display: block;\n height: 100%;\n width: var(--progress, 0%);\n border-radius: inherit;\n background: var(--mds-accent);\n transition: width var(--mds-transition-control);\n}\n\n.mds-ProgressBar__indeterminate .mds-ProgressBar__fill {\n width: 40%;\n animation: mds-ProgressBar__slide var(--mds-dur-pulse) var(--mds-ease-standard) infinite;\n}\n\n@keyframes mds-ProgressBar__slide {\n from { transform: translateX(-100%); }\n to { transform: translateX(250%); }\n}\n","/ A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-Input__input {\n width: 100%;\n border: var(--mds-border-width) solid var(--mds-control-border);\n border-radius: var(--mds-radius-control);\n background: var(--mds-surface-card);\n color: var(--mds-text-primary);\n font-family: var(--mds-font-body);\n transition: border-color var(--mds-transition-control);\n}\n\n.mds-Input__input::placeholder {\n color: var(--mds-text-muted);\n}\n\n/ type=\"search\" brings a UA clear cross of its own, which would sit beside the\n one onClear draws. Ours is the one with a name, so the native one goes —\n but only where ours exists. A search input with no onClear keeps the\n native cross, because there it is the only way to empty the field. /\n.mds-Input__own-clear::-webkit-search-cancel-button {\n display: none;\n}\n\n.mds-Input__input:disabled {\n background: var(--mds-action-disabled-bg);\n color: var(--mds-action-disabled-fg);\n cursor: not-allowed;\n}\n\n.mds-Input__input[aria-invalid=\"true\"] {\n border-color: var(--mds-status-danger);\n}\n\n.mds-Input__size-sm { height: var(--mds-control-h-sm); padding: 0 var(--mds-pad-control-sm); font-size: var(--mds-text-control-sm); }\n.mds-Input__size-md { height: var(--mds-control-h-md); padding: 0 var(--mds-pad-control-md); font-size: var(--mds-text-control-md); }\n.mds-Input__size-lg { height: var(--mds-control-h-lg); padding: 0 var(--mds-pad-control-lg); font-size: var(--mds-text-control-lg); }\n\n/ Icon slots overlay the input's edges; the input pads out of their way.\n The clearance is fixed across sizes — icons don't grow with the field — so\n the slot states that same step and the glyph cannot disagree with the\n padding reserved for it. /\n.mds-Input__iconWrap {\n position: relative;\n display: block;\n width: 100%;\n}\n\n/ The slot classes on the wrapper set both of these; an Input with no icon\n never builds a wrapper and never needs them. /\n.mds-Input__icon {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--mds-icon-slot);\n height: var(--mds-icon-slot);\n font-size: var(--mds-icon-slot);\n color: var(--mds-text-muted);\n pointer-events: none;\n}\n\n.mds-Input__icon > svg {\n width: 100%;\n height: 100%;\n}\n\n/ The size class rides the input, the icons are its siblings, so the geometry\n is published from the one element that contains both. /\n.mds-Input__slot-sm { --mds-icon-slot: var(--mds-icon-sm); --mds-control-gutter: var(--mds-pad-control-sm); }\n.mds-Input__slot-md { --mds-icon-slot: var(--mds-icon-md); --mds-control-gutter: var(--mds-pad-control-md); }\n.mds-Input__slot-lg { --mds-icon-slot: var(--mds-icon-lg); --mds-control-gutter: var(--mds-pad-control-lg); }\n\n.mds-Input__iconLeft { left: var(--mds-control-gutter); }\n.mds-Input__iconRight { right: var(--mds-control-gutter); }\n\n.mds-Input__with-icon-left { padding-left: calc(var(--mds-control-gutter) + var(--mds-icon-slot) + var(--mds-gap-tight)); }\n.mds-Input__with-icon-right { padding-right: calc(var(--mds-control-gutter) + var(--mds-icon-slot) + var(--mds-gap-tight)); }\n\n/ The clear button takes the trailing slot — the type stops iconRight sharing\n it. Unlike the icons it is a real target, so it takes the hit area rather\n than the slot's decorative size.\n\n It is also wider than the slot by one gap, because CloseGlyph paints half its\n box: the cross runs 4 to 12 inside a 16 viewBox. Sized to the slot it read at\n half the weight of the icon beside it, and worst at sm, where a 16px box in a\n 32px control left an 8px mark. The gap is the one --with-icon-right already\n reserves, so the button fills the trailing padding exactly, and the glyph\n fills the button — both step with the control instead of naming a step. /\n.mds-Input__clear {\n position: absolute;\n top: 50%;\n right: var(--mds-control-gutter);\n transform: translateY(-50%);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: calc(var(--mds-icon-slot) + var(--mds-gap-tight));\n height: calc(var(--mds-icon-slot) + var(--mds-gap-tight));\n border: none;\n border-radius: var(--mds-radius-pill);\n background: transparent;\n color: var(--mds-text-secondary);\n cursor: pointer;\n}\n\n.mds-Input__clear:hover {\n background: var(--mds-surface-sunken);\n}\n\n.mds-Input__clearGlyph {\n width: 100%;\n height: 100%;\n}\n","/ A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-PasswordInput__wrap {\n position: relative;\n display: block;\n}\n\n.mds-PasswordInput__input {\n width: 100%;\n / Room for the toggle: its hit target plus the usual inline padding. /\n padding-right: calc(var(--mds-control-h-md) + var(--mds-gap-hairline));\n}\n\n.mds-PasswordInput__toggle {\n / Already the containing block: absolute inside the field's wrap. /\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--mds-control-h-md);\n margin: 0;\n padding: 0;\n border: none;\n background: none;\n color: var(--mds-text-muted);\n font-size: var(--mds-icon-sm);\n cursor: pointer;\n transition: color var(--mds-transition-control);\n}\n\n.mds-PasswordInput__toggle:hover {\n color: var(--mds-text-primary);\n}\n",".mds-Textarea__textarea {\n width: 100%;\n padding: var(--mds-pad-tight) var(--mds-pad-control-md);\n border: var(--mds-border-width) solid var(--mds-control-border);\n border-radius: var(--mds-radius-control);\n background: var(--mds-surface-card);\n color: var(--mds-text-primary);\n font-family: var(--mds-font-body);\n font-size: var(--mds-text-control);\n line-height: var(--mds-leading-normal);\n resize: vertical;\n transition: border-color var(--mds-transition-control);\n}\n\n.mds-Textarea__textarea::placeholder {\n color: var(--mds-text-muted);\n}\n\n.mds-Textarea__textarea:disabled {\n background: var(--mds-action-disabled-bg);\n color: var(--mds-action-disabled-fg);\n cursor: not-allowed;\n resize: none;\n}\n\n.mds-Textarea__textarea[aria-invalid=\"true\"] {\n border-color: var(--mds-status-danger);\n}\n\n.mds-Textarea__wrap {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: var(--mds-gap-hairline);\n}\n\n.mds-Textarea__count {\n font: var(--mds-type-meta);\n color: var(--mds-text-muted);\n}\n","/ A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-Checkbox__root {\n display: inline-flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n cursor: pointer;\n}\n\n.mds-Checkbox__root:has(.mds-Checkbox__box:disabled) {\n cursor: not-allowed;\n}\n\n/ A name that is only for readers takes no room on screen, and neither should\n the space that would have separated it from the box. /\n.mds-Checkbox__bare {\n gap: 0;\n}\n\n.mds-Checkbox__box {\n appearance: none;\n flex: none;\n margin: 0;\n width: var(--mds-check-size);\n height: var(--mds-check-size);\n / em-based checkmark geometry scales with the box. /\n font-size: var(--mds-check-size);\n border: var(--mds-border-width) solid var(--mds-control-border);\n border-radius: var(--mds-radius-checkbox);\n background: var(--mds-surface-card);\n display: inline-grid;\n place-content: center;\n cursor: inherit;\n transition: var(--mds-transition-control);\n position: relative;\n}\n\n.mds-Checkbox__box:checked {\n background: var(--mds-action-bg);\n border-color: var(--mds-action-bg);\n}\n\n/ Some, not none and not all — one bar rather than the tick. Drawn on the\n same box so the third state reads as a state of it, not another control. /\n.mds-Checkbox__box:indeterminate {\n background: var(--mds-action-bg);\n border-color: var(--mds-action-bg);\n}\n\n.mds-Checkbox__box:indeterminate::after {\n content: \"\";\n width: 0.5em;\n height: 0;\n border-top: solid calc(var(--mds-border-width) 2) var(--mds-action-fg);\n}\n\n.mds-Checkbox__box:checked::after {\n content: \"\";\n width: 0.32em;\n height: 0.6em;\n margin-top: -0.12em;\n border: solid var(--mds-action-fg);\n border-width: 0 calc(var(--mds-border-width) * 2) calc(var(--mds-border-width) * 2) 0;\n transform: rotate(45deg);\n}\n\n.mds-Checkbox__box:disabled {\n background: var(--mds-action-disabled-bg);\n border-color: var(--mds-border-strong);\n}\n\n.mds-Checkbox__box:disabled:checked::after {\n border-color: var(--mds-action-disabled-fg);\n}\n\n.mds-Checkbox__label {\n font: var(--mds-type-label);\n color: var(--mds-text-primary);\n}\n\n.mds-Checkbox__box:disabled ~ .mds-Checkbox__label {\n color: var(--mds-action-disabled-fg);\n}\n\n/* Forced colors strips the filled box down to its border; the tick survives\n as a border but loses its ground. Restated in system colors. /\n@media (forced-colors: active) {\n .mds-Checkbox__box:checked,\n .mds-Checkbox__box:indeterminate {\n background: SelectedItem;\n border-color: SelectedItem;\n }\n\n .mds-Checkbox__box:checked::after {\n border-color: SelectedItemText;\n }\n\n .mds-Checkbox__box:indeterminate::after {\n border-top-color: SelectedItemText;\n }\n\n .mds-Checkbox__box:disabled {\n border-color: GrayText;\n }\n\n .mds-Checkbox__box:disabled:checked,\n .mds-Checkbox__box:disabled:indeterminate {\n background: GrayText;\n border-color: GrayText;\n }\n\n .mds-Checkbox__box:disabled:checked::after {\n border-color: Canvas;\n }\n\n .mds-Checkbox__box:disabled:indeterminate::after {\n border-top-color: Canvas;\n }\n}\n","/ A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-Radio__root {\n display: inline-flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n cursor: pointer;\n}\n\n/ A step re-points the role the dot already reads, so the box, its em\n geometry and the checked dot move together. md is the role itself. /\n.mds-Radio__size-sm {\n --mds-check-size: var(--mds-check-size-sm);\n}\n\n.mds-Radio__size-lg {\n --mds-check-size: var(--mds-check-size-lg);\n}\n\n.mds-Radio__root:has(.mds-Radio__dot:disabled) {\n cursor: not-allowed;\n}\n\n.mds-Radio__dot {\n appearance: none;\n flex: none;\n margin: 0;\n width: var(--mds-check-size);\n height: var(--mds-check-size);\n / em-based dot geometry scales with the box. /\n font-size: var(--mds-check-size);\n border: var(--mds-border-width) solid var(--mds-control-border);\n border-radius: var(--mds-radius-pill);\n background: var(--mds-surface-card);\n display: inline-grid;\n place-content: center;\n cursor: inherit;\n transition: var(--mds-transition-control);\n position: relative;\n}\n\n.mds-Radio__dot:checked {\n border-color: var(--mds-action-bg);\n}\n\n/ Sized in em, not %: the pseudo's grid area is an auto track sized from its\n own empty content, and a percentage of that zero area paints no dot. /\n.mds-Radio__dot:checked::after {\n content: \"\";\n width: 0.5em;\n height: 0.5em;\n border-radius: var(--mds-radius-pill);\n background: var(--mds-action-bg);\n}\n\n.mds-Radio__dot:disabled {\n background: var(--mds-action-disabled-bg);\n border-color: var(--mds-border-strong);\n}\n\n.mds-Radio__dot:disabled:checked::after {\n background: var(--mds-action-disabled-fg);\n}\n\n.mds-Radio__label {\n font: var(--mds-type-label);\n color: var(--mds-text-primary);\n}\n\n.mds-Radio__dot:disabled ~ .mds-Radio__label {\n color: var(--mds-action-disabled-fg);\n}\n\n/ Forced colors strips author backgrounds, and the checked dot is nothing but\n one — restated in system colors, which the mode honors. /\n@media (forced-colors: active) {\n .mds-Radio__dot:checked {\n border-color: SelectedItem;\n }\n\n .mds-Radio__dot:checked::after {\n background: SelectedItem;\n }\n\n .mds-Radio__dot:disabled {\n border-color: GrayText;\n }\n\n .mds-Radio__dot:disabled:checked::after {\n background: GrayText;\n }\n}\n","/ A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-Switch__root {\n display: inline-flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n cursor: pointer;\n}\n\n.mds-Switch__root:has(.mds-Switch__track:disabled),\n.mds-Switch__root:has(.mds-Switch__track[aria-disabled=\"true\"]) {\n cursor: not-allowed;\n}\n\n.mds-Switch__track {\n appearance: none;\n flex: none;\n margin: 0;\n width: var(--mds-switch-w);\n height: var(--mds-switch-h);\n border-radius: var(--mds-radius-pill);\n background: var(--mds-border-strong);\n cursor: inherit;\n transition: background-color var(--mds-transition-control);\n position: relative;\n}\n\n.mds-Switch__track::after {\n content: \"\";\n position: absolute;\n top: 50%;\n left: var(--mds-switch-inset);\n transform: translateY(-50%);\n width: var(--mds-switch-knob);\n height: var(--mds-switch-knob);\n border-radius: var(--mds-radius-pill);\n background: var(--mds-surface-card);\n transition: transform var(--mds-transition-control);\n}\n\n.mds-Switch__track:checked {\n background: var(--mds-action-bg);\n}\n\n.mds-Switch__track:checked::after {\n transform: translateY(-50%)\n translateX(calc(var(--mds-switch-w) - var(--mds-switch-knob) - 2 var(--mds-switch-inset)));\n}\n\n/* The attribute selector is the loading lock: the input stays enabled so\n keyboard focus survives, and these rules keep it looking unavailable. /\n.mds-Switch__track:disabled,\n.mds-Switch__track[aria-disabled=\"true\"] {\n background: var(--mds-action-disabled-bg);\n}\n\n.mds-Switch__track:disabled::after,\n.mds-Switch__track[aria-disabled=\"true\"]::after {\n background: var(--mds-action-disabled-fg);\n}\n\n/ Hosts the busy spinner over the track without moving the input. /\n.mds-Switch__trackWrap {\n position: relative;\n display: inline-flex;\n flex: none;\n}\n\n.mds-Switch__spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: var(--mds-text-secondary);\n pointer-events: none;\n}\n\n.mds-Switch__label {\n font: var(--mds-type-label);\n color: var(--mds-text-primary);\n}\n\n/ The label sits beside the wrapper, not the input — climb via :has. /\n.mds-Switch__root:has(.mds-Switch__track:disabled) .mds-Switch__label,\n.mds-Switch__root:has(.mds-Switch__track[aria-disabled=\"true\"]) .mds-Switch__label {\n color: var(--mds-action-disabled-fg);\n}\n\n/ Forced colors strips author backgrounds, and the switch is nothing but two\n of them — track and knob both vanish. Redrawn in system colors: an outlined\n track, a knob in the outline's color, the pair inverted when on. /\n@media (forced-colors: active) {\n .mds-Switch__track {\n border: var(--mds-border-width) solid ButtonText;\n }\n\n .mds-Switch__track::after {\n background: ButtonText;\n }\n\n .mds-Switch__track:checked {\n background: SelectedItem;\n border-color: SelectedItem;\n }\n\n .mds-Switch__track:checked::after {\n background: SelectedItemText;\n }\n\n .mds-Switch__track:disabled,\n .mds-Switch__track[aria-disabled=\"true\"] {\n border-color: GrayText;\n }\n\n .mds-Switch__track:disabled::after,\n .mds-Switch__track[aria-disabled=\"true\"]::after {\n background: GrayText;\n }\n}\n",".mds-SegmentedControl__group {\n display: inline-flex;\n padding: var(--mds-pad-segment);\n gap: var(--mds-gap-hairline);\n background: var(--mds-surface-sunken);\n border-radius: var(--mds-radius-control);\n}\n\n/ The face is the control step less the tray it sits in, so that the whole\n thing stands at the step. Without a tray it is the step itself. /\n.mds-SegmentedControl__size-md .mds-SegmentedControl__face {\n height: calc(var(--mds-control-h-md) - 2 var(--mds-pad-segment));\n padding: 0 var(--mds-pad-pill-x);\n}\n\n.mds-SegmentedControl__size-sm .mds-SegmentedControl__face {\n height: calc(var(--mds-control-h-sm) - 2 * var(--mds-pad-segment));\n padding: 0 var(--mds-pad-tag-x);\n}\n\n/* No tray: the group is chrome, and chrome that carries a frame reads as a\n form field. The chosen segment keeps its surface — that is the answer. /\n.mds-SegmentedControl__bare {\n padding: 0;\n background: transparent;\n}\n\n.mds-SegmentedControl__bare.mds-SegmentedControl__size-md .mds-SegmentedControl__face { height: var(--mds-control-h-md); }\n.mds-SegmentedControl__bare.mds-SegmentedControl__size-sm .mds-SegmentedControl__face { height: var(--mds-control-h-sm); }\n\n.mds-SegmentedControl__segment {\n display: inline-flex;\n position: relative;\n cursor: pointer;\n}\n\n.mds-SegmentedControl__fullWidth {\n display: flex;\n}\n\n.mds-SegmentedControl__fullWidth .mds-SegmentedControl__segment {\n flex: 1;\n}\n\n.mds-SegmentedControl__fullWidth .mds-SegmentedControl__face {\n flex: 1;\n}\n\n/ Radio overlays the whole segment, invisible but real — it stays the hit\n target and the focusable element. /\n.mds-SegmentedControl__input {\n appearance: none;\n margin: 0;\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: inherit;\n}\n\n.mds-SegmentedControl__face {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--mds-radius-segment);\n font: var(--mds-type-pill);\n color: var(--mds-text-secondary);\n white-space: nowrap;\n transition: var(--mds-transition-control);\n}\n\n.mds-SegmentedControl__input:checked + .mds-SegmentedControl__face {\n background: var(--mds-surface-card);\n color: var(--mds-text-primary);\n box-shadow: var(--mds-elevation-card);\n}\n\n/ Unavailable is a color, not a fade — matches the control convention. /\n.mds-SegmentedControl__input:disabled + .mds-SegmentedControl__face {\n color: var(--mds-action-disabled-fg);\n cursor: not-allowed;\n}\n\n.mds-SegmentedControl__input:disabled:checked + .mds-SegmentedControl__face {\n background: var(--mds-action-disabled-bg);\n box-shadow: none;\n}\n\n.mds-SegmentedControl__segment:has(.mds-SegmentedControl__input:disabled) {\n cursor: not-allowed;\n}\n\n.mds-SegmentedControl__input:focus-visible + .mds-SegmentedControl__face {\n outline: var(--mds-focus-width) solid var(--mds-focus-ring-color);\n outline-offset: var(--mds-focus-offset);\n}\n\n/ Forced colors strips the chosen segment's surface and shadow, leaving every\n face identical. Restated in the system's selection pair. /\n@media (forced-colors: active) {\n .mds-SegmentedControl__input:checked + .mds-SegmentedControl__face {\n background: SelectedItem;\n color: SelectedItemText;\n }\n\n .mds-SegmentedControl__input:disabled:checked + .mds-SegmentedControl__face {\n background: GrayText;\n color: Canvas;\n }\n}\n",".mds-Scroller__scroller {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n}\n\n.mds-Scroller__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--mds-gap-tight);\n}\n\n.mds-Scroller__trailing {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-hairline);\n}\n\n/ The row scrolls with the finger; the focus ring of an item at the edge needs\n room inside the scroll area, which the negative margin then takes back. /\n.mds-Scroller__track {\n display: flex;\n flex-wrap: nowrap;\n gap: var(--mds-gap-tight);\n overflow-x: auto;\n overscroll-behavior-x: contain;\n scroll-snap-type: x proximity;\n / The token, not the literal keyword: it collapses to auto under\n prefers-reduced-motion. /\n scroll-behavior: var(--mds-scroll);\n scrollbar-width: none;\n padding: var(--mds-focus-offset);\n margin: calc(var(--mds-focus-offset) -1);\n}\n\n.mds-Scroller__track::-webkit-scrollbar {\n display: none;\n}\n\n.mds-Scroller__track > * {\n flex: none;\n scroll-snap-align: start;\n}\n\n.mds-Scroller__arrows {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-hairline);\n}\n",".mds-List__group {\n list-style: none;\n margin: 0;\n padding: 0;\n background: var(--mds-surface-card);\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n border-radius: var(--mds-radius-card);\n overflow: hidden;\n}\n\n.mds-List__labelledGroup {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n}\n\n/* The heading sits over the card, aligned with the rows' text rather than\n with the card's edge — the rows' own padding is what the eye reads as the\n list's left margin, so a heading flush with the border reads as indented\n the other way. /\n.mds-List__label {\n padding-inline: var(--mds-pad-card); / matches the rows' inline padding /\n font-weight: var(--mds-weight-semibold);\n font-size: var(--mds-text-section);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: var(--mds-text-secondary);\n}\n\n/ Separators belong to the group — standalone rows sitting side by side\n keep their own borders instead. /\n.mds-List__group > .mds-List__item + .mds-List__item {\n border-top: var(--mds-border-width) solid var(--mds-border-subtle);\n}\n\n/ Standalone surfaces. The row paints its own background: a wrapper's paint\n would bring a wrapper's corner radius with it. /\n.mds-List__surface-card,\n.mds-List__surface-sunken,\n.mds-List__surface-accent {\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n border-radius: var(--mds-radius-card);\n}\n\n.mds-List__surface-card { background: var(--mds-surface-card); }\n.mds-List__surface-sunken { background: var(--mds-surface-sunken); }\n\n/ The prompt row: full-strength accent on the left edge, soft fill behind.\n Longhands so a call site's border-color override still lands. /\n.mds-List__surface-accent {\n border-left-width: var(--mds-edge-width);\n border-left-color: var(--mds-accent);\n background: var(--mds-accent-soft);\n}\n\n/ Paints nothing on purpose — transparent, not unset, so a row on a tinted\n parent shows what's behind it. /\n.mds-List__surface-plain {\n background: transparent;\n border: 0;\n border-radius: 0;\n}\n\n.mds-List__row {\n display: flex;\n align-items: center;\n gap: var(--mds-gap);\n width: 100%;\n min-height: var(--mds-tap-min);\n padding: var(--mds-pad-item-y) var(--mds-pad-card);\n text-align: left;\n color: inherit;\n text-decoration: none;\n}\n\n/ Interactive rows reset button chrome and signal affordance. /\n.mds-List__interactive {\n border: none;\n background: transparent;\n font: inherit;\n cursor: pointer;\n transition: background-color var(--mds-transition-control);\n}\n\n.mds-List__interactive:hover {\n background: var(--mds-surface-sunken);\n}\n\n/ Only when there are actions: without them the row is the whole item, and\n a flex parent would be a wrapper around one child that already fills it. /\n.mds-List__withActions {\n display: flex;\n align-items: center;\n}\n\n.mds-List__withActions > .mds-List__row {\n min-width: 0;\n}\n\n/ Outside the hit target, so the row's own padding does not apply to it. /\n.mds-List__actions {\n display: inline-flex;\n flex: none;\n align-items: center;\n gap: var(--mds-gap-tight);\n padding-inline-end: var(--mds-pad-card);\n}\n\n.mds-List__leading,\n.mds-List__trailing {\n display: inline-flex;\n flex: none;\n align-items: center;\n}\n\n.mds-List__text {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-hairline);\n min-width: 0;\n flex: 1;\n}\n\n.mds-List__title {\n font: var(--mds-type-item-title);\n color: var(--mds-text-primary);\n}\n\n.mds-List__description {\n font: var(--mds-type-note);\n color: var(--mds-text-secondary);\n}\n",".mds-DataTable__root {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n}\n\n/ Where the columns want more room than the screen has, this box pans sideways\n and the page stays put. It takes focus because a box that scrolls only under\n a pointer is a box a keyboard cannot read. /\n.mds-DataTable__scroll {\n overflow-x: auto;\n background: var(--mds-surface-card);\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n border-radius: var(--mds-radius-card);\n}\n\n.mds-DataTable__scroll:focus-visible {\n outline: var(--mds-focus-width) solid var(--mds-focus-ring-color);\n outline-offset: var(--mds-focus-offset);\n}\n\n/ Fills the box where it fits. It will not shrink below the widest word in\n each column, and that floor is what makes the box above scroll — the content\n decides, so there is no breakpoint here to be wrong about. /\n.mds-DataTable__table {\n width: 100%;\n border-collapse: collapse;\n}\n\n.mds-DataTable__row {\n border-bottom: var(--mds-border-width) solid var(--mds-border-subtle);\n}\n\n.mds-DataTable__body .mds-DataTable__row:last-child {\n border-bottom: none;\n}\n\n.mds-DataTable__body .mds-DataTable__row:hover {\n background: var(--mds-surface-sunken);\n}\n\n.mds-DataTable__body .mds-DataTable__selected {\n background: var(--mds-surface-selected);\n}\n\n.mds-DataTable__cell,\n.mds-DataTable__select,\n.mds-DataTable__actions {\n padding: var(--mds-pad-tight) var(--mds-pad-control);\n font: var(--mds-type-body);\n text-align: start;\n vertical-align: middle;\n}\n\nth.mds-DataTable__cell,\nth.mds-DataTable__select,\nth.mds-DataTable__actions {\n color: var(--mds-text-secondary);\n font: var(--mds-type-label);\n white-space: nowrap;\n}\n\n/ Wide enough for the box and nothing more. /\n.mds-DataTable__select {\n width: var(--mds-tap-min);\n}\n\n/ Zero, which a table reads as \"as narrow as the contents allow\": the controls\n sit at the end and the columns of data keep the rest. /\n.mds-DataTable__actions {\n width: 0;\n white-space: nowrap;\n text-align: end;\n}\n\n.mds-DataTable__muted {\n color: var(--mds-text-secondary);\n}\n\n.mds-DataTable__empty {\n padding: var(--mds-pad-card);\n text-align: center;\n}\n\n.mds-DataTable__bulk {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: var(--mds-gap-tight);\n padding: var(--mds-pad-tight) var(--mds-pad-control);\n background: var(--mds-surface-sunken);\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n border-radius: var(--mds-radius-card);\n}\n\n.mds-DataTable__bulkActions {\n display: flex;\n gap: var(--mds-gap-tight);\n}\n\n.mds-DataTable__bulkActions > {\n flex: 1;\n}\n\n/* The bar under the table, not the table: a column of full-width controls on a\n phone, and a row with the count at one end once there is space for it. /\n@media (min-width: 600px) {\n .mds-DataTable__bulk {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n }\n\n .mds-DataTable__bulkActions > {\n flex: initial;\n }\n}\n",".mds-EmptyState__root {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: var(--mds-stack-item);\n padding: var(--mds-pad-empty-y) var(--mds-pad-card);\n}\n\n.mds-EmptyState__icon {\n display: inline-flex;\n color: var(--mds-text-muted);\n}\n\n.mds-EmptyState__action {\n margin-top: var(--mds-gap-tight);\n}\n",".mds-Tabs__list {\n display: flex;\n gap: var(--mds-gap-hairline);\n border-bottom: var(--mds-border-width) solid var(--mds-border-subtle);\n}\n\n.mds-Tabs__tab {\n border: none;\n background: transparent;\n padding: var(--mds-pad-tab-y) var(--mds-pad-tab-x);\n margin-bottom: calc(-1 * var(--mds-border-width));\n border-bottom: calc(2 * var(--mds-border-width)) solid transparent;\n font: var(--mds-type-label);\n color: var(--mds-text-secondary);\n cursor: pointer;\n white-space: nowrap;\n transition: color var(--mds-transition-control);\n}\n\n.mds-Tabs__tab:hover {\n color: var(--mds-text-primary);\n}\n\n.mds-Tabs__selected {\n color: var(--mds-text-primary);\n border-bottom-color: var(--mds-accent);\n}\n\n.mds-Tabs__panel {\n padding-top: var(--mds-stack-item);\n}\n","/* A 44px target on a control that paints smaller than one.\n \n WCAG 2.5.8 measures the target, not the painted box, and a min-height on the\n * control itself forces whatever row it was dropped into taller than its\n * content. So the target is an out-of-flow pseudo-element: it takes no layout,\n * and it grows to the minimum in both axes without moving anything.\n \n The composing class supplies the containing block — `position: relative` on\n * most, `absolute` on the ones that already sit inside a field. Setting it here\n * instead would overwrite those, because a composed rule is emitted once per\n * importer and the last copy lands after the importer's own. /.mds-hit-area__hitArea::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n translate: -50% -50%;\n width: max(100%, var(--mds-tap-min));\n height: max(100%, var(--mds-tap-min));\n}\n\n.mds-Toast__viewport {\n position: fixed;\n bottom: calc(var(--mds-toast-inset) + var(--mds-safe-bottom));\n left: 50%;\n transform: translateX(-50%);\n z-index: var(--mds-z-toast);\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n width: min(var(--mds-toast-w), calc(100vw - 2 var(--mds-toast-inset)));\n pointer-events: none;\n}\n\n.mds-Toast__toast {\n display: flex;\n align-items: flex-start;\n gap: var(--mds-gap);\n padding: var(--mds-pad-toast-y) var(--mds-pad-toast-x);\n border-radius: var(--mds-radius-card);\n border-left: calc(3 * var(--mds-border-width)) solid var(--mds-border-strong);\n background: var(--mds-surface-raised);\n box-shadow: var(--mds-elevation-modal);\n pointer-events: auto;\n}\n\n.mds-Toast__tone-success { border-left-color: var(--mds-status-success); }\n.mds-Toast__tone-danger { border-left-color: var(--mds-status-danger); }\n\n.mds-Toast__body {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-hairline);\n flex: 1;\n min-width: 0;\n}\n\n.mds-Toast__title {\n font: var(--mds-type-label);\n color: var(--mds-text-primary);\n}\n\n.mds-Toast__description {\n font: var(--mds-type-note);\n color: var(--mds-text-secondary);\n}\n\n.mds-Toast__close {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: var(--mds-icon-lg);\n height: var(--mds-icon-lg);\n border: none;\n border-radius: var(--mds-radius-pill);\n background: transparent;\n color: var(--mds-text-secondary);\n cursor: pointer;\n position: relative;\n}\n\n.mds-Toast__close:hover {\n background: var(--mds-surface-sunken);\n}\n\n.mds-Toast__closeGlyph {\n width: var(--mds-icon-sm);\n height: var(--mds-icon-sm);\n}\n\n/* Sits between the words and the close button: the message is read left to\n right, and the doing is the last thing on that line. /\n.mds-Toast__action {\n flex: none;\n align-self: center;\n padding: var(--mds-pad-pill-y) var(--mds-pad-pill-x);\n border: none;\n border-radius: var(--mds-radius-pill);\n background: transparent;\n font: var(--mds-type-label);\n color: var(--mds-text-accent);\n cursor: pointer;\n position: relative;\n}\n\n.mds-Toast__action:hover {\n background: var(--mds-surface-sunken);\n}\n",".mds-Stack__stack {\n display: flex;\n flex-direction: column;\n}\n\n.mds-Stack__gap-hairline { gap: var(--mds-gap-hairline); }\n.mds-Stack__gap-tight { gap: var(--mds-gap-tight); }\n.mds-Stack__gap-base { gap: var(--mds-gap); }\n.mds-Stack__gap-loose { gap: var(--mds-gap-loose); }\n.mds-Stack__gap-group { gap: var(--mds-stack-group); }\n.mds-Stack__gap-section { gap: var(--mds-stack-section); }\n\n.mds-Stack__align-start { align-items: flex-start; }\n.mds-Stack__align-center { align-items: center; }\n.mds-Stack__align-end { align-items: flex-end; }\n.mds-Stack__align-stretch { align-items: stretch; }\n",".mds-Inline__inline {\n display: flex;\n flex-direction: row;\n}\n\n.mds-Inline__gap-hairline { gap: var(--mds-gap-hairline); }\n.mds-Inline__gap-tight { gap: var(--mds-gap-tight); }\n.mds-Inline__gap-base { gap: var(--mds-gap); }\n.mds-Inline__gap-loose { gap: var(--mds-gap-loose); }\n\n.mds-Inline__align-start { align-items: flex-start; }\n.mds-Inline__align-center { align-items: center; }\n.mds-Inline__align-end { align-items: flex-end; }\n.mds-Inline__align-baseline { align-items: baseline; }\n\n.mds-Inline__justify-start { justify-content: flex-start; }\n.mds-Inline__justify-center { justify-content: center; }\n.mds-Inline__justify-end { justify-content: flex-end; }\n.mds-Inline__justify-between { justify-content: space-between; }\n\n.mds-Inline__wrap {\n flex-wrap: wrap;\n}\n",".mds-Container__container {\n width: 100%;\n margin-inline: auto;\n padding-inline: var(--mds-pad-page-x);\n}\n\n.mds-Container__width-content { max-width: var(--mds-content-max); }\n.mds-Container__width-wide { max-width: var(--mds-content-max-wide); }\n",".mds-Card__card {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap);\n background: var(--mds-surface-card);\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n border-radius: var(--mds-radius-card);\n overflow: hidden;\n color: inherit;\n text-decoration: none;\n}\n\n.mds-Card__variant-raised {\n border-color: transparent;\n background: var(--mds-surface-raised);\n box-shadow: var(--mds-elevation-raised);\n}\n\n.mds-Card__variant-sunken {\n background: var(--mds-surface-sunken);\n}\n\n/ Slightly heavier than the plain border so the accent reads at the same\n visual weight. /\n.mds-Card__emphasis {\n border: var(--mds-border-emphasis) solid var(--mds-accent);\n}\n\n/ Whole-card button/link resets + affordance. /\n.mds-Card__interactive {\n / The whole card is the target, so the card is what meets the minimum. /\n min-height: var(--mds-tap-min);\n padding: 0;\n margin: 0;\n font: inherit;\n text-align: left;\n cursor: pointer;\n transition: box-shadow var(--mds-transition-surface), background-color var(--mds-transition-surface);\n}\n\n.mds-Card__interactive:hover {\n box-shadow: var(--mds-elevation-hover);\n}\n\n.mds-Card__header {\n display: flex;\n align-items: center;\n gap: var(--mds-gap);\n font: var(--mds-type-card-title);\n color: var(--mds-text-primary);\n}\n\n/ A lone child is the header row, so it gets the width AppBar gives its title. /\n.mds-Card__header > :only-child {\n flex: 1;\n min-width: 0;\n}\n\n.mds-Card__body {\n flex: 1;\n}\n\n/ The card clips its overflow, so a row of actions that outgrows one line has\n to fall to the next rather than disappear off the edge. /\n.mds-Card__footer {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: var(--mds-gap);\n}\n\n/ A slot pays for the card edge it sits against; the card's own gap pays for\n the space between two of them. Padding the outer edges from each slot instead\n left a header above a footer with nothing between them, and a card ending on\n its header with no bottom padding at all. /\n.mds-Card__header,\n.mds-Card__body,\n.mds-Card__footer {\n padding: 0 var(--mds-pad-card);\n}\n\n.mds-Card__header:first-child,\n.mds-Card__body:first-child,\n.mds-Card__footer:first-child {\n padding-top: var(--mds-pad-card);\n}\n\n.mds-Card__header:last-child,\n.mds-Card__body:last-child,\n.mds-Card__footer:last-child {\n padding-bottom: var(--mds-pad-card);\n}\n\n/ A slot inside a slot is not against the card at all: the outer one already\n stands between them, so the inner one pays no edge. Same specificity as the\n :first-child rules above, so it has to come after them. /\n:is(.mds-Card__header, .mds-Card__body, .mds-Card__footer) :is(.mds-Card__header, .mds-Card__body, .mds-Card__footer) {\n padding: 0;\n}\n\n/ A line budget the body keeps whatever it holds. -webkit-box is the only\n display that clamps by line count, and it counts lines across block children\n as well as inline ones — a two-paragraph body clips at the budget, with the\n ellipsis on the last line it kept. Measured in Chromium and WebKit, which\n agree; a plain max-height cuts the last line in half and says nothing. /\n.mds-Card__clipped {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: var(--card-lines);\n line-clamp: var(--card-lines);\n overflow: hidden;\n}\n",".mds-Modal__panel {\n display: flex;\n flex-direction: column;\n width: 100%;\n max-width: var(--mds-modal-w);\n max-height: 85dvh;\n background: var(--mds-surface-raised);\n border-radius: var(--mds-radius-modal);\n box-shadow: var(--mds-elevation-modal);\n opacity: 0;\n transform: scale(0.96);\n transition:\n opacity var(--mds-dur-base) var(--mds-ease-standard),\n transform var(--mds-dur-base) var(--mds-ease-standard);\n}\n\n.mds-Modal__panel[data-open] {\n opacity: 1;\n transform: none;\n}\n\n.mds-Modal__header {\n display: flex;\n align-items: center;\n gap: var(--mds-gap);\n padding: var(--mds-pad-card) var(--mds-pad-card) 0;\n font: var(--mds-type-panel-title);\n color: var(--mds-text-primary);\n}\n\n/ The header's own type role governs; the heading element brings only the\n outline. /\n.mds-Modal__headerTitle {\n flex: 1;\n min-width: 0;\n margin: 0;\n font: inherit;\n color: inherit;\n}\n\n.mds-Modal__body {\n flex: 1;\n overflow-y: auto;\n overscroll-behavior-y: contain;\n padding: var(--mds-pad-card);\n}\n\n.mds-Modal__footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: var(--mds-gap);\n padding: 0 var(--mds-pad-card) var(--mds-pad-card);\n}\n","/ Floating UI writes left/top on the element every frame the anchor moves;\n the offsets it computes are from the viewport, so the panel is fixed and\n parked at the origin until the first pass lands. width: max-content lets it\n size to its content and be measured before it is placed — a panel that\n stretched to the body's width would be measured against the wrong box and\n flip to the wrong side. /\n.mds-Popover__panel {\n position: fixed;\n top: 0;\n left: 0;\n z-index: var(--mds-z-popover);\n display: flex;\n flex-direction: column;\n width: max-content;\n max-width: min(var(--mds-popover-w), calc(100vw - 2 var(--mds-pad-page-x)));\n overflow: hidden;\n background: var(--mds-surface-raised);\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n border-radius: var(--mds-radius-card);\n box-shadow: var(--mds-elevation-floating);\n opacity: 0;\n transform: scale(0.96);\n transition:\n opacity var(--mds-dur-fast) var(--mds-ease-standard),\n transform var(--mds-dur-fast) var(--mds-ease-standard);\n}\n\n/* It grows out of the edge it is attached to, so the movement reads as coming\n from the trigger rather than from the middle of the screen. data-placement\n is the side Floating UI settled on after flipping, not the one asked for. /\n.mds-Popover__panel[data-placement^=\"bottom\"] {\n transform-origin: top center;\n}\n\n.mds-Popover__panel[data-placement^=\"top\"] {\n transform-origin: bottom center;\n}\n\n.mds-Popover__panel[data-placement^=\"left\"] {\n transform-origin: center right;\n}\n\n.mds-Popover__panel[data-placement^=\"right\"] {\n transform-origin: center left;\n}\n\n.mds-Popover__panel[data-open] {\n opacity: 1;\n transform: none;\n}\n\n.mds-Popover__header {\n display: flex;\n align-items: center;\n gap: var(--mds-gap);\n padding: var(--mds-pad-card) var(--mds-pad-card) 0;\n font: var(--mds-type-panel-title);\n color: var(--mds-text-primary);\n}\n\n/ The header's own type role governs; the heading element brings only the\n outline. /\n.mds-Popover__headerTitle {\n flex: 1;\n min-width: 0;\n margin: 0;\n font: inherit;\n color: inherit;\n}\n\n.mds-Popover__close {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: none;\n width: var(--mds-tap-min);\n height: var(--mds-tap-min);\n margin: calc((var(--mds-tap-min) - var(--mds-icon-lg)) / -2);\n margin-left: 0;\n border: none;\n border-radius: var(--mds-radius-pill);\n background: transparent;\n color: var(--mds-text-secondary);\n cursor: pointer;\n}\n\n.mds-Popover__closeGlyph {\n width: var(--mds-icon-sm);\n height: var(--mds-icon-sm);\n}\n\n/ The panel is capped by size() against the room the viewport has left, so the\n overflow lands here rather than on the panel: a header and a footer stay put\n while the middle scrolls. /\n.mds-Popover__body {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n overscroll-behavior-y: contain;\n padding: var(--mds-pad-card);\n font: var(--mds-type-body);\n color: var(--mds-text-primary);\n}\n\n.mds-Popover__footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: var(--mds-gap);\n padding: 0 var(--mds-pad-card) var(--mds-pad-card);\n}\n","/ Same placement contract as a popover: fixed, parked at the origin, sized to\n its own content so it can be measured before Floating UI places it. /\n.mds-Menu__panel {\n position: fixed;\n top: 0;\n left: 0;\n z-index: var(--mds-z-popover);\n display: flex;\n flex-direction: column;\n width: max-content;\n min-width: var(--mds-control-h-lg);\n max-width: min(var(--mds-popover-w), calc(100vw - 2 var(--mds-pad-page-x)));\n overflow-y: auto;\n overscroll-behavior-y: contain;\n padding: var(--mds-pad-tight) 0;\n background: var(--mds-surface-raised);\n border: var(--mds-border-width) solid var(--mds-border-subtle);\n border-radius: var(--mds-radius-card);\n box-shadow: var(--mds-elevation-floating);\n opacity: 0;\n transform: scale(0.96);\n transition:\n opacity var(--mds-dur-fast) var(--mds-ease-standard),\n transform var(--mds-dur-fast) var(--mds-ease-standard);\n}\n\n/* It grows out of the edge it is attached to. data-placement is the side\n Floating UI settled on after flipping, not the one asked for. /\n.mds-Menu__panel[data-placement^=\"bottom\"] {\n transform-origin: top center;\n}\n\n.mds-Menu__panel[data-placement^=\"top\"] {\n transform-origin: bottom center;\n}\n\n.mds-Menu__panel[data-placement^=\"left\"] {\n transform-origin: center right;\n}\n\n.mds-Menu__panel[data-placement^=\"right\"] {\n transform-origin: center left;\n}\n\n.mds-Menu__panel[data-open] {\n opacity: 1;\n transform: none;\n}\n\n.mds-Menu__item {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n min-height: var(--mds-tap-min);\n padding: var(--mds-pad-item-y) var(--mds-pad-card);\n border: none;\n background: transparent;\n font: var(--mds-type-item-title);\n color: var(--mds-text-primary);\n text-align: start;\n cursor: pointer;\n}\n\n.mds-Menu__item:hover:not(:disabled),\n.mds-Menu__item:focus-visible {\n background: var(--mds-surface-selected);\n}\n\n/ The ring is inset rather than outset: an item runs the full width of the\n panel, and a ring outside it would be clipped by the panel's own overflow. /\n.mds-Menu__item:focus-visible {\n outline: var(--mds-focus-width) solid var(--mds-focus-ring-color);\n outline-offset: calc(var(--mds-focus-offset) -1);\n}\n\n.mds-Menu__item:disabled {\n color: var(--mds-text-muted);\n cursor: default;\n}\n\n.mds-Menu__tone-danger {\n color: var(--mds-status-danger);\n}\n\n.mds-Menu__tone-danger:hover:not(:disabled),\n.mds-Menu__tone-danger:focus-visible {\n background: var(--mds-status-danger-soft);\n}\n","/* Same placement contract as a popover: fixed, parked at the origin, sized to\n its own content so it can be measured before Floating UI places it. /\n.mds-Tooltip__surface {\n position: fixed;\n top: 0;\n left: 0;\n z-index: var(--mds-z-tooltip);\n width: max-content;\n max-width: min(var(--mds-tooltip-w), calc(100vw - 2 var(--mds-pad-page-x)));\n padding: var(--mds-pad-tag-y) var(--mds-pad-tag-x);\n /* It sits over whatever it describes, so it is the inverse surface rather\n than a raised one: the contrast is against the page it covers, not against\n a card it belongs to. /\n background: var(--mds-surface-inverse);\n color: var(--mds-text-inverse);\n border-radius: var(--mds-radius-tag);\n box-shadow: var(--mds-elevation-floating);\n font: var(--mds-type-note);\n / No pointer-events: none here, deliberately: the pointer must be able to\n rest on the surface — to select the text, say — without it vanishing\n (WCAG 1.4.13). It sits beside the trigger with a gap, so it does not\n shadow the control it describes. /\n}\n",".mds-ConfirmDialog__description {\n margin: 0;\n font: var(--mds-type-body);\n color: var(--mds-text-secondary);\n}\n\n.mds-ConfirmDialog__error {\n margin: 0;\n font: var(--mds-type-body);\n color: var(--mds-status-danger);\n}\n","/ Needs a host with a resolved height — the app root, a device frame, or a\n `flex: 1; min-height: 0` slot. The host owns the viewport (see Screen.tsx);\n claiming the viewport height here would overflow any frame the keyboard has shrunk. /\n.mds-Screen__screen {\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 0;\n background: var(--mds-surface-page);\n}\n\n/ min-height: 0 is what lets the region shrink inside the flex column and\n keep the scroll, instead of growing the screen and handing the scroll to\n whatever contains it. /\n.mds-Screen__content {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n / The screen is the only thing that scrolls, so the gesture stops here. Without\n this, reaching the last card hands the rest of the drag to the page and the\n whole app rubber-bands in Safari — a page that does not scroll, scrolling. /\n overscroll-behavior-y: contain;\n padding: var(--mds-pad-page-y) var(--mds-pad-page-x);\n}\n\n.mds-Screen__content.mds-Screen__flush {\n padding: 0;\n}\n",".mds-AppBar__bar {\n position: sticky;\n top: 0;\n z-index: var(--mds-z-header);\n display: flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n height: var(--mds-header-h);\n padding-inline: var(--mds-pad-page-x);\n background: var(--mds-surface-page);\n border-bottom: var(--mds-border-width) solid var(--mds-border-subtle);\n}\n\n/ Content to the screen edge — for bars whose slots handle their own\n alignment. The default padding is what matches Container's page column. /\n.mds-AppBar__flush {\n padding-inline: 0;\n}\n\n.mds-AppBar__title {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n margin: 0;\n font: var(--mds-type-panel-title);\n color: var(--mds-text-primary);\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n/ Title + subtitle stack. Takes over the title's flex share; the title\n inside keeps its own ellipsis. /\n.mds-AppBar__text {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n}\n\n.mds-AppBar__text .mds-AppBar__title {\n flex: none;\n}\n\n.mds-AppBar__subtitle {\n min-width: 0;\n overflow: hidden;\n font: var(--mds-type-note);\n color: var(--mds-text-secondary);\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.mds-AppBar__slot {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-hairline);\n}\n\n/ The actions belong at the end even when no title is there to push them:\n auto margin absorbs the free space the missing flex child leaves behind.\n With a title present its flex share is already 1, so this is a no-op. /\n.mds-AppBar__trailing {\n margin-inline-start: auto;\n}\n",".mds-TabBar__bar {\n / Positioned for the stacking context alone. Sticky bought nothing — the bar\n is the last item of a column that already has a resolved height — and it\n promoted the bar to a layer of its own, which is what the raised action\n then lost its top to. /\n position: relative;\n z-index: var(--mds-z-tabbar);\n display: flex;\n align-items: stretch;\n / The home-bar inset is added to the bar, not spent out of it: the box is\n border-box, so padding alone would take the inset out of the height the\n items stand in and squash them against the edge on a device that has one. /\n height: calc(var(--mds-tabbar-h) + var(--mds-safe-bottom));\n padding: 0 var(--mds-tabbar-pad-x) calc(var(--mds-tabbar-seat) + var(--mds-safe-bottom));\n / Chrome over the scrolling body, so it takes the step above it rather than\n the page's own colour: that is the body itself, a percent off the card in\n the default theme and the same colour on a brand that separates them, which\n leaves the bar a border line across a flat field. /\n background: var(--mds-surface-card);\n border-top: var(--mds-border-width) solid var(--mds-border-subtle);\n}\n\n.mds-TabBar__item {\n position: relative; / anchors the active indicator /\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--mds-gap-hairline);\n margin: 0;\n padding: 0;\n border: none;\n background: none;\n cursor: pointer;\n font: var(--mds-type-tab);\n color: var(--mds-text-muted);\n text-decoration: none;\n transition: color var(--mds-transition-control);\n}\n\n.mds-TabBar__item:hover {\n color: var(--mds-text-secondary);\n}\n\n.mds-TabBar__active,\n.mds-TabBar__active:hover {\n color: var(--mds-text-accent);\n}\n\n/ A drawn mark beside the color swap — the tint alone is invisible to anyone\n who cannot separate accent from muted (WCAG 1.4.1). currentColor keeps the\n two cues from drifting apart. /\n.mds-TabBar__active::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 50%;\n translate: -50%;\n width: var(--mds-tabbar-icon);\n height: var(--mds-border-emphasis);\n border-radius: var(--mds-radius-pill);\n background: currentColor;\n}\n\n/ A tab's glyph is a step of its own, above the icon scale — see\n --mds-tabbar-icon. Published as the slot so an icon that states no size of\n its own takes it, and so does an icon set that can only size itself. /\n.mds-TabBar__icon {\n position: relative; / anchors the badge dot /\n display: inline-flex;\n --mds-icon-slot: var(--mds-tabbar-icon);\n width: var(--mds-icon-slot);\n height: var(--mds-icon-slot);\n font-size: var(--mds-icon-slot);\n}\n\n.mds-TabBar__icon > svg {\n width: 100%;\n height: 100%;\n}\n\n/ Attention dot, pinned to the icon's top-right corner. /\n.mds-TabBar__badge {\n position: absolute;\n top: var(--mds-dot-offset-y);\n right: var(--mds-dot-offset-x);\n width: var(--mds-dot);\n height: var(--mds-dot);\n border-radius: var(--mds-radius-pill);\n background: var(--mds-status-danger);\n / Ring in the bar's color so the dot stays legible over the glyph. /\n box-shadow: 0 0 0 var(--mds-dot-ring) var(--mds-surface-card);\n}\n\n/ A caption never wraps: the bar's height is fixed, and a translation twice\n the length of the English would push the glyph out of it. /\n.mds-TabBar__label {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/ The raised center action. Aligned to the top of the bar, then pulled the lift\n above it so it breaks the bar's edge. Not centred: centring measures the\n margin box too, so a negative margin there is halved against the free space\n it removes and the action lands short of where it was asked to go. /\n.mds-TabBar__action {\n flex: none;\n align-self: flex-start;\n width: var(--mds-tabbar-action);\n height: var(--mds-tabbar-action);\n margin-top: calc(-1 var(--mds-tabbar-action-lift));\n border: none;\n border-radius: var(--mds-radius-pill);\n background: var(--mds-accent);\n color: var(--mds-accent-contrast);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-shadow: var(--mds-elevation-floating);\n cursor: pointer;\n transition: background-color var(--mds-transition-control);\n}\n\n.mds-TabBar__action:hover {\n background: var(--mds-accent-hover);\n}\n\n/* Forced colors strips author backgrounds — including a currentColor one — so\n the active indicator is restated in the system's selection color. /\n@media (forced-colors: active) {\n .mds-TabBar__active::before {\n background: SelectedItem;\n }\n}\n",".mds-SideNav__nav {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n width: var(--mds-sidebar-w);\n flex: 0 0 var(--mds-sidebar-w);\n padding: var(--mds-pad-page-y) var(--mds-pad-tight);\n overflow-y: auto;\n overscroll-behavior-y: contain;\n}\n\n.mds-SideNav__group {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-hairline);\n}\n\n/ Only inset, to line the word up with the rows under it: the column's own\n gap is what holds it off them. /\n.mds-SideNav__heading {\n padding-inline: var(--mds-pad-control);\n font: var(--mds-type-label);\n color: var(--mds-text-muted);\n}\n\n.mds-SideNav__item {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n min-height: var(--mds-tap-min);\n padding: var(--mds-pad-tight) var(--mds-pad-control);\n border: none;\n border-radius: var(--mds-radius-control);\n background: none;\n color: var(--mds-text-secondary);\n font: var(--mds-type-label);\n text-align: left;\n text-decoration: none;\n cursor: pointer;\n transition: var(--mds-transition-surface);\n}\n\n.mds-SideNav__item:hover {\n background: var(--mds-surface-sunken);\n color: var(--mds-text-primary);\n}\n\n/ The row you are on is a surface, not a colour: the accent is spent on what\n can be pressed, and every row here can. /\n.mds-SideNav__active,\n.mds-SideNav__active:hover {\n background: var(--mds-surface-selected);\n color: var(--mds-text-primary);\n font-weight: var(--mds-weight-semibold);\n}\n\n.mds-SideNav__icon {\n display: inline-flex;\n flex: none;\n --mds-icon-slot: var(--mds-icon-md);\n width: var(--mds-icon-slot);\n height: var(--mds-icon-slot);\n font-size: var(--mds-icon-slot);\n}\n\n.mds-SideNav__icon > svg {\n width: 100%;\n height: 100%;\n}\n\n/ The word takes the room the glyph and the count leave, and gives it back by\n truncating: a translation twice the length of the English would otherwise\n wrap a row that is one line tall. /\n.mds-SideNav__label {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/ At the far end of the row, away from the word it counts. /\n.mds-SideNav__count {\n flex: none;\n}\n",".mds-MediaPlaceholder__media {\n position: relative;\n display: block;\n overflow: hidden;\n aspect-ratio: var(--media-aspect, 16 / 9);\n border-radius: var(--mds-radius-media);\n background: var(--mds-surface-sunken);\n}\n\n/ Absolutely positioned rather than filling the flow: the box owns its height\n through aspect-ratio, and a picture that has not loaded must not change it. /\n.mds-MediaPlaceholder__fill {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--mds-gap-tight);\n color: var(--mds-text-muted);\n / Reads as \"nothing here yet\" rather than as a colour somebody chose. /\n background-image: repeating-linear-gradient(\n 45deg,\n transparent 0 var(--mds-media-hatch),\n var(--mds-border-strong) var(--mds-media-hatch)\n calc(var(--mds-media-hatch) + var(--mds-border-width))\n );\n transition: filter var(--mds-transition-reveal);\n}\n\n.mds-MediaPlaceholder__image {\n position: absolute;\n inset: 0;\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: filter var(--mds-transition-reveal);\n}\n\n.mds-MediaPlaceholder__caption {\n position: absolute;\n inset-inline: 0;\n inset-block-end: 0;\n padding: var(--mds-pad-tight);\n background: var(--mds-scrim);\n}\n\n/ A sibling of the fill and the image rather than a child of either, so it\n stays sharp while they blur — the prompt to reveal has to stay readable. /\n.mds-MediaPlaceholder__cover {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--mds-gap-tight);\n padding: var(--mds-pad-card);\n text-align: center;\n}\n\n/ Blur reaches the fill and the image only. /\n.mds-MediaPlaceholder__blurred .mds-MediaPlaceholder__fill,\n.mds-MediaPlaceholder__blurred .mds-MediaPlaceholder__image {\n filter: blur(var(--mds-blur-media));\n transform: scale(1.1);\n}\n",".mds-ImageCarousel__carousel {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n}\n\n.mds-ImageCarousel__viewport {\n position: relative;\n / The gallery takes the horizontal drag; the page keeps the vertical one. /\n touch-action: pan-y;\n user-select: none;\n}\n\n.mds-ImageCarousel__slide {\n overflow: hidden;\n border-radius: var(--mds-radius-media);\n}\n\n/ Qualified with `.viewport` so the answer does not depend on which stylesheet\n the bundler happens to write last: `.step` and Button's `.variant-secondary`\n are both one class, and the variant is transparent by design — over a\n photograph that would leave the control to be guessed at. /\n.mds-ImageCarousel__viewport .mds-ImageCarousel__step,\n.mds-ImageCarousel__viewport .mds-ImageCarousel__zoom {\n position: absolute;\n z-index: var(--mds-z-raised);\n background: var(--mds-surface-card);\n}\n\n.mds-ImageCarousel__viewport .mds-ImageCarousel__step {\n top: 50%;\n transform: translateY(-50%);\n}\n\n.mds-ImageCarousel__viewport .mds-ImageCarousel__prev {\n inset-inline-start: var(--mds-media-inset);\n}\n\n.mds-ImageCarousel__viewport .mds-ImageCarousel__next {\n inset-inline-end: var(--mds-media-inset);\n}\n\n/ Hidden rather than dimmed at the ends: a control that cannot do anything is\n one more thing to read on top of the picture. /\n.mds-ImageCarousel__viewport .mds-ImageCarousel__step:disabled {\n visibility: hidden;\n}\n\n.mds-ImageCarousel__viewport .mds-ImageCarousel__zoom {\n inset-inline-start: var(--mds-media-inset);\n inset-block-end: var(--mds-media-inset);\n}\n\n.mds-ImageCarousel__counter {\n position: absolute;\n inset-inline-end: var(--mds-media-inset);\n inset-block-end: var(--mds-media-inset);\n z-index: var(--mds-z-raised);\n padding: var(--mds-pad-count-y) var(--mds-pad-count-x);\n border-radius: var(--mds-radius-pill);\n background: var(--mds-scrim);\n color: var(--mds-text-on-media);\n}\n\n.mds-ImageCarousel__thumbs {\n display: flex;\n gap: var(--mds-gap-hairline);\n}\n\n/ Capped, not shared: `flex: 1 1 0` made each thumbnail the column divided by\n however many there were, so a wide screen drew them the size of pictures.\n Shrink is left on so a narrow phone still fits the strip on one row. /\n.mds-ImageCarousel__thumb {\n flex: 0 1 var(--mds-carousel-thumb);\n min-width: 0;\n overflow: hidden;\n padding: 0;\n border: var(--mds-border-width) solid transparent;\n border-radius: var(--mds-radius-media);\n background: var(--mds-surface-sunken);\n cursor: pointer;\n transition: var(--mds-transition-control);\n}\n\n.mds-ImageCarousel__thumb:hover {\n border-color: var(--mds-border-subtle);\n}\n\n.mds-ImageCarousel__thumb[aria-current=\"true\"] {\n border-color: var(--mds-border-strong);\n}\n\n.mds-ImageCarousel__more {\n display: flex;\n align-items: center;\n justify-content: center;\n aspect-ratio: 1 / 1;\n}\n\n.mds-ImageCarousel__dots {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n/ The dot is what you see; the button is what you hit. Drawing the mark with\n a pseudo-element lets the target be a thumb wide without a row of dots\n turning into a row of buttons. /\n.mds-ImageCarousel__dot {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: var(--mds-tap-min);\n min-height: var(--mds-tap-min);\n padding: 0;\n border: 0;\n background: none;\n cursor: pointer;\n}\n\n.mds-ImageCarousel__dot::after {\n content: \"\";\n width: var(--mds-dot);\n height: var(--mds-dot);\n border-radius: var(--mds-radius-pill);\n background: var(--mds-border-subtle);\n transition: var(--mds-transition-control);\n}\n\n.mds-ImageCarousel__dot[aria-current=\"true\"]::after {\n background: var(--mds-accent);\n}\n",".mds-UploadProgress__upload {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n}\n\n.mds-UploadProgress__head {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n / Without this the name's ellipsis never triggers: a flex item's floor is\n its content, so a long file name widens the row instead of truncating. /\n min-width: 0;\n}\n\n.mds-UploadProgress__preview {\n flex: none;\n width: var(--mds-upload-thumb);\n height: var(--mds-upload-thumb);\n overflow: hidden;\n border-radius: var(--mds-radius-media);\n background: var(--mds-surface-sunken);\n}\n\n.mds-UploadProgress__preview > {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n/* A fixed box on the icon scale: the mark comes from an icon set the system\n has never heard of, and only the slot can hold the row's height steady. /\n.mds-UploadProgress__mark {\n --mds-icon-slot: var(--mds-icon-sm);\n display: inline-flex;\n flex: none;\n align-items: center;\n justify-content: center;\n width: var(--mds-icon-slot);\n height: var(--mds-icon-slot);\n font-size: var(--mds-icon-slot);\n}\n\n.mds-UploadProgress__name {\n flex: 1;\n min-width: 0;\n}\n\n.mds-UploadProgress__foot {\n display: flex;\n flex-wrap: wrap;\n gap: var(--mds-gap-tight);\n}\n\n.mds-UploadProgress__status-done .mds-UploadProgress__mark {\n color: var(--mds-status-success);\n}\n\n.mds-UploadProgress__status-error .mds-UploadProgress__mark {\n color: var(--mds-status-danger);\n}\n",".mds-FileDrop__drop {\n display: block;\n}\n\n.mds-FileDrop__target {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: var(--mds-gap-hairline);\n width: 100%;\n padding: var(--mds-pad-drop-y) var(--mds-pad-card);\n border: var(--mds-border-width) dashed var(--mds-border-strong);\n border-radius: var(--mds-radius-media);\n background: var(--mds-surface-sunken);\n color: var(--mds-text-primary);\n cursor: pointer;\n transition: var(--mds-transition-surface);\n}\n\n.mds-FileDrop__target:focus-visible {\n outline: var(--mds-focus-width) solid var(--mds-focus-ring-color);\n outline-offset: var(--mds-focus-offset);\n}\n\n.mds-FileDrop__target:disabled {\n border-color: var(--mds-border-subtle);\n color: var(--mds-action-disabled-fg);\n cursor: not-allowed;\n}\n\n/ A file is over the zone and would land if let go. The dashes stay — the\n invitation has not changed — and only the surface answers. /\n.mds-FileDrop__over .mds-FileDrop__target {\n border-color: var(--mds-action-bg);\n background: var(--mds-surface-selected);\n}\n\n.mds-FileDrop__icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--mds-icon-lg);\n height: var(--mds-icon-lg);\n font-size: var(--mds-icon-lg);\n color: var(--mds-text-muted);\n}\n\n.mds-FileDrop__picker {\n display: none;\n}\n",".mds-Lightbox__panel {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n}\n\n/ The controls sit above the notch, not under it. /\n.mds-Lightbox__bar {\n display: flex;\n justify-content: flex-end;\n gap: var(--mds-gap-tight);\n padding: var(--mds-pad-tight);\n padding-top: calc(var(--mds-pad-tight) + var(--mds-safe-top));\n}\n\n.mds-Lightbox__surface {\n flex: 1;\n min-height: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n / The browser's own pan and pinch would fight the component's. /\n touch-action: none;\n user-select: none;\n}\n\n/ The gesture writes --zoom and --pan-; the transform is the stylesheet's.\n No fallbacks: the component sets all three on every render, and a fallback\n would be a length written into a stylesheet for a case that cannot happen. /\n.mds-Lightbox__image {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n transform-origin: center;\n transform: translate(var(--pan-x), var(--pan-y)) scale(var(--zoom));\n will-change: transform;\n}\n\n.mds-Lightbox__caption {\n padding: var(--mds-pad-tight) var(--mds-pad-card);\n padding-bottom: calc(var(--mds-pad-card) + var(--mds-safe-bottom));\n text-align: center;\n}\n",".mds-VideoPlayer__player {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-tight);\n}\n\n.mds-VideoPlayer__frame {\n position: relative;\n overflow: hidden;\n border-radius: var(--mds-radius-media);\n background: var(--mds-surface-media);\n}\n\n.mds-VideoPlayer__media {\n display: block;\n width: 100%;\n aspect-ratio: 16 / 9;\n object-fit: contain;\n transition: var(--mds-transition-reveal);\n}\n\n/* The blur reaches the picture only: a cover sitting over a blurred cover is\n unreadable, and it is the one thing here that has to be read. /\n.mds-VideoPlayer__covered .mds-VideoPlayer__media {\n filter: blur(var(--mds-blur-media));\n transform: scale(1.1);\n}\n\n.mds-VideoPlayer__start {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n padding: 0;\n background: var(--mds-scrim);\n color: var(--mds-text-on-media);\n cursor: pointer;\n}\n\n.mds-VideoPlayer__startGlyph {\n display: flex;\n width: var(--mds-icon-btn-size);\n height: var(--mds-icon-btn-size);\n align-items: center;\n justify-content: center;\n border: var(--mds-border-width) solid var(--mds-on-media-border);\n border-radius: var(--mds-radius-pill);\n background: var(--mds-on-media-surface-hover);\n}\n\n.mds-VideoPlayer__startGlyph svg {\n width: var(--mds-icon-md);\n height: var(--mds-icon-md);\n}\n\n.mds-VideoPlayer__cover {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--mds-pad-card);\n text-align: center;\n}\n\n.mds-VideoPlayer__controls {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-tight);\n}\n\n.mds-VideoPlayer__scrub {\n flex: 1 1 auto;\n min-width: 0;\n accent-color: var(--mds-accent);\n cursor: pointer;\n}\n\n.mds-VideoPlayer__scrub:focus-visible {\n border-radius: var(--mds-radius-pill);\n}\n\n/ A clock that does not shuffle sideways as the digits change. /\n.mds-VideoPlayer__time {\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n}\n\n.mds-VideoPlayer__chapters {\n display: flex;\n flex-direction: column;\n gap: var(--mds-gap-hairline);\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.mds-VideoPlayer__chapter {\n width: 100%;\n justify-content: flex-start;\n gap: var(--mds-gap-tight);\n text-align: start;\n}\n\n.mds-VideoPlayer__chapterAt {\n font-variant-numeric: tabular-nums;\n color: var(--mds-text-muted);\n}\n\n/ Up full screen the player is the page: the picture takes the room the list\n and the controls do not need. */\n.mds-VideoPlayer__player:fullscreen {\n justify-content: center;\n padding: var(--mds-pad-tight);\n background: var(--mds-surface-page);\n}\n\n.mds-VideoPlayer__player:fullscreen .mds-VideoPlayer__frame {\n display: flex;\n min-height: 0;\n flex: 1;\n align-items: center;\n justify-content: center;\n}\n\n.mds-VideoPlayer__player:fullscreen .mds-VideoPlayer__media {\n max-height: 100%;\n aspect-ratio: auto;\n}\n\n.mds-VideoPlayer__player:fullscreen .mds-VideoPlayer__chapters {\n min-height: 0;\n overflow-y: auto;\n overscroll-behavior-y: contain;\n}\n",".mds-Breadcrumb__crumbs {\n min-width: 0;\n}\n\n.mds-Breadcrumb__list {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--mds-gap-hairline);\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.mds-Breadcrumb__item {\n display: flex;\n align-items: center;\n gap: var(--mds-gap-hairline);\n min-width: 0;\n}\n\n.mds-Breadcrumb__separator {\n flex: none;\n width: var(--mds-icon-sm);\n height: var(--mds-icon-sm);\n color: var(--mds-text-muted);\n}\n\n.mds-Breadcrumb__link {\n display: flex;\n align-items: center;\n color: var(--mds-text-secondary);\n}\n\n.mds-Breadcrumb__link:hover {\n color: var(--mds-text-primary);\n}\n"],"mappings":"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","names":[]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@mond-design-system/react",
-  "version": "6.2.0",
+  "version": "6.2.1",
   "description": "Mond Design System — React component library. Self-styled, brand-agnostic, WCAG 2.2 AA.",
   "license": "MIT",
   "repository": {
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "@mond-design-system/tokens": "^4.1.0"
+    "@mond-design-system/tokens": "^4.2.0"
   },
   "peerDependencies": {
     "react": ">=19",