@layer components {

}

@layer components {

[data-mr="alert"] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: var(--mr-gap-inline);
    padding: var(--mr-pad-cell) var(--mr-pad-block);
    border-radius: var(--mr-radius-sm);
    border-inline-start: calc(var(--mr-border-width-lg) * 1.5) solid var(--mr-tone-emphasis);
    font-size: var(--mr-text-row);
    line-height: var(--mr-leading-control);
}
[data-mr="alert"] > div:not([data-mr]) { flex: 1 1 auto; min-inline-size: 0; }

[data-mr="alert.icon"] {
    flex: 0 0 auto;
    inline-size: 1.1em;
    block-size: 1.1em;
    margin-block-start: 0.15em;
    background-color: var(--mr-tone-emphasis);
    border-radius: var(--mr-radius-sm);
}

[data-mr="alert.title"] {
    margin: 0 0 var(--mr-gap-pair);
    font-weight: var(--mr-weight-semibold);
    color: var(--mr-fg-strong, var(--mr-fg));
}

[data-mr="alert.body"] { color: var(--mr-fg-muted); }
[data-mr="alert.body"] p { margin: 0; }
[data-mr="alert.body"] + [data-mr="alert.actions"] { margin-block-start: var(--mr-gap-stack); }

[data-mr="alert.actions"] {
    display: flex;
    gap: var(--mr-gap-inline);
    margin-block-start: var(--mr-gap-stack);
}
[data-mr="alert.actions.item"] {
    font-weight: var(--mr-weight-medium);
    color: var(--mr-tone-emphasis);
    text-decoration: none;
}
[data-mr="alert.actions.item"]:hover { text-decoration: underline; }
[data-mr="alert.actions.item"][data-mr-emphasis="strong"] { font-weight: var(--mr-weight-semibold); }

[data-mr="alert.dismiss"] {
    flex: 0 0 auto;
    inline-size: var(--mr-control-height);
    block-size: var(--mr-control-height);
    margin: calc(var(--mr-pad-cell) * -1) calc(var(--mr-pad-block) * -0.6) 0 0;
    background: none;
    border: 0;
    color: var(--mr-fg-subtle);
    cursor: pointer;
    border-radius: var(--mr-radius-sm);
}
[data-mr="alert.dismiss"]:hover { background-color: var(--mr-bg-sunken); color: var(--mr-fg); }

[data-mr="alert.dismiss"] > [data-pv-placeholder] { display: none; }
[data-mr="alert.dismiss"]::before { content: "\2715"; }

[data-mr="alert"] { background-color: var(--mr-tone-subtle); color: var(--mr-fg); }
[data-mr="alert"][data-mr-variant="solid"] {
    background-color: var(--mr-tone);
    border-inline-start-color: transparent;
    color: var(--mr-on-tone);
}
[data-mr="alert"][data-mr-variant="solid"] [data-mr="alert.body"] { color: var(--mr-on-tone); }
[data-mr="alert"][data-mr-variant="solid"] [data-mr="alert.icon"] { background-color: var(--mr-on-tone); }
[data-mr="alert"][data-mr-variant="outline"] {
    background-color: var(--mr-bg-raised);
    border: var(--mr-border-width-sm) solid var(--mr-border);
    border-inline-start: calc(var(--mr-border-width-lg) * 1.5) solid var(--mr-tone-emphasis);
}

}

@layer components {

[data-mr="announcement"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--mr-gap-pair) var(--mr-gap-inline);

    padding: var(--mr-pad-cell) var(--mr-pad-inline);

    border-radius: 0;

    border-block-end: var(--mr-border-width-sm) solid var(--mr-fg-subtle);
    background: var(--mr-tone-subtle);
    color: var(--mr-fg);
    font-size: var(--mr-text-row);
}

[data-mr="announcement.mark"] {
    flex: none;
    display: grid;
    place-items: center;
    inline-size: var(--mr-glyph-mark);
    block-size: var(--mr-glyph-mark);
    font-size: var(--mr-glyph-mark);
    line-height: var(--mr-leading-control);
    color: var(--mr-tone-emphasis);
}
[data-mr="announcement.mark"] > svg,
[data-mr="announcement.mark"] > img { inline-size: 100%; block-size: 100%; }
[data-mr="announcement.mark"] > i,
[data-mr="announcement.mark"] > em { font-size: inherit; font-style: normal; line-height: 1; }

[data-mr="announcement.message"] {
    flex: 1 1 16ch;
    min-inline-size: 0;
    margin: 0;
    color: var(--mr-tone-emphasis);
    line-height: var(--mr-leading-control);
    text-wrap: pretty;
}

[data-mr="announcement.action"] {
    flex: none;
    display: inline-flex;
    align-items: center;
    min-block-size: var(--mr-control-height);
    color: var(--mr-tone-emphasis);
    font-weight: var(--mr-weight-semibold);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}
[data-mr="announcement.action"]:hover { text-decoration-thickness: var(--mr-border-width-md, 2px); }

[data-mr="announcement.dismiss"] {
    flex: none;
    margin-inline-start: auto;
    display: grid;
    place-items: center;
    inline-size: var(--mr-control-height);
    min-block-size: var(--mr-control-height);
    border: 0;
    background: none;
    color: var(--mr-tone-emphasis);
    cursor: pointer;
}
[data-mr="announcement.dismiss"]::before {
    content: "";
    inline-size: var(--mr-glyph-chevron);
    block-size: var(--mr-glyph-chevron);
    background:
        linear-gradient(currentColor, currentColor) center / 100% var(--mr-border-width-sm) no-repeat,
        linear-gradient(currentColor, currentColor) center / var(--mr-border-width-sm) 100% no-repeat;
    transform: rotate(45deg);
}
[data-mr="announcement.dismiss"]:hover { color: var(--mr-fg); }

[data-mr="announcement"][data-mr-variant="solid"] {
    border-block-end-color: transparent;
    background: var(--mr-tone);
    color: var(--mr-on-tone);
}
[data-mr="announcement"][data-mr-variant="solid"] [data-mr="announcement.mark"],
[data-mr="announcement"][data-mr-variant="solid"] [data-mr="announcement.message"],
[data-mr="announcement"][data-mr-variant="solid"] [data-mr="announcement.action"],
[data-mr="announcement"][data-mr-variant="solid"] [data-mr="announcement.dismiss"] { color: var(--mr-on-tone); }

}

@layer components {

[data-mr="avatar"] {
    --df-avatar-size: var(--mr-glyph-portrait);
    position: relative;
    flex: none;
    display: inline-grid;
    place-items: center;
    inline-size: var(--df-avatar-size);
    block-size: var(--df-avatar-size);
    border-radius: var(--mr-radius-sm);

    background-color: var(--mr-bg-sunken);

    box-shadow: 0 0 0 var(--mr-border-width-sm) var(--mr-fg-subtle);

    user-select: none;
}

[data-mr="avatar.initials"],
[data-mr="avatar.image"] {
    grid-area: 1 / 1;
    inline-size: 100%;
    block-size: 100%;
}
[data-mr="avatar.image"] {
    object-fit: cover;
    object-position: center;

    border-radius: inherit;
}
[data-mr="avatar.initials"] {
    display: grid;
    place-items: center;
    font-family: var(--mr-font-mono);

    font-size: calc(var(--df-avatar-size) * .34);
    font-weight: var(--mr-weight-semibold);
    letter-spacing: var(--mr-tracking-tight);
    color: var(--mr-fg-muted);
    text-transform: uppercase;
    font-variant-numeric: lining-nums;
}

[data-mr="avatar.presence"] {
    position: absolute;
    inset-block-end: 0;
    inset-inline-end: 0;
    inline-size: calc(var(--df-avatar-size) * .28);
    block-size: calc(var(--df-avatar-size) * .28);
    border-radius: var(--mr-radius-pill);
    background-color: var(--mr-tone-emphasis);
    box-shadow: 0 0 0 var(--mr-border-width-md, 2px) var(--mr-border-strong);
}

[data-mr="avatar"][data-mr-size="sm"] { --df-avatar-size: var(--mr-glyph-figure); }
[data-mr="avatar"][data-mr-size="md"] { --df-avatar-size: var(--mr-glyph-portrait); }
[data-mr="avatar"][data-mr-size="lg"] { --df-avatar-size: calc(var(--mr-glyph-portrait) * 1.6); }

[data-mr="avatar.group"] {
    display: inline-flex;
    align-items: center;
}
[data-mr="avatar.group"] > [data-mr="avatar"] + [data-mr="avatar"],
[data-mr="avatar.group"] > [data-mr="avatar"] + [data-mr="avatar.group.more"] {
    margin-inline-start: calc(var(--df-avatar-size, var(--mr-glyph-portrait)) * -.28);
}

[data-mr="avatar.group"] > * { position: relative; }
[data-mr="avatar.group"] > :nth-child(2) { z-index: 1; }
[data-mr="avatar.group"] > :nth-child(3) { z-index: 2; }
[data-mr="avatar.group"] > :nth-child(4) { z-index: 3; }
[data-mr="avatar.group"] > :nth-child(n+5) { z-index: 4; }

[data-mr="avatar.group.more"] {
    --df-avatar-size: var(--mr-glyph-portrait);
    flex: none;
    display: inline-grid;
    place-items: center;
    min-inline-size: var(--df-avatar-size);
    block-size: var(--df-avatar-size);
    padding-inline: var(--mr-gap-inline);
    border-radius: var(--mr-radius-sm);
    background-color: var(--mr-bg-sunken);
    box-shadow: 0 0 0 var(--mr-border-width-sm) var(--mr-fg-subtle);
    font-family: var(--mr-font-mono);
    font-size: calc(var(--df-avatar-size) * .3);
    color: var(--mr-fg-muted);
    font-variant-numeric: lining-nums tabular-nums;
}
[data-mr="avatar.group"][data-mr-size="sm"] { --df-avatar-size: var(--mr-glyph-figure); }
[data-mr="avatar.group"][data-mr-size="sm"] > [data-mr="avatar.group.more"] { --df-avatar-size: var(--mr-glyph-figure); }

}

@layer components {

[data-mr="badge"]:not([data-mr-tone]):not([data-mr-pending]) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}

[data-mr="badge"] {
    display: inline-flex;
    align-items: center;
    gap: var(--mr-gap-pair);
    padding: var(--mr-gap-inline) var(--mr-pad-cell);
    border-radius: var(--mr-radius-sm);
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
    line-height: var(--mr-leading-control);
    white-space: nowrap;
    border: var(--mr-border-width-sm) solid transparent;
}
[data-mr="badge.icon"] {
    inline-size: 0.5em;
    block-size: 0.5em;
    border-radius: 50%;
    background-color: currentColor;
    flex: 0 0 auto;
}

[data-mr="badge"] {
    background-color: var(--mr-tone-subtle);
    color: var(--mr-tone-emphasis);
}
[data-mr="badge"][data-mr-variant="solid"] {
    background-color: var(--mr-tone);
    color: var(--mr-on-tone);
}
[data-mr="badge"][data-mr-variant="outline"] {
    border-color: var(--mr-tone-emphasis);
    color: var(--mr-tone-emphasis);
}

[data-mr="badge"][data-mr-shape="square"] { border-radius: 0; }

[data-mr="badge"] { border-radius: var(--mr-radius-pill); }

}

@layer components {

[data-mr="brand"]:not([data-mr-tone]):not([data-mr-pending]) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}

[data-mr="brand"] {
    --df-brand-mark: var(--mr-glyph-figure);
    --df-brand-name: var(--mr-text-row);
    display: inline-grid;
    grid-template-columns: auto auto;

    justify-self: start;
    inline-size: fit-content;
    align-items: center;

    align-content: center;
    gap: 0 var(--mr-gap-inline);
    min-block-size: var(--mr-control-height);
    color: var(--mr-fg);
    text-decoration: none;
}

[data-mr="brand.lockup"] {
    display: flex;
    align-items: center;
    gap: var(--mr-gap-inline);
    grid-column: 1;
}
[data-mr="brand.mark"] {
    display: grid;
    place-content: center;
    flex: none;
    inline-size: var(--df-brand-mark);
    block-size: var(--df-brand-mark);
    border-radius: var(--mr-radius-sm);
    background-color: var(--mr-tone);
    color: var(--mr-on-tone);
    font-family: var(--mr-font-mono);
    font-size: calc(var(--df-brand-mark) * .36);
    font-weight: var(--mr-weight-medium);
    letter-spacing: 0;
    overflow: hidden;
}
[data-mr="brand.mark"] > svg,
[data-mr="brand.mark"] > img { inline-size: 100%; block-size: 100%; object-fit: contain; }

[data-mr="brand.mark"]:has(> svg),
[data-mr="brand.mark"]:has(> img) {
    inline-size: auto;
    background-color: transparent;
    border-radius: 0;
    color: var(--mr-fg);
}
[data-mr="brand.mark"]:has(> svg) > svg,
[data-mr="brand.mark"]:has(> img) > img { inline-size: auto; block-size: var(--df-brand-mark); }

[data-mr="brand"]:has([data-mr="brand.tagline"]) > [data-mr="brand.mark"],
[data-mr="brand"]:has([data-mr="brand.tagline"]) > [data-mr="brand.lockup"] { grid-row: 1 / span 2; }

[data-mr="brand.name"] {
    grid-column: 2;
    font-size: var(--df-brand-name);
    font-weight: var(--mr-weight-semibold);
    letter-spacing: var(--mr-tracking-tight);
    line-height: 1.2;
}

[data-mr="brand.tagline"] {
    grid-column: 2;
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    color: var(--mr-fg-muted);
    line-height: var(--mr-leading-control);
}

[data-mr="brand"] > [data-mr="brand.name"][data-mr-visually-hidden] { position: absolute; }
[data-mr="brand"]:has([data-mr="brand.name"][data-mr-visually-hidden]):not(:has([data-mr="brand.tagline"])) {
    grid-template-columns: auto;
    column-gap: 0;
}

[data-mr="brand"]:not(:has([data-mr="brand.mark"])) { grid-template-columns: auto; }
[data-mr="brand"]:not(:has([data-mr="brand.mark"])) > [data-mr="brand.name"],
[data-mr="brand"]:not(:has([data-mr="brand.mark"])) > [data-mr="brand.tagline"] { grid-column: 1; }

[data-mr="brand.divider"] {
    inline-size: var(--mr-border-width-sm);
    block-size: calc(var(--df-brand-mark) * .7);
    background-color: var(--mr-border);
}

[data-mr="brand"][data-mr-arrangement="stacked"] {
    grid-template-columns: auto;
    justify-items: center;
    gap: var(--mr-gap-pair);
    text-align: center;
}
[data-mr="brand"][data-mr-arrangement="stacked"] > [data-mr="brand.mark"],
[data-mr="brand"][data-mr-arrangement="stacked"] > [data-mr="brand.lockup"] { grid-row: auto; grid-column: auto; }
[data-mr="brand"][data-mr-arrangement="stacked"] > [data-mr="brand.name"],
[data-mr="brand"][data-mr-arrangement="stacked"] > [data-mr="brand.tagline"] { grid-column: auto; }

[data-mr="brand"][data-mr-size="sm"] { --df-brand-mark: calc(var(--mr-glyph-figure) * .8); --df-brand-name: var(--mr-text-meta); }
[data-mr="brand"][data-mr-size="lg"] { --df-brand-mark: var(--mr-glyph-portrait); --df-brand-name: var(--mr-text-title); }

a[data-mr="brand"] { transition: color var(--mr-duration-fast) var(--mr-ease-standard); }
a[data-mr="brand"]:hover > [data-mr="brand.name"] { text-decoration: underline; text-underline-offset: 0.15em; }

}

@layer components {

[data-mr="breadcrumb"] {
    display: block;
    color: var(--mr-fg-muted);
    font-size: var(--mr-text-meta);
}
[data-mr="breadcrumb.list"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 var(--mr-gap-inline);
    margin: 0;
    padding: 0;
    list-style: none;
}
[data-mr="breadcrumb.item"] {
    display: flex;
    align-items: center;
    gap: var(--mr-gap-inline);
    min-inline-size: 0;
}

[data-mr="breadcrumb.item"] + [data-mr="breadcrumb.item"]::before {
    content: "";
    flex: none;
    inline-size: calc(var(--mr-glyph-chevron) * 0.4);
    block-size: calc(var(--mr-glyph-chevron) * 0.4);

    border-block-start: var(--mr-border-width-sm) solid var(--mr-fg-subtle);
    border-inline-end: var(--mr-border-width-sm) solid var(--mr-fg-subtle);
    transform: rotate(45deg);
}

[data-mr="breadcrumb.link"] {
    display: inline-flex;
    align-items: center;
    gap: var(--mr-gap-inline);

    min-block-size: var(--mr-target-min);
    color: var(--mr-fg-muted);
    font: inherit;
    letter-spacing: var(--mr-tracking-tight);
    text-decoration: none;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    transition: color var(--mr-duration-fast) var(--mr-ease-standard);
}
a[data-mr="breadcrumb.link"]:hover { color: var(--mr-fg); text-decoration: underline; text-underline-offset: 0.15em; }

[data-mr="breadcrumb.link"][aria-current="page"] {
    color: var(--mr-tone-emphasis);
    font-weight: var(--mr-weight-semibold);
    cursor: default;
}

[data-mr="breadcrumb.icon"] {
    flex: none;
    display: grid;
    place-items: center;
    inline-size: var(--mr-glyph-mark);
    block-size: var(--mr-glyph-mark);
    color: var(--mr-fg-subtle);
}
[data-mr="breadcrumb.icon"] > svg { inline-size: 100%; block-size: 100%; }
a[data-mr="breadcrumb.link"]:hover [data-mr="breadcrumb.icon"] { color: currentColor; }

[data-mr="breadcrumb"][data-mr-overflow="scroll"] > [data-mr="breadcrumb.list"] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
}
[data-mr="breadcrumb"][data-mr-overflow="scroll"] [data-mr="breadcrumb.link"] { white-space: nowrap; }

[data-mr="breadcrumb"][data-mr-overflow="scroll"] [data-mr="breadcrumb.item"] { flex: none; min-inline-size: auto; }

@media (prefers-reduced-motion: reduce) { [data-mr="breadcrumb.link"] { transition: none; } }

}

@layer components {

[data-mr="button"]:not([data-mr-tone]):not([data-mr-pending]) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}

[data-mr="button"] {
    position: relative;
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
    gap: var(--mr-gap-inline);
    min-inline-size: 0;
    min-block-size: var(--mr-control-height);
    padding-inline: var(--mr-pad-cell);
    border-radius: var(--mr-radius-sm);
    font-family: var(--mr-font-body);
    font-size: var(--mr-text-row);
    font-weight: var(--mr-emphasis-weight, var(--mr-weight-medium));

    letter-spacing: var(--mr-emphasis-tracking, var(--mr-tracking-wide));
    text-transform: uppercase;
    line-height: var(--mr-leading-control);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    border: var(--mr-border-width-sm) solid transparent;
    background-color: transparent;
    color: inherit;
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard),
                border-color var(--mr-duration-fast) var(--mr-ease-standard);
}

[data-mr="button"] {
    --mr-emphasis-weight: var(--mr-weight-medium);
    --mr-emphasis-tracking: var(--mr-tracking-wide);
}
[data-mr="button"][data-mr-emphasis="subtle"] {
    --mr-emphasis-weight: var(--mr-weight-regular);
    --mr-emphasis-tracking: var(--mr-tracking-normal);
}
[data-mr="button"][data-mr-emphasis="strong"] {
    --mr-emphasis-weight: var(--mr-weight-bold);
    --mr-emphasis-tracking: var(--mr-tracking-tight);
}

[data-mr="button.icon"] {
    inline-size: 1em;
    block-size: 1em;
    flex: 0 0 auto;
    background-color: currentColor;
    opacity: 0.85;
    border-radius: var(--mr-radius-sm);
}

[data-mr="button"]:has([data-mr="button.icon"][data-mr-position="trailing"]) { grid-template-columns: auto auto; }
[data-mr="button.icon"][data-mr-position="trailing"] { grid-row: 1; grid-column: 2; }

[data-mr="button"]:not([data-mr-variant="outline"]):not([data-mr-variant="ghost"]):not([data-mr-variant="link"]) {
    background-color: var(--mr-tone);
    color: var(--mr-on-tone);
}
[data-mr="button"]:not([data-mr-variant="outline"]):not([data-mr-variant="ghost"]):not([data-mr-variant="link"]):hover { background-color: var(--mr-tone); box-shadow: inset 0 0 0 var(--mr-border-width-md) var(--mr-on-tone); }

[data-mr="button"][data-mr-variant="outline"] {
    border-color: var(--mr-fg-subtle);
    color: var(--mr-fg);
}
[data-mr="button"][data-mr-variant="outline"]:hover {
    border-color: var(--mr-tone-emphasis);
    background-color: var(--mr-tone-subtle);
    color: var(--mr-tone-emphasis);
}

[data-mr="button"][data-mr-variant="ghost"] { color: var(--mr-fg-muted); }
[data-mr="button"][data-mr-variant="ghost"]:hover {
    background-color: var(--mr-bg-sunken);
    color: var(--mr-fg);
}

[data-mr="button"][data-mr-variant="link"] {
    text-transform: none;
    letter-spacing: var(--mr-tracking-normal);
    padding-inline: 0;
    min-block-size: 0;
    color: var(--mr-tone-emphasis);
    text-underline-offset: 0.2em;
    text-decoration: underline;
    text-decoration-thickness: var(--mr-border-width-sm);
    text-decoration-color: color-mix(in srgb, var(--mr-tone-emphasis) 45%, transparent);
}
[data-mr="button"][data-mr-variant="link"]:hover { text-decoration-color: var(--mr-tone-emphasis); }

[data-mr="button"][data-mr-shape="pill"] { border-radius: var(--mr-radius-pill); }
[data-mr="button"][data-mr-shape="icon"] {
    padding-inline: 0;
    inline-size: var(--mr-control-height);
    aspect-ratio: 1 / 1;
}

[data-mr="button"]:is(:disabled, [aria-disabled="true"]) {
    cursor: not-allowed;
    opacity: 0.45;
}
[data-mr="button"][aria-busy="true"] {
    color: transparent;
    pointer-events: none;
}
[data-mr="button"][aria-busy="true"]::after {
    content: "";
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    inline-size: 1em;
    block-size: 1em;
    margin: -0.5em;
    border-radius: 50%;
    border: var(--mr-border-width-md) solid currentColor;
    border-inline-end-color: transparent;
    color: var(--mr-on-tone, var(--mr-fg));
    animation: mr-button-spin calc(var(--mr-duration-slow) * 2) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
    [data-mr="button"][aria-busy="true"]::after { animation-duration: calc(var(--mr-duration-slow) * 6); }
}
@keyframes mr-button-spin { to { transform: rotate(360deg); } }

}

@layer components {

[data-mr="cta"] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--mr-gap-stack);
    padding-block: var(--mr-pad-block);
}
[data-mr="cta"] > * { margin: 0; }

[data-mr="cta.title"] {
    font-size: var(--mr-text-title);
    font-weight: var(--mr-weight-semibold);
    line-height: var(--mr-leading-heading);
    letter-spacing: var(--mr-tracking-tight);
    color: var(--mr-fg-strong, var(--mr-fg));
    text-wrap: pretty;
}
[data-mr="cta.body"] {
    font-size: var(--mr-text-row);
    line-height: var(--mr-leading-control);
    color: var(--mr-fg-muted);

    max-inline-size: var(--mr-measure);
    text-wrap: pretty;
}

[data-mr="cta.actions"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--mr-gap-inline);
    margin-block-start: var(--mr-gap-stack);
}

[data-mr="cta.note"] {
    font-size: var(--mr-text-meta);
    line-height: var(--mr-leading-control);
    color: var(--mr-fg-muted);
    max-inline-size: var(--mr-measure);
}

[data-mr="cta"][data-mr-align="center"] {
    align-items: center;
    text-align: center;
}
[data-mr="cta"][data-mr-align="center"] > * { margin-inline: auto; }
[data-mr="cta"][data-mr-align="center"] [data-mr="cta.actions"] { justify-content: center; }

[data-mr="cta"][data-mr-width="prose"] :is([data-mr="cta.body"], [data-mr="cta.note"]) {
    max-inline-size: var(--mr-measure-narrow);
}

}

@layer components {

[data-mr="cards"]:not([data-mr-tone]):not([data-mr-pending]) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}

[data-mr="cards.set"] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--mr-measure-card), 1fr));
    gap: var(--mr-gap-stack);
    align-items: stretch;
    container-type: inline-size;
    container-name: mr-cards;
}

[data-mr="cards"] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--mr-gap-stack);
    padding: var(--mr-pad-block);
    border-radius: var(--mr-radius-md);

    container-type: inline-size;
    container-name: mr-card;
}

[data-mr="cards"][data-mr-surface="outlined"],
[data-mr="cards"][data-mr-surface="elevated"] {
    box-shadow: inset 0 var(--mr-border-width-md) 0 0 transparent, var(--mr-surface-shadow);
    transition: box-shadow var(--mr-duration-fast) var(--mr-ease-standard),
                border-color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="cards"][data-mr-surface="outlined"]:hover,
[data-mr="cards"][data-mr-surface="outlined"]:focus-within,
[data-mr="cards"][data-mr-surface="elevated"]:hover,
[data-mr="cards"][data-mr-surface="elevated"]:focus-within {
    box-shadow: inset 0 var(--mr-border-width-md) 0 0 var(--mr-tone-emphasis), var(--mr-surface-shadow);
    border-color: var(--mr-border-strong);
}

[data-mr="cards"] > * { flex: 0 0 auto; }

[data-mr="cards.media"] {
    grid-column: 1 / -1;
    background-color: var(--mr-bg-sunken);
    border: var(--mr-border-width-sm) solid var(--mr-border-subtle);
    border-radius: var(--mr-radius-sm);

    max-block-size: var(--mr-measure-band);
    overflow: clip;
}

[data-mr="cards.eyebrow"] {
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
    color: var(--mr-fg-subtle);
    margin-block-end: calc(var(--mr-gap-stack) * -0.5);
}

[data-mr="cards.badge"] {
    align-self: flex-end;
    white-space: nowrap;
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    line-height: var(--mr-leading-control);
    padding: var(--mr-gap-pair) var(--mr-gap-inline);
    border-radius: var(--mr-radius-sm);
    background-color: var(--mr-tone-subtle);
    color: var(--mr-tone-emphasis);
}

[data-mr="cards.title"] {
    font-family: var(--mr-font-body);
    font-size: var(--mr-text-title);
    font-weight: var(--mr-emphasis-weight, var(--mr-weight-semibold));
    letter-spacing: var(--mr-emphasis-tracking, var(--mr-tracking-normal));
    line-height: var(--mr-leading-heading);
    color: var(--mr-fg-strong, var(--mr-fg));
    text-wrap: pretty;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

[data-mr="cards.link"] {
    color: inherit;
    text-decoration: none;
}

[data-mr="cards.link"]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
}
[data-mr="cards.link"]:hover { text-decoration: underline; text-decoration-thickness: var(--mr-border-width-sm); }

[data-mr="cards.body"] {
    font-size: var(--mr-text-row);
    line-height: var(--mr-leading-control);
    color: var(--mr-fg-muted);
    max-inline-size: var(--mr-measure);
}
[data-mr="cards.body"] > p + p { margin-block-start: var(--mr-gap-paragraph); }

[data-mr="cards.detail"] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--mr-gap-pair) var(--mr-gap-inline);
    color: var(--mr-fg);
}

[data-mr="cards.meta"] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mr-gap-pair) var(--mr-gap-inline);
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    font-variant-numeric: tabular-nums;
    color: var(--mr-fg-muted);
}
[data-mr="cards.meta.item"] + [data-mr="cards.meta.item"] {
    padding-inline-start: var(--mr-gap-inline);
    border-inline-start: var(--mr-border-width-sm) solid var(--mr-border);
}

[data-mr="cards.footer"] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mr-gap-inline);
    justify-content: space-between;
    align-items: center;
    margin-block-start: auto;
    padding-block-start: var(--mr-pad-cell);
    border-block-start: var(--mr-border-width-sm) solid var(--mr-border-subtle);
}

[data-mr="cards.actions"] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mr-gap-inline);
    align-items: center;
}

[data-mr="cards.actions.item"] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    min-block-size: var(--mr-control-height);
    padding-inline: var(--mr-pad-inline);
    border-radius: var(--mr-radius-sm);
    font-size: var(--mr-text-row);
    font-weight: var(--mr-weight-medium);
    color: var(--mr-tone-emphasis);
    text-decoration: none;
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="cards.actions.item"]:hover { background-color: var(--mr-tone-subtle); }
[data-mr="cards.actions.item"][data-mr-emphasis="strong"] {
    background-color: var(--mr-tone);
    color: var(--mr-on-tone);
    font-weight: var(--mr-emphasis-weight, var(--mr-weight-semibold));
}
[data-mr="cards.actions.item"][data-mr-emphasis="strong"]:hover {
    background-color: var(--mr-tone);
    box-shadow: inset 0 0 0 var(--mr-border-width-md) var(--mr-on-tone);
}
[data-mr="cards.actions.item"][data-mr-emphasis="subtle"] {
    color: var(--mr-fg-muted);
    font-weight: var(--mr-weight-regular);
}

[data-mr="cards"][data-mr-variant="inline"] {
    display: grid;

    grid-template-columns: minmax(0, calc(2 * var(--mr-glyph-portrait))) 1fr auto;
}
[data-mr="cards"][data-mr-variant="inline"] > * { grid-column: 2 / -1; }

[data-mr="cards"][data-mr-variant="inline"] { row-gap: 0; }
[data-mr="cards"][data-mr-variant="inline"] > :not([data-mr="cards.media"]) + * { margin-block-start: var(--mr-gap-stack); }
[data-mr="cards"][data-mr-variant="inline"] > [data-mr="cards.media"] {
    grid-column: 1;
    grid-row: 1 / span 20;
    align-self: start;
    max-block-size: none;
    aspect-ratio: 1 / 1;
}
[data-mr="cards"][data-mr-variant="inline"] > [data-mr="cards.eyebrow"] { grid-column: 2; }
[data-mr="cards"][data-mr-variant="inline"] > [data-mr="cards.badge"] { grid-column: 3; }

[data-mr="cards"][data-mr-variant="overlay"] {
    display: grid;
    padding: 0;
    overflow: clip;
    isolation: isolate;
    min-block-size: var(--mr-measure-band);
    align-content: end;
    color: var(--mr-on-scrim);
}
[data-mr="cards"][data-mr-variant="overlay"] > * {
    grid-column: 1 / -1;
    padding-inline: var(--mr-pad-block);
    z-index: 1;
}
[data-mr="cards"][data-mr-variant="overlay"] > [data-mr="cards.media"] {
    position: absolute;
    inset: 0;
    z-index: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    max-block-size: none;
    aspect-ratio: auto;
    background-image: linear-gradient(to top,
        color-mix(in srgb, var(--mr-scrim) 88%, transparent),
        color-mix(in srgb, var(--mr-scrim) 72%, transparent) 55%,
        color-mix(in srgb, var(--mr-scrim) 60%, transparent));
}

[data-mr="cards"][data-mr-variant="overlay"]:not(:has([data-mr="cards.media"])) {
    background-color: var(--mr-bg-sunken);
    background-image: linear-gradient(to top,
        color-mix(in srgb, var(--mr-scrim) 88%, transparent),
        color-mix(in srgb, var(--mr-scrim) 72%, transparent) 55%,
        color-mix(in srgb, var(--mr-scrim) 66%, transparent));
}
[data-mr="cards"][data-mr-variant="overlay"] :is([data-mr="cards.title"], [data-mr="cards.body"],
    [data-mr="cards.detail"], [data-mr="cards.meta"], [data-mr="cards.eyebrow"]) { color: var(--mr-on-scrim); }
[data-mr="cards"][data-mr-variant="overlay"] [data-mr="cards.footer"] {
    border-block-start-color: color-mix(in srgb, var(--mr-on-scrim) 30%, transparent);
    padding-block-end: var(--mr-pad-block);
}
[data-mr="cards"][data-mr-variant="overlay"] [data-mr="cards.actions.item"]:not([data-mr-emphasis="strong"]) {
    color: var(--mr-on-scrim);
}

@container mr-card (max-inline-size: 16rem) {
    [data-mr="cards"][data-mr-variant="inline"] > [data-mr="cards.media"] {
        grid-column: 1 / -1;
        grid-row: auto;
        aspect-ratio: 3 / 1;
    }
    [data-mr="cards"][data-mr-variant="inline"] > * { grid-column: 1 / -1; }
    [data-mr="cards"][data-mr-variant="inline"] > [data-mr="cards.badge"] { justify-self: end; }
}

    [data-mr="cards.actions.item"][data-mr-emphasis="strong"][aria-disabled="true"] { color: var(--mr-spent-ink, var(--mr-fg-subtle)); background-color: transparent; box-shadow: inset 0 0 0 var(--mr-border-width-sm) var(--mr-spent-line, var(--mr-border-subtle)); }
}

@layer components {

[data-mr="chip"]:not([data-mr-tone]):not([data-mr-pending]) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}

[data-mr="chip"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: var(--mr-gap-pair);
    padding: var(--mr-gap-inline) var(--mr-pad-cell);
    border-radius: var(--mr-radius-pill);
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    line-height: var(--mr-leading-control);
    border: var(--mr-border-width-sm) solid transparent;
    white-space: nowrap;
    cursor: default;
}
button[data-mr="chip"] { cursor: pointer; }
[data-mr="chip.icon"] { inline-size: 0.7em; block-size: 0.7em; border-radius: 50%; background-color: currentColor; flex: 0 0 auto; }

[data-mr="chip.remove"] {
    flex: 0 0 auto;
    inline-size: 1.1em;
    block-size: 1.1em;
    margin-inline-start: 0.1em;
    background: none;
    border: 0;
    color: inherit;
    opacity: 0.7;
    cursor: pointer;
}
[data-mr="chip.remove"]:hover { opacity: 1; }

[data-mr="chip"]:has(> [data-mr="chip.remove"]) { padding-block: 0; min-block-size: var(--mr-target-min); }
[data-mr="chip.remove"] { margin-block: calc(-1 * var(--mr-border-width-sm)); }

[data-mr="chip.remove"] > [data-pv-placeholder] { display: none; }
[data-mr="chip.remove"]::before { content: "\2715"; font-size: 0.85em; }

[data-mr="chip"] { background-color: var(--mr-tone-subtle); color: var(--mr-tone-emphasis); }
[data-mr="chip"][data-mr-variant="solid"] { background-color: var(--mr-tone); color: var(--mr-on-tone); }
[data-mr="chip"][data-mr-variant="outline"] { border-color: var(--mr-border-strong); color: var(--mr-fg-muted); }

button[data-mr="chip"][aria-pressed="true"] {
    background-color: var(--mr-tone);
    color: var(--mr-on-tone);
    border-color: var(--mr-tone);
}
button[data-mr="chip"]:hover { border-color: var(--mr-tone-emphasis); }

    [data-mr="chip"][data-mr-variant="outline"]:is(:disabled, [aria-disabled="true"]) { color: var(--mr-spent-ink, var(--mr-fg-subtle)); border-color: var(--mr-spent-line, var(--mr-border-subtle)); }
    button[data-mr="chip"][aria-pressed="true"]:disabled { background-color: var(--mr-spent-ground, var(--mr-bg-sunken)); color: var(--mr-spent-ink, var(--mr-fg-subtle)); border-color: var(--mr-spent-ink, var(--mr-fg-subtle)); }

    span[data-mr="chip"][aria-disabled="true"] { background-color: var(--mr-spent-ground, var(--mr-bg-sunken)); }
    [data-mr="chip.remove"]:disabled { background-color: transparent; opacity: 1; }
}

@layer components {

[data-mr="context-menu"] {
    display: flex; flex-direction: column;
    min-inline-size: var(--mr-measure-rail);

    max-inline-size: var(--mr-measure-narrow);
    inline-size: fit-content;
    padding: var(--mr-pad-cell);
    background: var(--mr-bg-raised);
    border: var(--mr-border-width-sm) solid var(--mr-border);
    border-radius: var(--mr-radius-md);
    box-shadow: var(--mr-shadow-md);
    font-size: var(--mr-text-row);
}

[data-mr="context-menu.group"] { display: flex; flex-direction: column; }
[data-mr="context-menu.group.label"] {
    margin: 0;
    padding: var(--mr-pad-cell) var(--mr-pad-inline) var(--mr-gap-heading);
    font-family: var(--mr-font-mono); font-size: var(--mr-text-meta);
    letter-spacing: var(--mr-tracking-wide); text-transform: uppercase;
    color: var(--mr-fg-muted);
}

[data-mr="context-menu.item"] {
    display: flex; align-items: center; gap: var(--mr-gap-inline);
    inline-size: 100%;
    min-block-size: var(--mr-row-height);
    padding-inline: var(--mr-pad-inline);
    background: none; border: none;
    border-radius: var(--mr-radius-sm);
    color: var(--mr-fg);
    font: inherit; text-align: start;
    letter-spacing: var(--mr-tracking-tight);
    cursor: pointer;
    transition: background var(--mr-duration-fast) var(--mr-ease-standard), color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="context-menu.item"]:hover,
[data-mr="context-menu.item"][data-pv-force="hover"] { background: var(--mr-bg-sunken); }

[data-mr="context-menu.item"][data-mr-tone="danger"] { color: var(--mr-tone-emphasis); }
[data-mr="context-menu.item"][data-mr-tone="danger"]:hover { background: var(--mr-tone-subtle); }

[data-mr="context-menu.item"][data-mr-disabled="true"] { color: var(--mr-spent-ink, var(--mr-fg-subtle)); cursor: not-allowed; }
[data-mr="context-menu.item"][data-mr-disabled="true"]:hover { background: none; }

[data-mr="context-menu.item.icon"] { flex: none; display: grid; place-items: center; inline-size: var(--mr-glyph-mark); block-size: var(--mr-glyph-mark); color: var(--mr-fg-subtle); }
[data-mr="context-menu.item.icon"] > svg { inline-size: 100%; block-size: 100%; }
[data-mr="context-menu.item.label"] { flex: 1; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

[data-mr="context-menu.item.shortcut"] {
    flex: none;
    white-space: nowrap;
    font-family: var(--mr-font-mono); font-size: var(--mr-text-meta);
    color: var(--mr-fg-muted);
}

[data-mr="context-menu.item.submenu"] {
    flex: none;
    inline-size: calc(var(--mr-glyph-chevron) / 2); block-size: calc(var(--mr-glyph-chevron) / 2);
    border-block-start: var(--mr-border-width-md, 2px) solid currentColor;
    border-inline-end: var(--mr-border-width-md, 2px) solid currentColor;
    transform: rotate(45deg);
    opacity: .55;
    margin-inline-start: calc(var(--mr-indent-step) / 2);
}

[data-mr="context-menu.separator"] {
    block-size: var(--mr-border-width-sm);
    background: var(--mr-border-subtle);
    margin-block: var(--mr-gap-run);
    margin-inline: calc(var(--mr-pad-cell) * -1);
}

@media (prefers-reduced-motion: reduce) { [data-mr="context-menu.item"] { transition: none; } }

}

@layer components {

[data-mr="datetime"] {
    font-family: var(--mr-font-mono);

    font-variant-numeric: lining-nums tabular-nums;

    white-space: nowrap;
}

[data-mr="datetime.range"] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--mr-gap-pair);
    white-space: nowrap;
}

[data-mr="datetime.range"] > [data-mr="datetime"] + [data-mr="datetime"]::before {
    content: "";
    display: inline-block;
    inline-size: .5em;
    block-size: var(--mr-border-width-sm);
    margin-inline-end: var(--mr-gap-pair);
    background: var(--mr-fg-subtle);
    vertical-align: middle;
}

[data-mr="datetime"][data-mr-variant="stacked"] {

    inline-size: fit-content;
    display: inline-grid;
    justify-items: center;
    align-content: center;
    min-inline-size: var(--mr-glyph-portrait);
    padding: var(--mr-pad-cell);
    border: var(--mr-border-width-sm) solid var(--mr-border-strong);
    border-radius: var(--mr-radius-sm);
    background: var(--mr-bg-sunken);
    line-height: var(--mr-leading-control);
    text-align: center;
}
[data-mr="datetime.day"] {
    font-size: var(--mr-text-title);
    font-weight: var(--mr-weight-semibold);
    color: var(--mr-fg-strong, var(--mr-fg));
}
[data-mr="datetime.month"] {
    font-size: var(--mr-text-meta);
    font-weight: var(--mr-weight-semibold);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
    color: var(--mr-fg-muted);
}
[data-mr="datetime.year"] {
    font-size: var(--mr-text-meta);
    color: var(--mr-fg-muted);
}

[data-mr="datetime"][title]:not([data-mr-variant="stacked"]) {
    font-family: inherit;
    font-variant-numeric: normal;

    cursor: help;
    text-decoration: underline dotted var(--mr-fg-subtle);
    text-underline-offset: 0.15em;
}

}

@layer components {

[data-mr="dialog"] {
    inline-size: min(var(--mr-measure), calc(100vw - var(--mr-pad-page)));
    max-block-size: min(var(--mr-measure-wide), calc(100vh - var(--mr-pad-page)));

    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    padding: 0;
    border: var(--mr-border-width-sm) solid var(--mr-border);
    border-radius: var(--mr-radius-md);
    background: var(--mr-bg-raised);
    color: var(--mr-fg);
    box-shadow: var(--mr-shadow-xl);
}

[data-mr="dialog"]::backdrop {
    --df-scrim-blur: 4px;
    background: color-mix(in srgb, var(--mr-scrim) 62%, transparent);
    backdrop-filter: blur(var(--df-scrim-blur));
}

[data-mr="dialog.head"] {
    display: flex;
    align-items: start;
    gap: var(--mr-gap-inline);
    padding: var(--mr-pad-block) var(--mr-pad-block) var(--mr-pad-cell);
    border-block-end: var(--mr-border-width-sm) solid var(--mr-border);
}

[data-mr="dialog.title"] {
    flex: 1;
    margin: 0;
    font-size: var(--mr-text-title);
    font-weight: var(--mr-weight-semibold);
    line-height: var(--mr-leading-heading);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
    color: var(--mr-fg-strong, var(--mr-fg));
}

[data-mr="dialog.close"] {
    position: relative;
    flex: none;
    inline-size: var(--mr-control-height);
    block-size: var(--mr-control-height);
    margin: calc(var(--mr-gap-pair) * -1) calc(var(--mr-gap-pair) * -1) 0 0;
    border: 0;
    border-radius: var(--mr-radius-sm);
    background: none;
    color: var(--mr-fg-muted);
    cursor: pointer;
    transition: background var(--mr-duration-fast) var(--mr-ease-standard), color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="dialog.close"]::before,
[data-mr="dialog.close"]::after {
    content: "";
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    inline-size: var(--mr-glyph-chevron);
    block-size: var(--mr-border-width-md);
    background: currentColor;
}
[data-mr="dialog.close"]::before { translate: -50% -50%; rotate: 45deg; }
[data-mr="dialog.close"]::after { translate: -50% -50%; rotate: -45deg; }
[data-mr="dialog.close"]:hover { background: var(--mr-bg-sunken); color: var(--mr-fg); }

[data-mr="dialog.body"] {
    overflow-y: auto;
    overscroll-behavior-block: contain;
    padding: var(--mr-pad-block);
    font-size: var(--mr-text-reading);
    line-height: var(--mr-leading-reading);
}
[data-mr="dialog.body"] > * { margin-block: 0; }
[data-mr="dialog.body"] > * + * { margin-block-start: var(--mr-gap-paragraph); }
[data-mr="dialog.body"] :is(ul, ol) { padding-inline-start: var(--mr-indent-step); }
[data-mr="dialog.body"] li + li { margin-block-start: var(--mr-gap-run); }
[data-mr="dialog.body"] code {
    padding: .1em .35em;
    border-radius: var(--mr-radius-xs, 3px);
    background: var(--mr-bg-sunken);
    font-family: var(--mr-font-mono);
    font-size: .92em;
}

[data-mr="dialog.foot"] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;

    gap: var(--mr-gap-inline);
    padding: var(--mr-pad-cell) var(--mr-pad-block) var(--mr-pad-block);
    border-block-start: var(--mr-border-width-sm) solid var(--mr-border);
}

[data-mr="dialog"][data-mr-tone] [data-mr="dialog.head"] {
    border-block-end-color: var(--mr-tone-emphasis);
    border-block-end-width: var(--mr-border-width-md, 2px);
}

[data-mr="dialog"][data-mr-size="sm"] { inline-size: min(var(--mr-measure-narrow), calc(100vw - var(--mr-pad-page))); }
[data-mr="dialog"][data-mr-size="md"] { inline-size: min(var(--mr-measure), calc(100vw - var(--mr-pad-page))); }
[data-mr="dialog"][data-mr-size="lg"] { inline-size: min(var(--mr-measure-wide), calc(100vw - var(--mr-pad-page))); }

@media (prefers-reduced-motion: reduce) { [data-mr="dialog.close"] { transition: none; } }

}

@layer components {

[data-mr="disclosure"] {
    --df-disclosure-row: var(--mr-control-height);
    --df-disclosure-mark: var(--mr-glyph-mark);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--mr-gap-inline);
    min-block-size: var(--df-disclosure-row);
    padding-inline: var(--mr-pad-inline);
    border: var(--mr-border-width-sm) solid transparent;
    border-radius: var(--mr-radius-sm);
    background: none;
    color: var(--mr-fg-muted);
    font-family: inherit;
    font-size: var(--mr-text-row);
    font-weight: var(--mr-weight-medium);
    letter-spacing: var(--mr-tracking-tight);
    cursor: pointer;
    transition: background var(--mr-duration-fast) var(--mr-ease-standard),
                border-color var(--mr-duration-fast) var(--mr-ease-standard),
                color var(--mr-duration-fast) var(--mr-ease-standard);
}

[data-mr="disclosure"]:hover { background: var(--mr-bg-sunken); color: var(--mr-fg); }

[data-mr="disclosure.mark"],
[data-mr="disclosure.mark-expanded"] {
    flex: none;
    display: grid;
    place-items: center;
    inline-size: var(--df-disclosure-mark);
    block-size: var(--df-disclosure-mark);
    font-size: var(--df-disclosure-mark);
    line-height: var(--mr-leading-control);
}
[data-mr="disclosure.mark"] > svg, [data-mr="disclosure.mark"] > img,
[data-mr="disclosure.mark-expanded"] > svg, [data-mr="disclosure.mark-expanded"] > img { inline-size: 100%; block-size: 100%; }
[data-mr="disclosure.mark"] > i, [data-mr="disclosure.mark-expanded"] > i { font-size: inherit; font-style: normal; line-height: 1; }

[data-mr="disclosure"][aria-expanded="false"] > [data-mr="disclosure.mark-expanded"] { display: none; }
[data-mr="disclosure"][aria-expanded="true"]:has(> [data-mr="disclosure.mark-expanded"]) > [data-mr="disclosure.mark"] { display: none; }

[data-mr="disclosure.label"] { white-space: nowrap; }

[data-mr="disclosure"][data-mr-variant="outline"] {
    border-color: var(--mr-fg-subtle);
    background: var(--mr-bg-raised);
    color: var(--mr-fg);
}
[data-mr="disclosure"][data-mr-variant="solid"] {
    border-color: transparent;
    background: var(--mr-tone);
    color: var(--mr-on-tone);
}
[data-mr="disclosure"][data-mr-variant="solid"]:hover { background: var(--mr-tone); color: var(--mr-on-tone); box-shadow: inset 0 0 0 var(--mr-border-width-md) var(--mr-on-tone); }

[data-mr="disclosure"][aria-expanded="true"] {
    border-color: var(--mr-tone-emphasis);
    color: var(--mr-tone-emphasis);
    font-weight: var(--mr-weight-semibold);
}

[data-mr="disclosure"][data-mr-variant="solid"][aria-expanded="true"] { border-color: transparent; color: var(--mr-on-tone); }

[data-mr="disclosure"][data-mr-size="sm"] { --df-disclosure-row: var(--mr-row-height); --df-disclosure-mark: var(--mr-glyph-chevron); font-size: var(--mr-text-meta); }

[data-mr="disclosure"]:has([data-mr="disclosure.label"][data-mr-visually-hidden]) {
    inline-size: var(--df-disclosure-row);
    padding-inline: 0;
}

@media (prefers-reduced-motion: reduce) { [data-mr="disclosure"] { transition: none; } }

    [data-mr="disclosure"][data-mr-variant="solid"]:disabled { color: var(--mr-spent-ink, var(--mr-fg-subtle)); background-color: var(--mr-spent-ground, var(--mr-bg-sunken)); border-color: var(--mr-spent-line, var(--mr-border-subtle)); box-shadow: none; }
}

@layer components {

[data-mr="divider"]:not([data-mr-tone]):not([data-mr-pending]) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}

hr[data-mr="divider"] {
    border: 0;
    block-size: var(--mr-border-width-sm);
    background-color: var(--mr-border);
    margin-block: var(--mr-gap-stack);
}
hr[data-mr="divider"][data-mr-variant="dashed"] {
    background-color: transparent;
    border-block-start: var(--mr-border-width-sm) dashed var(--mr-border-strong);
}

hr[data-mr="divider"][data-mr-tone] { background-color: var(--mr-tone); }

hr[data-mr="divider"][data-mr-orientation="vertical"] {
    inline-size: var(--mr-border-width-sm);
    block-size: auto;
    align-self: stretch;
    margin-block: 0;
    margin-inline: 0;
}

div[data-mr="divider"] {
    display: flex;
    align-items: center;
    gap: var(--mr-gap-inline);
    margin-block: var(--mr-gap-stack);
}
div[data-mr="divider"]::before,
div[data-mr="divider"]::after {
    content: "";
    flex: 1 1 auto;
    block-size: var(--mr-border-width-sm);
    background-color: var(--mr-border);
}
div[data-mr="divider"][data-mr-variant="dashed"]::before,
div[data-mr="divider"][data-mr-variant="dashed"]::after {
    background-color: transparent;
    border-block-start: var(--mr-border-width-sm) dashed var(--mr-border-strong);
}
[data-mr="divider.label"] {
    flex: 0 0 auto;
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
    color: var(--mr-fg-subtle);
}

}

@layer components {

[data-mr="empty-state"] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--mr-gap-stack);
    padding-block: var(--mr-pad-page);

    max-inline-size: var(--mr-measure);
}
[data-mr="empty-state"] > * { margin: 0; }

[data-mr="empty-state.mark"] {
    inline-size: var(--mr-glyph-portrait);
    block-size: var(--mr-glyph-portrait);
    margin-block-end: var(--mr-gap-pair);
    color: var(--mr-fg-subtle);
}
[data-mr="empty-state.mark"] > :is(svg, img) { inline-size: 100%; block-size: 100%; }

[data-mr="empty-state.title"] {
    font-size: var(--mr-text-title);
    font-weight: var(--mr-weight-semibold);
    line-height: var(--mr-leading-heading);
    letter-spacing: var(--mr-tracking-tight);
    color: var(--mr-fg-strong, var(--mr-fg));
    text-wrap: pretty;
}
[data-mr="empty-state.body"] {
    font-size: var(--mr-text-row);
    line-height: var(--mr-leading-control);
    color: var(--mr-fg-muted);
    text-wrap: pretty;
}
[data-mr="empty-state.actions"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--mr-gap-inline);
    margin-block-start: var(--mr-gap-stack);
}

[data-mr="empty-state"][data-mr-scale="inline"] {
    align-items: center;
    gap: var(--mr-gap-inline);
    padding-block: var(--mr-pad-block);
    margin-inline: auto;
    text-align: center;
}
[data-mr="empty-state"][data-mr-scale="inline"] > [data-mr="empty-state.mark"] { display: none; }

[data-mr="empty-state"][data-mr-scale="inline"] [data-mr="empty-state.title"] {
    font-size: var(--mr-text-row);
}
[data-mr="empty-state"][data-mr-scale="inline"] [data-mr="empty-state.body"] {
    font-size: var(--mr-text-meta);
}

}

@layer components {

[data-mr="fact-list"] {
    display: grid;
    margin: 0;
    inline-size: 100%;
    font-family: var(--mr-font-body);
    font-size: var(--mr-text-row);
}
[data-mr="fact-list.row"] {
    display: grid;
    grid-template-columns: var(--mr-field-label-column) 1fr;
    gap: var(--mr-gap-pair) var(--mr-gap-column);
    align-items: baseline;
    padding-block: var(--mr-pad-cell);
}
[data-mr="fact-list.row"] + [data-mr="fact-list.row"] {
    border-block-start: var(--mr-border-width-sm) solid var(--mr-border-subtle);
}
[data-mr="fact-list.term"] {
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
    color: var(--mr-fg-muted);
}
[data-mr="fact-list.value"] {
    margin: 0;
    color: var(--mr-fg);
    line-height: var(--mr-leading-control);
}
[data-mr="fact-list.note"] {
    display: block;
    margin-block-start: var(--mr-gap-pair);
    font-size: var(--mr-text-meta);
    color: var(--mr-fg-muted);
}

[data-mr="fact-list.row"][data-mr-tone] {
    background-color: var(--mr-tone-subtle);
    box-shadow: inset var(--mr-border-width-md) 0 0 var(--mr-tone-emphasis);
    padding-inline-start: var(--mr-pad-inline);
}
[data-mr="fact-list.row"][data-mr-tone] [data-mr="fact-list.value"] { color: var(--mr-tone-emphasis); }
[data-mr="fact-list.row"][data-mr-tone] [data-mr="fact-list.term"] { color: var(--mr-tone-emphasis); }

[data-mr="fact-list"] { grid-template-columns: 1fr; }
[data-mr="fact-list"][data-mr-variant="grid"] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--mr-measure-tile)), 1fr));
    gap: var(--mr-gap-column);
}
[data-mr="fact-list"][data-mr-variant="grid"] [data-mr="fact-list.row"] {
    grid-template-columns: 1fr;
    border-block-start: 0;
    padding-block: 0;
    gap: var(--mr-gap-pair);
}

}

@layer components {

[data-mr="form"]:not([data-mr-tone]):not([data-mr-pending]) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}

[data-mr="form"] {
    display: grid;
    gap: var(--mr-pad-block);
    padding: var(--mr-pad-block);
    border-radius: var(--mr-radius-md);
    max-inline-size: var(--mr-measure-wide);
    container-type: inline-size;
}

[data-mr="form.header"] { display: grid; gap: var(--mr-gap-pair); }
[data-mr="form.title"] {
    font-family: var(--mr-font-heading);
    font-size: var(--mr-text-title);
    line-height: var(--mr-leading-heading);
    font-weight: var(--mr-emphasis-weight, var(--mr-weight-semibold));
    letter-spacing: var(--mr-tracking-tight);
    color: var(--mr-fg-strong, var(--mr-fg));
}

[data-mr="form.lede"] {
    font-size: var(--mr-text-reading);
    line-height: var(--mr-leading-reading);
    color: var(--mr-fg-muted);
    max-inline-size: var(--mr-measure);
}

[data-mr="form.status"] {
    padding: var(--mr-pad-cell) var(--mr-pad-inline);
    border-radius: var(--mr-radius-sm);
    border-inline-start: var(--mr-border-width-lg) solid var(--mr-tone-emphasis);
    background-color: var(--mr-tone-subtle);
    color: var(--mr-tone-emphasis);
    font-size: var(--mr-text-row);
}

[data-mr="form.group"] { display: grid; gap: var(--mr-gap-stack); }
[data-mr="form.legend"] {
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    font-weight: var(--mr-weight-medium);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
    color: var(--mr-fg-subtle);
    padding-block-end: var(--mr-gap-pair);
    margin-block-end: var(--mr-gap-heading);
    border-block-end: var(--mr-border-width-sm) solid var(--mr-border);
    inline-size: 100%;
}

[data-mr="form.fields"] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--mr-gap-stack) var(--mr-gap-column);

    container-type: inline-size;
}
[data-mr="form.fields"] > * { min-inline-size: 0; }

[data-mr="field"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--mr-gap-pair);
    align-content: start;
}
[data-mr="field"] > * { grid-column: 1 / -1; }

[data-mr="field.label"] {
    font-size: var(--mr-text-row);
    font-weight: var(--mr-weight-medium);
    color: var(--mr-fg);
}

[data-mr="field"]:has([data-mr="field.control"]:required) > [data-mr="field.label"] {
    font-weight: var(--mr-weight-semibold);
}

[data-mr="field.hint"] {
    font-size: var(--mr-text-meta);
    color: var(--mr-fg-muted);
    max-inline-size: var(--mr-measure);
}

[data-mr="field.control"] {
    inline-size: 100%;

    min-block-size: var(--mr-field-height);
    padding-block: 0;
    padding-inline: var(--mr-pad-inline);
    border: var(--mr-border-width-sm) solid var(--mr-fg-subtle);
    border-radius: var(--mr-radius-sm);
    background-color: var(--mr-bg-raised);
    color: var(--mr-fg);
    font-size: var(--mr-text-row);
    line-height: var(--mr-leading-control);
    transition: border-color var(--mr-duration-fast) var(--mr-ease-standard),
                background-color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="field.control"]::placeholder { color: var(--mr-fg-subtle); }
[data-mr="field.control"]:hover:not(:disabled) { border-color: var(--mr-fg-muted); }
[data-mr="field.control"]:disabled {
    background-color: var(--mr-bg-sunken);
    border-color: var(--mr-border);
    color: var(--mr-spent-ink, var(--mr-fg-subtle));
    cursor: not-allowed;
}

[data-mr="field.control"][aria-invalid="true"] {
    border-color: var(--mr-tone-emphasis);
    border-inline-start-width: var(--mr-field-marker-width);
    background-color: var(--mr-tone-subtle);
    color: var(--mr-tone-emphasis);
}

textarea[data-mr="field.control"] { padding-block: var(--mr-pad-cell); line-height: var(--mr-leading-control); resize: vertical; }
select[data-mr="field.control"] { padding-inline-end: var(--mr-pad-inline); }

[data-mr="field.affix"] {
    grid-column: 2;
    align-self: center;
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    color: var(--mr-fg-subtle);
    white-space: nowrap;
}

[data-mr="field"]:has(> [data-mr="field.control"] + [data-mr="field.affix"]) { column-gap: 0; }
[data-mr="field"]:has(> [data-mr="field.control"] + [data-mr="field.affix"]) > * { grid-column: 1 / -1; }
[data-mr="field"]:has(> [data-mr="field.control"] + [data-mr="field.affix"]) > [data-mr="field.control"] { grid-column: 1; }
[data-mr="field"]:has(> [data-mr="field.control"] + [data-mr="field.affix"]) > [data-mr="field.affix"] { grid-column: 2; }
[data-mr="field.control"]:has(+ [data-mr="field.affix"]) { border-start-end-radius: 0; border-end-end-radius: 0; }
[data-mr="field.control"] + [data-mr="field.affix"] {
    display: flex;
    align-items: center;
    align-self: stretch;
    padding-inline: var(--mr-pad-inline);
    border: var(--mr-border-width-sm) solid var(--mr-fg-subtle);
    border-inline-start: 0;
    border-start-end-radius: var(--mr-radius-sm);
    border-end-end-radius: var(--mr-radius-sm);
    background-color: var(--mr-bg-sunken);
    color: var(--mr-fg-muted);
}
[data-mr="form"][data-mr-frame="framed"] [data-mr="field.control"] + [data-mr="field.affix"] { border-width: var(--mr-field-frame-width); border-inline-start-width: 0; border-start-end-radius: var(--mr-field-frame-radius); border-end-end-radius: var(--mr-field-frame-radius); }
[data-mr="form"][data-mr-frame="underline"] [data-mr="field.control"] + [data-mr="field.affix"] { border: 0; border-block-end: var(--mr-field-frame-width) solid var(--mr-fg-subtle); border-radius: 0; background-color: transparent; }

[data-mr="field.error"] {
    font-size: var(--mr-text-meta);
    color: var(--mr-tone-emphasis);
    max-inline-size: var(--mr-measure);
}

[data-mr="field"][data-mr-variant="choice"] [data-mr="field.label"] {
    font-size: var(--mr-text-row);
    padding-block-end: var(--mr-gap-pair);
}
[data-mr="field.options"] {
    display: flex;
    flex-wrap: wrap;

    gap: var(--mr-gap-run) var(--mr-gap-column);
}
[data-mr="field.options.item"] {
    display: inline-flex;
    align-items: center;
    gap: var(--mr-gap-pair);
    min-block-size: var(--mr-control-height);
    font-size: var(--mr-text-row);
    color: var(--mr-fg);
    cursor: pointer;
}
[data-mr="field.options.item"] [data-mr="field.control"] {
    inline-size: var(--mr-glyph-mark);
    block-size: var(--mr-glyph-mark);
    min-block-size: 0;
    padding: 0;
    accent-color: var(--mr-tone);
    border: 0;
}

[data-mr="field"][data-mr-variant="switch"] {
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: var(--mr-gap-inline);
}

[data-mr="field"][data-mr-variant="switch"] > [data-mr="field.label"] {
    grid-column: 1;
    display: flex;
    align-items: center;
    min-block-size: var(--mr-control-height);
}
[data-mr="field"][data-mr-variant="switch"] > [data-mr="field.control"] {
    grid-column: 2;
    appearance: none;

    inline-size: 2.75em;
    block-size: 1.5em;
    min-block-size: 0;
    padding: 0;
    border-radius: var(--mr-radius-pill);
    border: var(--mr-border-width-sm) solid var(--mr-fg-subtle);
    background-color: var(--mr-bg-sunken);

    background-image: radial-gradient(circle, currentColor 44%, transparent 46%);
    background-size: 1.25em 1.25em;
    background-position: 4% 50%;
    background-repeat: no-repeat;
    color: var(--mr-fg-muted);
    cursor: pointer;
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard),
                background-position var(--mr-duration-fast) var(--mr-ease-standard),
                border-color var(--mr-duration-fast) var(--mr-ease-standard),
                color var(--mr-duration-fast) var(--mr-ease-standard);
}

[data-mr="field"][data-mr-variant="switch"] > [data-mr="field.control"]:checked {
    background-color: var(--mr-tone);
    border-color: var(--mr-tone);
    background-position: 96% 50%;
    color: var(--mr-on-tone);
}

[data-mr="form.actions"] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mr-gap-inline);
    align-items: center;
    padding-block-start: var(--mr-gap-stack);
}
[data-mr="form.actions.item"] {
    display: inline-flex;
    flex: 0 0 auto;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    min-block-size: var(--mr-control-height);
    padding-inline: var(--mr-pad-inline);
    border: var(--mr-border-width-sm) solid var(--mr-fg-subtle);
    border-radius: var(--mr-radius-sm);
    background-color: var(--mr-bg-raised);
    color: var(--mr-fg);
    font-size: var(--mr-text-row);
    font-weight: var(--mr-weight-medium);
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="form.actions.item"]:hover { background-color: var(--mr-bg-sunken); }
[data-mr="form.actions.item"][data-mr-emphasis="strong"] {
    background-color: var(--mr-tone);
    border-color: var(--mr-tone);
    color: var(--mr-on-tone);
    font-weight: var(--mr-emphasis-weight, var(--mr-weight-semibold));
}
[data-mr="form.actions.item"][data-mr-emphasis="strong"]:hover { background-color: var(--mr-tone); box-shadow: inset 0 0 0 var(--mr-border-width-md) var(--mr-on-tone); }
[data-mr="form.actions.item"][data-mr-emphasis="subtle"] {
    border-color: transparent;
    background-color: transparent;
    color: var(--mr-fg-muted);
    font-weight: var(--mr-weight-regular);
}
[data-mr="form.actions.item"][data-mr-emphasis="subtle"]:hover { background-color: var(--mr-bg-sunken); color: var(--mr-fg); }

[data-mr="form.note"] {
    font-size: var(--mr-text-meta);
    color: var(--mr-fg-subtle);
    max-inline-size: var(--mr-measure);
}
[data-mr="form.note.qr"] {
    display: block;
    inline-size: calc(var(--mr-control-height) * 5);
    block-size: auto;
    aspect-ratio: 1;
    padding: var(--mr-pad-cell);
    background: var(--mr-bg);
    border: var(--mr-border-width-sm) solid var(--mr-border);
}

[data-mr="form"][data-mr-frame="framed"] [data-mr="field.control"]:not([type="radio"]):not([type="checkbox"]) {
    border: var(--mr-field-frame-width) solid var(--mr-fg-subtle);
    border-radius: var(--mr-field-frame-radius);
    background-color: var(--mr-bg-raised);
    padding: 0 var(--mr-pad-inline);
}

[data-mr="form"][data-mr-frame="framed"] [data-mr="field.control"]:not([type="radio"]):not([type="checkbox"])[aria-invalid="true"] {
    border-color: var(--mr-tone-emphasis);
    border-width: var(--mr-field-frame-width-invalid);
    border-inline-start-width: var(--mr-field-marker-width);
    background-color: var(--mr-tone-subtle);
    color: var(--mr-tone-emphasis);
}

[data-mr="form"][data-mr-frame="underline"] [data-mr="field.control"]:not([type="radio"]):not([type="checkbox"]) {
    border: 0;
    border-block-end: var(--mr-field-frame-width) solid var(--mr-fg-subtle);
    border-radius: 0;
    background-color: transparent;
    padding-inline: 0;
}
[data-mr="form"][data-mr-frame="underline"] [data-mr="field.control"]:hover:not(:disabled) { border-block-end-color: var(--mr-fg); }
[data-mr="form"][data-mr-frame="underline"] [data-mr="field.control"]:not([type="radio"]):not([type="checkbox"])[aria-invalid="true"] {
    border-block-end-color: var(--mr-tone-emphasis);
    border-block-end-width: var(--mr-field-frame-width-invalid);
    border-inline-start: var(--mr-field-marker-width) solid var(--mr-tone-emphasis);
    background-color: transparent;
}

[data-mr="form"][data-mr-labels="inline"] [data-mr="field"] {
    grid-template-columns: var(--mr-field-label-column) minmax(0, 1fr) auto;
    column-gap: var(--mr-gap-column);
}
[data-mr="form"][data-mr-labels="inline"] [data-mr="field"] > * { grid-column: 2 / -1; }
[data-mr="form"][data-mr-labels="inline"] [data-mr="field"] > [data-mr="field.label"] {
    grid-column: 1;
    align-self: start;

    padding-block-start: var(--mr-gap-pair);
}

[data-mr="form"][data-mr-labels="above"] [data-mr="field"] {
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: var(--mr-gap-pair);
}
[data-mr="form"][data-mr-labels="above"] [data-mr="field"] > * { grid-column: auto; }
[data-mr="form"][data-mr-labels="above"] [data-mr="field"] > [data-mr="field.label"] {
    grid-column: 1 / -1;
    text-align: start;
    padding-block-start: 0;
}

[data-mr="form"][data-mr-labels="inline"] [data-mr="field"][data-mr-variant="switch"] {
    grid-template-columns: minmax(0, 1fr) auto;
}
[data-mr="form"][data-mr-labels="inline"] [data-mr="field"][data-mr-variant="switch"] > [data-mr="field.label"] {
    grid-column: 1;
    padding-block-start: 0;
}

[data-mr="field.badge"] {
    display: inline-grid;
    place-content: center;
    inline-size: var(--mr-glyph-mark);
    block-size: var(--mr-glyph-mark);
    margin-inline-start: var(--mr-gap-pair);
    border-radius: var(--mr-radius-pill);
    border: var(--mr-border-width-sm) solid var(--mr-fg-subtle);
    color: var(--mr-fg-muted);
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    font-style: normal;
    line-height: var(--mr-leading-control);
    vertical-align: middle;
    cursor: help;
}
[data-mr="field"]:has([data-mr="field.badge"]) { position: relative; }
[data-mr="field"]:has([data-mr="field.badge"]) > [data-mr="field.hint"] {
    position: absolute;
    inline-size: max-content;
    max-inline-size: min(var(--mr-field-hint-width), 100%);
    padding: var(--mr-pad-cell) var(--mr-pad-inline);
    border: var(--mr-border-width-sm) solid var(--mr-border);
    border-radius: var(--mr-radius-sm);
    background-color: var(--mr-bg-raised);
    box-shadow: var(--mr-field-hint-shadow);
    z-index: 2;
    opacity: 0;

    clip-path: inset(50%);
    pointer-events: none;
    transition: opacity var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="field"]:not([data-mr-variant="choice"]):has([data-mr="field.badge"]):is(:hover, :focus-within) > [data-mr="field.hint"] {
    opacity: 1;
    clip-path: inset(0);
}

[data-mr="field"][data-mr-variant="choice"]:has([data-mr="field.badge"]:hover) > [data-mr="field.hint"],
[data-mr="field"][data-mr-variant="choice"]:has([data-mr="field.badge"]):focus-within > [data-mr="field.hint"] {
    opacity: 1;
    clip-path: inset(0);
}

@supports (anchor-scope: --a) {
    [data-mr="field"] { anchor-scope: --mr-field-control, --mr-field-legend; }
    [data-mr="field.control"] { anchor-name: --mr-field-control; }
    [data-mr="field"]:has([data-mr="field.badge"]) > [data-mr="field.hint"] {
        position-anchor: --mr-field-control;

        inset-block-start: anchor(end);
        inset-inline-start: anchor(start);
        inset-inline-end: auto;
        margin-block-start: var(--mr-gap-pair);
    }

    [data-mr="field"][data-mr-variant="choice"] > [data-mr="field.label"] { anchor-name: --mr-field-legend; }
    [data-mr="field"][data-mr-variant="choice"]:has([data-mr="field.badge"]) > [data-mr="field.hint"] {
        position-anchor: --mr-field-legend;

        inset-block-start: auto;
        inset-block-end: anchor(start);
        margin-block-start: 0;
        margin-block-end: var(--mr-gap-pair);
    }
}

@supports not (anchor-scope: --a) {
    [data-mr="field"]:has([data-mr="field.badge"]) > [data-mr="field.hint"] {
        inset-block-start: 100%;
        inset-inline-start: 0;
    }

    [data-mr="field"][data-mr-variant="choice"]:has([data-mr="field.badge"]) > [data-mr="field.hint"] {
        inset-block-start: auto;
        inset-block-end: 100%;
    }
}

[data-mr="field"]:has(> :is([data-mr="field.action"], [data-mr="field.check"])) > [data-mr="field.control"] { grid-column: 1; }

[data-mr="field"]:has(> :is([data-mr="field.action"], [data-mr="field.check"])) { column-gap: 0; }
:is([data-mr="field.action"], [data-mr="field.check"]) {
    grid-column: 2;
    align-self: stretch;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    min-block-size: var(--mr-control-height);
    padding-inline: var(--mr-pad-inline);
    font-size: var(--mr-text-row);
    font-weight: var(--mr-weight-medium);
    cursor: pointer;
    border: var(--mr-field-frame-width) solid var(--mr-fg-subtle);
    border-radius: var(--mr-field-frame-radius);
    background-color: var(--mr-bg-sunken);
    color: var(--mr-fg);

    margin-inline-start: calc(-1 * var(--mr-field-frame-width));
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}
:is([data-mr="field.action"], [data-mr="field.check"]):hover { background-color: var(--mr-bg-raised); }
[data-mr="field.action"] {
    background-color: var(--mr-tone);
    border-color: var(--mr-tone);
    color: var(--mr-on-tone);
    font-weight: var(--mr-emphasis-weight, var(--mr-weight-semibold));
}
[data-mr="field.action"]:hover { background-color: var(--mr-tone); box-shadow: inset 0 0 0 var(--mr-border-width-md) var(--mr-on-tone); }

[data-mr="field.checked"] {
    display: inline-flex;
    align-items: center;
    gap: var(--mr-gap-pair);
    font-size: var(--mr-text-meta);
    color: var(--mr-tone-emphasis);
}
[data-mr="field.checked"]::before {
    content: "";
    inline-size: var(--mr-field-checked-size);
    block-size: var(--mr-field-checked-size);
    flex: 0 0 auto;
    border-radius: var(--mr-radius-pill);
    background-color: var(--mr-tone);

    clip-path: polygon(14% 52%, 24% 42%, 42% 60%, 76% 26%, 86% 36%, 42% 80%);
}

[data-mr="field"]:has([data-mr="field.control"][aria-invalid="true"]) { position: relative; }

@supports (anchor-scope: --a) {

    [data-mr="field"]:has([data-mr="field.control"]:not([type="radio"]):not([type="checkbox"]):not([type="file"])[aria-invalid="true"])::after {
        content: "!";
        position: absolute;
        position-anchor: --mr-field-control;

        inset-inline-start: anchor(end);
        inset-block-start: anchor(center);
        translate: calc(-100% - var(--mr-gap-inline)) -50%;
        display: grid;
        place-content: center;
        inline-size: var(--mr-field-alarm-size);
        block-size: var(--mr-field-alarm-size);
        border-radius: var(--mr-radius-pill);

        background-color: var(--mr-alarm);
        color: var(--mr-on-alarm, var(--mr-bg));
        font-family: var(--mr-font-mono);
        font-size: var(--mr-text-meta);
        font-weight: var(--mr-weight-semibold);
        line-height: var(--mr-leading-control);
        pointer-events: none;
    }

    [data-mr="field"][data-mr-variant="textarea"]:has([data-mr="field.control"]:not([type="radio"]):not([type="checkbox"])[aria-invalid="true"])::after {
        inset-block-start: anchor(start);
        translate: calc(-100% - var(--mr-gap-inline)) var(--mr-pad-cell);
    }
}

[data-mr="form.errors"] {
    display: grid;
    gap: var(--mr-gap-heading);
    padding: var(--mr-pad-cell) var(--mr-pad-inline);
    border-inline-start: var(--mr-field-marker-width) solid var(--mr-tone-emphasis);
    border-radius: var(--mr-radius-sm);
    background-color: var(--mr-tone-subtle);
    color: var(--mr-tone-emphasis);
    font-size: var(--mr-text-row);
}
[data-mr="form.errors.title"] { font-weight: var(--mr-emphasis-weight, var(--mr-weight-semibold)); }
[data-mr="form.errors.list"] { display: grid; gap: var(--mr-gap-run); margin: 0; padding-inline-start: var(--mr-indent-step); }
[data-mr="form.errors.item"] {
    color: var(--mr-tone-emphasis);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}
[data-mr="form.errors.item"]:hover { text-decoration-thickness: var(--mr-border-width-md); }

@supports (anchor-scope: --a) {
    [data-mr="field.control"]:not([type="radio"]):not([type="checkbox"])[aria-invalid="true"],
    [data-mr="form"][data-mr-frame="framed"] [data-mr="field.control"]:not([type="radio"]):not([type="checkbox"])[aria-invalid="true"],
    [data-mr="form"][data-mr-frame="underline"] [data-mr="field.control"]:not([type="radio"]):not([type="checkbox"])[aria-invalid="true"] {
        padding-inline-end: calc(var(--mr-field-alarm-size) + var(--mr-pad-inline));
    }
}

[data-mr="field.control"][data-mr-format] {
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--mr-field-format-tracking);
}

[data-mr="field.control"][data-mr-format]::placeholder { color: transparent; }
[data-mr="field.control"][data-mr-format]:focus::placeholder { color: var(--mr-fg-subtle); }

[data-mr="field"][data-mr-variant="file"] { display: grid; gap: var(--mr-gap-stack); }

[data-mr="field.drop"] {
    display: grid;
    justify-items: center;
    gap: var(--mr-gap-pair);
    padding: var(--mr-pad-block) var(--mr-pad-inline);
    border: var(--mr-border-width-md, 2px) dashed var(--mr-border-strong);
    border-radius: var(--mr-radius-sm);
    background: var(--mr-bg-sunken);
    color: var(--mr-fg);
    text-align: center;
    cursor: pointer;
}
[data-mr="field.drop"]:hover { border-color: var(--mr-tone-emphasis); }

[data-mr="field.control"]:focus-visible + [data-mr="field.drop"],
[data-mr="field.drop"]:has(> [data-mr="field.control"]:focus-visible),
[data-mr="field"][data-mr-variant="file"]:focus-within > [data-mr="field.drop"] {
    outline: var(--mr-focus-ring-width, 2px) solid var(--mr-focus-ring, var(--mr-tone-emphasis));
    outline-offset: var(--mr-focus-offset, 2px);
}
[data-mr="field.drop.action"] { font-weight: var(--mr-weight-semibold); }
[data-mr="field.drop.note"] {
    color: var(--mr-fg-muted);
    font-size: var(--mr-text-meta);
    line-height: var(--mr-leading-control);
    text-wrap: pretty;
}

[data-mr="field"][data-mr-picker="button"] > [data-mr="field.drop"] {
    justify-items: start;
    grid-template-columns: auto 1fr;
    align-items: baseline;
    column-gap: var(--mr-gap-inline);
    padding: var(--mr-pad-cell) var(--mr-pad-inline);
    border-style: solid;
    border-width: var(--mr-border-width-sm);
    border-color: var(--mr-border-strong);
    background: none;
    text-align: start;
}

[data-mr="field.files"] { display: flex; flex-direction: column; gap: var(--mr-gap-run); }
[data-mr="field.files.item"] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: var(--mr-gap-inline);
    padding: var(--mr-pad-cell) var(--mr-pad-inline);
    border: var(--mr-border-width-sm) solid var(--mr-border);
    border-radius: var(--mr-radius-sm);
    font-size: var(--mr-text-row);
}

[data-mr="field.files.item.preview"] {
    display: grid;
    place-items: center;
    overflow: hidden;
    inline-size: var(--mr-glyph-portrait);
    aspect-ratio: 1;
    border-radius: var(--mr-radius-xs, 3px);
    background: var(--mr-bg-sunken);
    color: var(--mr-fg-muted);
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    text-transform: uppercase;
}
[data-mr="field.files.item.preview"] > img { inline-size: 100%; block-size: 100%; object-fit: cover; display: block; }
[data-mr="field.files.item.name"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-mr="field.files.item.size"] {
    color: var(--mr-fg-muted);
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    font-variant-numeric: tabular-nums;
}

[data-mr="field.files.item.remove"] {
    min-inline-size: var(--mr-control-height);
    padding: 0;
    border: var(--mr-border-width-sm) solid var(--mr-border);
    border-radius: var(--mr-radius-sm);
    background-color: var(--mr-bg-sunken);
    color: var(--mr-tone-emphasis);
    cursor: pointer;
    transition: color var(--mr-duration-fast) var(--mr-ease-standard), background-color var(--mr-duration-fast) var(--mr-ease-standard), border-color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="field.files.item.remove"]:hover { border-color: var(--mr-tone-emphasis); background-color: var(--mr-tone-subtle); }
[data-mr="field.files.item.progress"] {
    grid-column: 3 / -1;

    inline-size: 5em;
    block-size: 0.35em;
    accent-color: var(--mr-tone-emphasis);
}

[data-mr="field.files.item.why"] {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--mr-tone-emphasis);
    font-size: var(--mr-text-meta);
    line-height: var(--mr-leading-control);
}
[data-mr="field.files.item"][aria-invalid="true"] { border-color: var(--mr-tone-emphasis); }
[data-mr="field.files.item"][aria-invalid="true"] > [data-mr="field.files.item.preview"] {
    background: var(--mr-tone-subtle);
    color: var(--mr-tone-emphasis);
}
[data-mr="field.files.item"][aria-busy="true"] > [data-mr="field.files.item.name"] { color: var(--mr-fg-muted); }

[data-mr="field"][data-mr-picker="gallery"] > [data-mr="field.files"] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--mr-measure-tile), 1fr));
    gap: var(--mr-gap-column);
}
[data-mr="field"][data-mr-picker="gallery"] [data-mr="field.files.item"] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
}
[data-mr="field"][data-mr-picker="gallery"] [data-mr="field.files.item.preview"] {
    grid-column: 1 / -1;
    inline-size: 100%;
    aspect-ratio: 4 / 3;
}
[data-mr="field"][data-mr-picker="gallery"] [data-mr="field.files.item.size"] { grid-column: 1; }
[data-mr="field"][data-mr-picker="gallery"] [data-mr="field.files.item.name"] { grid-column: 1 / -1; }
[data-mr="field"][data-mr-picker="gallery"] [data-mr="field.files.item.progress"] { grid-column: 1 / -1; inline-size: 100%; }
[data-mr="field"][data-mr-picker="gallery"] > [data-mr="field.drop"] {
    grid-template-columns: auto;
    justify-items: start;
    padding: var(--mr-pad-cell) var(--mr-pad-inline);
    border-style: solid;
    border-width: var(--mr-border-width-sm);
    background: none;
    text-align: start;
}

[data-mr="field.drop"][aria-disabled="true"] {
    border-style: solid;
    border-color: var(--mr-border);
    background: none;
    color: var(--mr-fg-muted);
    cursor: not-allowed;
}
[data-mr="field.drop"][aria-disabled="true"]:hover { border-color: var(--mr-border); }
[data-mr="field.drop"][aria-disabled="true"] [data-mr="field.drop.action"] { font-weight: var(--mr-weight-regular); }

[data-mr="form"][data-mr-pending="unsaved"] {
    border-inline-start: var(--mr-field-marker-width) dashed var(--mr-tone-emphasis);
}
[data-mr="form"][data-mr-pending="saving"] {
    border-inline-start: var(--mr-field-marker-width) solid var(--mr-tone-emphasis);
}
[data-mr="form"][data-mr-pending="saving"] > [data-mr="form.actions"] {
    border-block-start: var(--mr-border-width-sm) solid var(--mr-tone-emphasis);
    padding-block-start: var(--mr-pad-cell);
    cursor: progress;
}
[data-mr="field"][data-mr-pending="unsaved"] > [data-mr="field.label"] {
    color: var(--mr-tone-emphasis);
    font-weight: var(--mr-weight-semibold);
}

[data-mr="field"][data-mr-pending="unsaved"] > [data-mr="field.control"]:not([aria-invalid="true"]) {
    border-color: var(--mr-tone-emphasis);
    border-style: dashed;
}

[data-mr="field"]:not([data-mr-picker="gallery"]) [data-mr="field.files.item"]:not(:has([data-mr="field.files.item.preview"])) {
    grid-template-columns: minmax(0, 1fr) auto auto;
}
[data-mr="field"]:not([data-mr-picker="gallery"]) [data-mr="field.files.item"]:not(:has([data-mr="field.files.item.size"])) {
    grid-template-columns: auto minmax(0, 1fr) auto;
}
[data-mr="field"]:not([data-mr-picker="gallery"]) [data-mr="field.files.item"]:not(:has([data-mr="field.files.item.preview"])):not(:has([data-mr="field.files.item.size"])) {
    grid-template-columns: minmax(0, 1fr) auto;
}

[data-mr="field"]:not([data-mr-picker="gallery"]) [data-mr="field.files.item"]:not(:has([data-mr="field.files.item.preview"]))
    > :is([data-mr="field.files.item.progress"], [data-mr="field.files.item.why"]) {
    grid-column: 1 / -1;
}

[data-mr="field"][data-mr-variant="select"] > [data-mr="field.control"] {
    padding-inline-end: calc(var(--mr-pad-inline) + var(--mr-glyph-chevron) + var(--mr-gap-inline));
    cursor: pointer;
}

[data-mr="form.fields"] > [data-mr="field"][data-mr-variant="switch"] {
    align-self: end;
    min-block-size: var(--mr-field-height);
    align-content: center;
}

[data-mr="field.count"] { display: block; grid-column: 1 / -1; justify-self: end; align-self: end; margin: 0; font-size: var(--mr-text-meta); font-variant-numeric: tabular-nums; color: var(--mr-fg-muted); }

    [data-mr="form.hints"] {
        display: inline-flex;
        align-items: center;
        justify-self: end;
        align-self: flex-end;
        min-block-size: var(--mr-target-min);
        padding: 0 var(--mr-pad-cell);
        border: var(--mr-border-width-sm) solid var(--mr-border-strong);
        border-radius: var(--mr-radius-pill);
        background: transparent;
        color: var(--mr-fg-muted);
        font: inherit;
        font-size: var(--mr-text-meta);
        white-space: nowrap;
        cursor: pointer;
    }
    [data-mr="form.hints"]:hover { color: var(--mr-fg); }
    [data-mr="form.hints"][aria-pressed="true"] {
        border-color: var(--mr-tone-emphasis);
        background: var(--mr-tone-subtle);
        color: var(--mr-tone-emphasis);
    }
    [data-mr="form.header"]:has(> [data-mr="form.hints"]) { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--mr-gap-inline); }
    [data-mr="form.header"] > [data-mr="form.hints"]:not(:only-child) { margin-inline-start: auto; }

    [data-mr="field.label"][data-mr-visually-hidden]:not(:focus):not(:active) {
        inline-size: var(--mr-border-width-sm);
        block-size: var(--mr-border-width-sm);
        margin: calc(var(--mr-border-width-sm) * -1);
        padding: 0;
        border: 0;
        overflow: hidden;
        white-space: nowrap;
    }
}

@layer components {

[data-mr="gallery"] {
    --df-gallery-item: var(--mr-measure-card);
    display: block;
}

[data-mr="gallery"] > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

[data-mr="gallery.count"] {
    margin: 0 0 var(--mr-gap-stack);
    color: var(--mr-fg-muted);
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    font-variant-numeric: tabular-nums;
}

[data-mr="gallery"] > ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--df-gallery-item), 1fr));
    gap: var(--mr-gap-column);
}

[data-mr="gallery"][data-mr-variant="track"] > ul {
    display: flex;
    gap: var(--mr-gap-column);
    overflow-x: auto;
    scroll-snap-type: inline mandatory;

    overscroll-behavior-inline: contain;

    padding-block-end: var(--mr-pad-cell);
}
[data-mr="gallery"][data-mr-variant="track"] > ul > [data-mr="gallery.item"] {
    flex: 0 0 var(--df-gallery-item);
    scroll-snap-align: start;
}

[data-mr="gallery.item"] { min-inline-size: 0; }

[data-mr="gallery.item"] > a {
    display: block;
    border-radius: var(--mr-radius-sm);
    transition: opacity var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="gallery.item"] > a:hover { opacity: .85; }

[data-mr="gallery"][data-mr-size="sm"] { --df-gallery-item: var(--mr-measure-tile); }
[data-mr="gallery"][data-mr-size="md"] { --df-gallery-item: var(--mr-measure-card); }
[data-mr="gallery"][data-mr-size="lg"] { --df-gallery-item: var(--mr-measure-narrow); }

@media (prefers-reduced-motion: no-preference) {
    [data-mr="gallery"][data-mr-variant="track"] > ul { scroll-behavior: smooth; }
}
@media (prefers-reduced-motion: reduce) {
    [data-mr="gallery.item"] > a { transition: none; }
}

}

@layer components {

[data-mr="hero"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: var(--mr-gap-pair) var(--mr-gap-section);
    padding: var(--mr-pad-page) var(--mr-pad-block);
    max-inline-size: var(--mr-container-xl);
    margin-inline: auto;
    background-color: transparent;
    border-block-end: var(--mr-border-width-sm) solid var(--mr-border);
}
[data-mr="hero"] > * { grid-column: 1; }

[data-mr="hero"] { row-gap: 0; }
[data-mr="hero"] > :not([data-mr="hero.actions"], [data-mr="hero.media"]) + :not([data-mr="hero.actions"]) {
    margin-block-start: var(--mr-gap-pair);
}

[data-mr="hero.media"] { display: none; }
[data-mr="hero.eyebrow"] {
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
    color: var(--mr-fg-subtle);
}
[data-mr="hero.title"] {
    font-size: var(--mr-text-heading-2);
    font-weight: var(--mr-emphasis-weight, var(--mr-weight-semibold));
    letter-spacing: var(--mr-tracking-tight);
    color: var(--mr-fg-strong, var(--mr-fg));
}

[data-mr="hero.lede"] {
    font-size: var(--mr-text-reading);
    line-height: var(--mr-leading-reading);
    color: var(--mr-fg-muted);
    max-inline-size: var(--mr-measure);
}
[data-mr="hero.meta"] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--mr-gap-pair) var(--mr-gap-column);
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    color: var(--mr-fg-muted);
    margin-block-start: var(--mr-gap-pair);
}
[data-mr="hero.meta.item"] + [data-mr="hero.meta.item"] {
    padding-inline-start: var(--mr-gap-column);

    border-inline-start: var(--mr-border-width-sm) solid var(--mr-border-strong);
}
[data-mr="hero.actions"] {
    grid-column: 2;
    grid-row: 1 / span 20;
    align-self: center;
    display: flex;
    gap: var(--mr-gap-inline);
    align-items: center;
}

[data-mr="hero"][data-mr-width="prose"] > :not([data-mr="hero.actions"]) { max-inline-size: var(--mr-measure-narrow); }

}

@layer components {

[data-mr="icon-button"]:not([data-mr-tone]):not([data-mr-pending]):not([data-mr-state="copied"]):not([data-mr-state="failed"]) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}

[data-mr="icon-button"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--mr-control-height);
    block-size: var(--mr-control-height);
    padding: 0;
    border-radius: var(--mr-radius-sm);
    border: var(--mr-border-width-sm) solid transparent;
    background: none;
    color: var(--mr-fg-muted);
    cursor: pointer;
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard),
                color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="icon-button.icon"] {
    display: inline-flex;
    inline-size: 1.1em;
    block-size: 1.1em;
}
[data-mr="icon-button.icon"] > svg { inline-size: 100%; block-size: 100%; }

[data-mr="icon-button"]:hover:not(:disabled) { background-color: var(--mr-bg-sunken); color: var(--mr-fg); }

[data-mr="icon-button"][data-mr-tone]:not([data-mr-tone="neutral"]):not([aria-pressed="true"]) { color: var(--mr-tone-emphasis); }
[data-mr="icon-button"][data-mr-tone]:not([data-mr-tone="neutral"]):not([aria-pressed="true"]):hover:not(:disabled) { background-color: var(--mr-tone-subtle); }
[data-mr="icon-button"][data-mr-variant="outline"] { border-color: var(--mr-border-strong); color: var(--mr-fg); }
[data-mr="icon-button"][data-mr-variant="outline"]:hover:not(:disabled) { border-color: var(--mr-tone-emphasis); color: var(--mr-tone-emphasis); }
[data-mr="icon-button"][data-mr-variant="solid"] { background-color: var(--mr-tone); color: var(--mr-on-tone); }
[data-mr="icon-button"][data-mr-variant="solid"]:hover:not(:disabled) { background-color: var(--mr-tone); box-shadow: inset 0 0 0 var(--mr-border-width-md) var(--mr-on-tone); }

[data-mr="icon-button"][aria-pressed="true"] { background-color: var(--mr-tone-subtle); color: var(--mr-tone-emphasis); }

[data-mr="icon-button"] { border-radius: 50%; }
[data-mr="icon-button"][data-mr-shape="square"] { border-radius: var(--mr-radius-sm); }

[data-mr="icon-button"]:disabled { cursor: not-allowed; opacity: 0.4; }

[data-mr="icon-button"][data-mr-state="copied"] {
    --mr-tone: var(--mr-success);
    --mr-on-tone: var(--mr-on-success);
    --mr-tone-subtle: var(--mr-success-subtle);
    --mr-tone-emphasis: var(--mr-success-emphasis);
}
[data-mr="icon-button"][data-mr-state="failed"] {
    --mr-tone: var(--mr-danger);
    --mr-on-tone: var(--mr-on-danger);
    --mr-tone-subtle: var(--mr-danger-subtle);
    --mr-tone-emphasis: var(--mr-danger-emphasis);
}
[data-mr="icon-button"]:is([data-mr-state="copied"], [data-mr-state="failed"]),
[data-mr="icon-button"]:is([data-mr-state="copied"], [data-mr-state="failed"]):hover {
    border-color: var(--mr-tone);
    background-color: var(--mr-tone-subtle);
    color: var(--mr-tone-emphasis);
}

}

@layer components {

[data-mr="list"] { display: flex; flex-direction: column; }
[data-mr="list"] > [data-mr="list.item"] { border-block-end: var(--mr-border-width-sm) solid var(--mr-border-subtle); }
[data-mr="list"] > [data-mr="list.item"]:last-child { border-block-end: none; }

[data-mr="list.item"] {

    min-block-size: var(--mr-row-height);
    display: flex;
    align-items: center;
    gap: var(--mr-gap-inline);
    padding-block: var(--mr-pad-cell);
}
[data-mr="list.item"][data-mr-interaction="highlight"] { border-radius: var(--mr-radius-sm); padding-inline: var(--mr-pad-inline); margin-inline: calc(var(--mr-pad-inline) * -1); cursor: pointer; }

[data-mr="list.item.leading"] { flex: none; inline-size: var(--mr-glyph-figure); block-size: var(--mr-glyph-figure); color: var(--mr-fg-subtle); }
[data-mr="list.item.content"] { flex: 1; min-inline-size: 0; }
[data-mr="list.item.title"] { margin: 0; font-weight: var(--mr-weight-semibold); font-size: var(--mr-text-row); color: var(--mr-fg-strong, var(--mr-fg)); }
[data-mr="list.item.description"] { margin: var(--mr-gap-heading) 0 0; font-size: var(--mr-text-meta); color: var(--mr-fg-muted); }
[data-mr="list.item.trailing"] { flex: none; font-family: var(--mr-font-mono); font-size: var(--mr-text-meta); color: var(--mr-fg-muted); }

[data-mr="list"][data-mr-variant="plain"] > [data-mr="list.item"] { border-block-end: 0; }

[data-mr="list.item.actions"] { flex: none; display: flex; flex-wrap: wrap; align-items: center; gap: var(--mr-gap-inline); }
[data-mr="list.item.actions.item"] {
    min-inline-size: var(--mr-control-height); block-size: calc(var(--mr-row-height) - var(--mr-gap-pair));
    min-block-size: calc(var(--mr-row-height) - var(--mr-gap-pair));
    display: grid; place-items: center;
    background-color: var(--mr-bg-sunken); border: var(--mr-border-width-sm) solid var(--mr-border); padding-inline: var(--mr-pad-cell); cursor: pointer;
    font-size: var(--mr-text-meta); font-weight: var(--mr-weight-semibold);
    color: var(--mr-fg-muted);
    border-radius: var(--mr-radius-sm);
    transition: color var(--mr-duration-fast) var(--mr-ease-standard), background-color var(--mr-duration-fast) var(--mr-ease-standard), border-color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="list.item"]:hover [data-mr="list.item.actions.item"] { color: var(--mr-fg); }
[data-mr="list.item.actions.item"]:hover { color: var(--mr-tone-emphasis); background-color: var(--mr-tone-subtle); border-color: var(--mr-tone-emphasis); }

}

@layer components {

[data-mr="locale-switch"] {
    position: relative;
    anchor-scope: --locale-switch;
    display: inline-flex;
    align-items: center;
    color: var(--mr-fg);
}

[data-mr="locale-switch.label"] { font-size: var(--mr-text-meta); }

[data-mr="locale-switch.trigger"] {
    anchor-name: --locale-switch;
    display: inline-flex;
    align-items: center;
    gap: var(--mr-gap-pair);
    min-block-size: var(--mr-control-height);
    min-inline-size: var(--mr-control-height);
    padding-block: 0;
    padding-inline: var(--mr-gap-inline);
    border: var(--mr-border-width-sm) solid var(--mr-border-strong);
    border-radius: var(--mr-radius-sm);
    background-color: var(--mr-bg);
    color: var(--mr-fg);
    font-family: var(--mr-font-body);
    font-size: var(--mr-text-row);
    font-weight: var(--mr-weight-medium);
    line-height: var(--mr-leading-control);
    cursor: pointer;
    transition: border-color var(--mr-duration-fast) var(--mr-ease-standard), background-color var(--mr-duration-fast) var(--mr-ease-standard), color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="locale-switch.trigger"]:hover { border-color: var(--mr-fg-muted); }
[data-mr="locale-switch.trigger"][aria-expanded="true"] { border-color: var(--mr-tone-emphasis); color: var(--mr-tone-emphasis); }

[data-mr="locale-switch.mark"] {
    flex: none;
    display: grid;
    place-items: center;
    inline-size: var(--mr-glyph-mark);
    block-size: var(--mr-glyph-mark);
    color: var(--mr-fg-muted);
}
[data-mr="locale-switch.mark"] > svg { inline-size: 100%; block-size: 100%; }

[data-mr="locale-switch.current"] {
    font-size: var(--mr-text-meta);
    letter-spacing: var(--mr-tracking-wide);
    font-variant-numeric: tabular-nums;
}

[data-mr="locale-switch.list"] {
    margin: 0;
    inset: auto;
    position-anchor: --locale-switch;
    position-area: block-end span-inline-end;
    position-try-fallbacks: flip-inline, flip-block;
    margin-block-start: var(--mr-gap-pair);
    padding: var(--mr-gap-pair);
    border: var(--mr-border-width-sm) solid var(--mr-border);
    border-radius: var(--mr-radius-md);
    background-color: var(--mr-bg-raised);
    box-shadow: var(--mr-shadow-md);
    color: var(--mr-fg);
}
[data-mr="locale-switch.list"]:popover-open { display: flex; flex-direction: column; align-items: stretch; gap: 0; }

[data-mr="locale-switch.item"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: var(--mr-gap-inline);
    min-block-size: var(--mr-control-height);
    padding-block: var(--mr-gap-pair);
    padding-inline: var(--mr-pad-cell);
    border-radius: var(--mr-radius-sm);
    color: var(--mr-fg);
    font-size: var(--mr-text-row);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color var(--mr-duration-fast) var(--mr-ease-standard), color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="locale-switch.item"]:is(:hover, :focus-visible) { background-color: var(--mr-bg-sunken); }

[data-mr="locale-switch.item.check"] {
    flex: none;
    display: grid;
    place-items: center;
    inline-size: var(--mr-glyph-chevron);
    block-size: var(--mr-glyph-chevron);
    color: var(--mr-tone-emphasis);
    visibility: hidden;
}
[data-mr="locale-switch.item.check"] > svg { inline-size: 100%; block-size: 100%; }
[data-mr="locale-switch.item"][aria-current="true"] > [data-mr="locale-switch.item.check"] { visibility: visible; }

[data-mr="locale-switch.item.flag"] {
    flex: none;
    block-size: var(--mr-glyph-mark);
    inline-size: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: var(--mr-radius-sm);
}

[data-mr="locale-switch.item.name"] { flex: 1 1 auto; }

[data-mr="locale-switch.item.code"] {
    color: var(--mr-fg-subtle);
    font-size: var(--mr-text-meta);
    letter-spacing: var(--mr-tracking-wide);
}

[data-mr="locale-switch.item.note"] {
    flex-basis: 100%;
    padding-inline-start: calc(var(--mr-glyph-chevron) + var(--mr-gap-inline));
    white-space: normal;
    color: var(--mr-fg-subtle);
    font-size: var(--mr-text-meta);
}

[data-mr="locale-switch"][data-mr-emphasis="subtle"] > [data-mr="locale-switch.trigger"] {
    border-color: transparent;
    background-color: transparent;
}

[data-mr="locale-switch"][data-mr-size="sm"] > [data-mr="locale-switch.trigger"] {
    min-block-size: var(--mr-row-height);
    min-inline-size: var(--mr-row-height);
    padding-inline: var(--mr-gap-pair);
    font-size: var(--mr-text-meta);
}
[data-mr="locale-switch"][data-mr-size="sm"] [data-mr="locale-switch.mark"] { inline-size: var(--mr-glyph-chevron); block-size: var(--mr-glyph-chevron); }
[data-mr="locale-switch"][data-mr-size="sm"] [data-mr="locale-switch.item"] { min-block-size: var(--mr-row-height); font-size: var(--mr-text-meta); }

@media (prefers-reduced-motion: reduce) {
    [data-mr="locale-switch.trigger"], [data-mr="locale-switch.item"] { transition: none; }
}

}

@layer components {

[data-mr="map"] {
    display: grid;
    gap: var(--mr-gap-stack);
    inline-size: 100%;
    font-family: var(--mr-font-body);
}
[data-mr="map.canvas"] {
    inline-size: 100%;
    block-size: var(--mr-given-block-size, auto);
    aspect-ratio: 16 / 9;
    background-color: var(--mr-bg-sunken);
    border: var(--mr-border-width-sm) solid var(--mr-border);
    border-radius: var(--mr-radius-md);
    overflow: hidden;
}
[data-mr="map.key"] {
    display: flex; flex-wrap: wrap;
    gap: var(--mr-gap-pair) var(--mr-gap-column);
    margin: 0; padding: 0;
    list-style: none;
}
[data-mr="map.key.item"] {
    display: flex; align-items: center;
    gap: var(--mr-gap-inline);
    font-size: var(--mr-text-meta);
    color: var(--mr-fg);
}
[data-mr="map.key.swatch"] {
    flex: none;
    inline-size: var(--mr-glyph-mark); block-size: var(--mr-glyph-mark);
    border-radius: var(--mr-radius-sm);
    box-shadow: inset 0 0 0 var(--mr-border-width-sm) var(--mr-tone-emphasis);
    background-color: var(--mr-tone);
}
[data-mr="map.key.label"] { min-inline-size: 0; }

}

@layer components {

[data-mr="media"] {
    --df-media-ratio: 3 / 2;
    display: block;
    margin: 0;
    min-inline-size: 0;
}

[data-mr="media.frame"] {
    position: relative;
    overflow: hidden;
    aspect-ratio: var(--df-media-ratio);
    inline-size: 100%;
    border-radius: var(--mr-radius-sm);
    background: var(--mr-bg-sunken);
    color: var(--mr-fg-muted);
}
[data-mr="media.frame"] > :is(img, video, picture, iframe, svg) {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: var(--df-media-fit, cover);
    object-position: center;
    border: 0;
}

[data-mr="media"][data-mr-ratio="3x2"] { --df-media-ratio: 3 / 2; }
[data-mr="media"][data-mr-ratio="4x3"] { --df-media-ratio: 4 / 3; }
[data-mr="media"][data-mr-ratio="1x1"] { --df-media-ratio: 1 / 1; }
[data-mr="media"][data-mr-ratio="16x9"] { --df-media-ratio: 16 / 9; }
[data-mr="media"][data-mr-ratio="21x9"] { --df-media-ratio: 21 / 9; }

[data-mr="media"][data-mr-ratio="free"] [data-mr="media.frame"] { aspect-ratio: auto; }

[data-mr="media"][data-mr-fit="cover"] { --df-media-fit: cover; }
[data-mr="media"][data-mr-fit="contain"] { --df-media-fit: contain; }

[data-mr="media"][data-mr-fit="fill"] { --df-media-fit: fill; }

[data-mr="media"][data-mr-caption="inline"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
}
[data-mr="media"][data-mr-caption="inline"] > [data-mr="media.frame"],
[data-mr="media"][data-mr-caption="inline"] > [data-mr="media.caption"] { grid-area: 1 / 1; }
[data-mr="media"][data-mr-caption="inline"] > [data-mr="media.caption"] {
    align-self: end;

    position: relative;
    z-index: 1;
    margin-block-start: 0;
    padding: var(--mr-pad-cell) var(--mr-pad-inline);
    background: var(--mr-bg-raised);
    color: var(--mr-fg);
}

[data-mr="media"][data-mr-fit="contain"] [data-mr="media.frame"] { background: var(--mr-bg-sunken); }

[data-mr="media.caption"] {
    display: block;
    margin-block-start: var(--mr-gap-pair);
    color: var(--mr-fg-muted);
    font-size: var(--mr-text-meta);
    line-height: var(--mr-leading-control);
    text-wrap: pretty;
}

[data-mr="media.credit"] {
    display: block;
    margin-block-start: .2em;
    font-family: inherit;
    font-weight: inherit;
    font-style: italic;
    font-size: max(var(--mr-text-meta), 0.85em);
    letter-spacing: normal;
    text-transform: none;
    color: var(--mr-fg-muted);
}

}

@layer components {

[data-mr="nav-item"] {
    position: relative;
    display: flex; align-items: center; gap: var(--mr-gap-inline);
    min-block-size: var(--mr-control-height);
    padding-inline: var(--mr-pad-inline);
    border-radius: var(--mr-radius-sm);
    color: var(--mr-fg-muted);
    font-size: var(--mr-text-row);
    letter-spacing: var(--mr-tracking-tight);
    text-decoration: none;
    cursor: pointer;
    transition: background var(--mr-duration-fast) var(--mr-ease-standard), color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="nav-item"]:hover { background: var(--mr-bg-sunken); color: var(--mr-fg); }

[data-mr="nav-item"][aria-current="page"] {
    background: var(--mr-tone-subtle);
    color: var(--mr-tone-emphasis);
    font-weight: var(--mr-weight-semibold);
}
[data-mr="nav-item"][aria-current="page"]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0; inset-block: 15%;
    inline-size: var(--mr-border-width-md);
    border-radius: var(--mr-radius-pill);

    background: var(--mr-tone-emphasis);
}

[data-mr="nav-item"][data-mr-disabled="true"] { color: var(--mr-spent-ink, var(--mr-fg-subtle)); cursor: not-allowed; }
[data-mr="nav-item"][data-mr-disabled="true"]:hover { background: none; color: var(--mr-spent-ink, var(--mr-fg-subtle)); }

[data-mr="nav-item.icon"] { flex: none; display: grid; place-items: center; inline-size: var(--mr-glyph-mark); block-size: var(--mr-glyph-mark); color: var(--mr-fg-subtle); }
[data-mr="nav-item.icon"] > svg { inline-size: 100%; block-size: 100%; }
[data-mr="nav-item"][aria-current="page"] [data-mr="nav-item.icon"] { color: currentColor; }

[data-mr="nav-item.marker"] {
    flex: none;
    inline-size: calc(var(--mr-glyph-mark) / 2); block-size: calc(var(--mr-glyph-mark) / 2);
    margin-inline: calc(var(--mr-glyph-mark) / 4);
    border-radius: var(--mr-radius-pill);
    background: var(--mr-tone);
    box-shadow: inset 0 0 0 var(--mr-border-width-sm) var(--mr-tone-emphasis);
}

[data-mr="nav-item.label"] { flex: 1; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

[data-mr="nav-item.badge"] {
    flex: none;
    font-family: var(--mr-font-mono); font-size: var(--mr-text-meta);
    color: var(--mr-fg-muted);
    padding-inline: var(--mr-pad-inline);
    border-radius: var(--mr-radius-pill);
    background: var(--mr-bg-sunken);
}
[data-mr="nav-item"][aria-current="page"] [data-mr="nav-item.badge"] { background: var(--mr-bg-raised); color: var(--mr-tone-emphasis); }

[data-mr="nav-item.trailing"] {
    flex: none;
    display: grid; place-items: center;
    inline-size: var(--mr-glyph-chevron); block-size: var(--mr-glyph-chevron);
    color: var(--mr-fg-subtle);
}
[data-mr="nav-item.trailing"]::before {
    content: "";
    inline-size: calc(var(--mr-glyph-chevron) / 2); block-size: calc(var(--mr-glyph-chevron) / 2);
    border-block-start: var(--mr-border-width-md, 2px) solid currentColor;
    border-inline-end: var(--mr-border-width-md, 2px) solid currentColor;
    transform: rotate(45deg); margin-inline-start: calc(var(--mr-border-width-md) * -1);
}

[data-mr="nav-item"]:has([data-mr-visually-hidden]) { justify-content: center; padding-inline: 0; }
[data-mr="nav-item"]:has([data-mr-visually-hidden]) [data-mr="nav-item.icon"] { flex: none; }

@media (pointer: coarse) {
    [data-mr="nav-item"] { min-block-size: var(--mr-target-min); }
}

@media (prefers-reduced-motion: reduce) { [data-mr="nav-item"] { transition: none; } }

[data-mr="nav-item"]:has(> [data-mr="nav-item.note"]) { flex-wrap: wrap; row-gap: 0; padding-block: var(--mr-gap-pair); }
[data-mr="nav-item.note"] { order: 1; flex: 1 0 100%; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--mr-text-meta); font-weight: var(--mr-weight-regular); color: var(--mr-fg-muted); }
[data-mr="nav-item.icon"] ~ [data-mr="nav-item.note"] { padding-inline-start: calc(var(--mr-glyph-mark) + var(--mr-gap-inline)); }

}

@layer components {

a[data-mr][href][data-mr="nav-menu.item.disclosure"] {
    text-decoration: none;
}

[data-mr="nav-menu"] { display: flex; flex-direction: column; gap: var(--mr-gap-section); }
[data-mr="nav-menu.group"] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--mr-gap-run); }
[data-mr="nav-menu.item"] { display: block; }

[data-mr="nav-menu.item"]:has([data-mr="nav-menu.item.disclosure"]) {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}
[data-mr="nav-menu.item"] > [data-mr="nav-menu.submenu"] { grid-column: 1 / -1; }

[data-mr="nav-menu.item.disclosure"] {
    min-inline-size: var(--mr-control-height); block-size: var(--mr-row-height); min-block-size: var(--mr-row-height);
    display: grid; place-items: center;
    background: none; border: none; padding: 0; cursor: pointer;
    border-radius: var(--mr-radius-sm);
    color: var(--mr-fg-subtle);
    transition: color var(--mr-duration-fast) var(--mr-ease-standard), background var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="nav-menu.item.disclosure"]:hover { background: var(--mr-bg-sunken); color: var(--mr-fg); }
[data-mr="nav-menu.item.disclosure"]::before {
    content: "";
    inline-size: calc(var(--mr-glyph-chevron) / 2); block-size: calc(var(--mr-glyph-chevron) / 2);
    border-block-start: var(--mr-border-width-md, 2px) solid currentColor;
    border-inline-end: var(--mr-border-width-md, 2px) solid currentColor;
    transform: rotate(45deg); margin-inline-start: calc(var(--mr-border-width-md) * -1);
    transition: transform var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="nav-menu.item"][data-mr-expanded="true"] > [data-mr="nav-menu.item.disclosure"]::before {
    transform: rotate(135deg); margin-block-start: calc(var(--mr-border-width-md) * -1); margin-inline-start: 0;
}

[data-mr="nav-menu.submenu"] {
    list-style: none; margin: 0;
    padding-inline-start: calc(var(--mr-indent-step) / 2);
    margin-inline-start: calc(var(--mr-indent-step) / 2);
    border-inline-start: var(--mr-border-width-sm) solid var(--mr-border-subtle);
    display: flex; flex-direction: column; gap: var(--mr-gap-run);
}

[data-mr="nav-menu.group.label"] {
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
    color: var(--mr-fg-muted);
    padding-inline: var(--mr-pad-inline);
    padding-block-end: var(--mr-gap-heading);
}

[data-mr="nav-menu"][data-mr-variant="horizontal"] { flex-direction: row; align-items: center; gap: var(--mr-gap-column); }
[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-menu.group"] { flex-direction: row; align-items: center; gap: var(--mr-gap-column); }
[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-menu.group.label"] { display: none; }
[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-item"] { background: none; }
[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-item"]:hover { background: var(--mr-bg-sunken); }
[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-item"][aria-current="page"] { background: none; }
[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-item"][aria-current="page"]::before {
    inset-inline: 15%; inset-block: auto 0;
    inline-size: auto; block-size: var(--mr-border-width-md);
}

[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-menu.item"]:has([data-mr="nav-menu.submenu"]) { position: relative; }
[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-menu.submenu"] {
    position: absolute;
    inset-block-start: 100%;
    inset-inline-start: 0;
    z-index: 10;
    min-inline-size: var(--mr-measure-rail);
    margin-inline-start: 0;
    padding: var(--mr-pad-cell) var(--mr-pad-inline);
    border-inline-start: none;
    background: var(--mr-bg-raised);
    border: var(--mr-border-width-sm) solid var(--mr-border);
    border-start-start-radius: 0;
    border-start-end-radius: var(--mr-radius-md);
    border-end-start-radius: var(--mr-radius-md);
    border-end-end-radius: var(--mr-radius-md);
    box-shadow: var(--mr-shadow-md);
}

[data-mr="nav-menu"][data-mr-variant="horizontal"] > [data-mr="nav-menu.group"] > [data-mr="nav-menu.item"][data-mr-expanded="true"] { z-index: 11; }
[data-mr="nav-menu"][data-mr-variant="horizontal"] > [data-mr="nav-menu.group"] > [data-mr="nav-menu.item"][data-mr-expanded="true"]::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block: 0 calc(var(--mr-gap-pair) * -1);
    z-index: -1;
    background: var(--mr-bg-raised);
    border: var(--mr-border-width-sm) solid var(--mr-border);
    border-block-end: none;
    border-start-start-radius: var(--mr-radius-md);
    border-start-end-radius: var(--mr-radius-md);
}
[data-mr="nav-menu"][data-mr-variant="horizontal"] > [data-mr="nav-menu.group"] > [data-mr="nav-menu.item"][data-mr-expanded="true"]::after {
    content: "";
    position: absolute;
    inset-inline: var(--mr-border-width-sm);
    inset-block-start: calc(100% + var(--mr-gap-pair));
    block-size: var(--mr-border-width-sm);
    z-index: 11;
    background: var(--mr-bg-raised);
}
[data-mr="nav-menu"][data-mr-variant="horizontal"] > [data-mr="nav-menu.group"] > [data-mr="nav-menu.item"][data-mr-expanded="true"] > [data-mr="nav-menu.submenu"] {
    inset-block-start: calc(100% + var(--mr-gap-pair));
}

[data-mr="nav-menu"][data-mr-variant="horizontal"] > [data-mr="nav-menu.group"] > [data-mr="nav-menu.item"][data-mr-expanded="true"] > [data-mr="nav-item"],
[data-mr="nav-menu"][data-mr-variant="horizontal"] > [data-mr="nav-menu.group"] > [data-mr="nav-menu.item"][data-mr-expanded="true"] > [data-mr="nav-item"]:hover,
[data-mr="nav-menu"][data-mr-variant="horizontal"] > [data-mr="nav-menu.group"] > [data-mr="nav-menu.item"][data-mr-expanded="true"] > [data-mr="nav-menu.item.disclosure"] {
    background: none;
}
[data-mr="nav-menu"][data-mr-variant="horizontal"] > [data-mr="nav-menu.group"] > [data-mr="nav-menu.item"][data-mr-expanded="true"] > [data-mr="nav-item"][aria-current="page"]::before { display: none; }

[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-menu.submenu"] [data-mr="nav-menu.submenu"] {
    inset-block-start: calc(var(--mr-gap-pair) * -1);
    inset-inline-start: 100%;
    border-start-start-radius: var(--mr-radius-md);
}
[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-menu.submenu"] [data-mr="nav-menu.item.disclosure"]::before,
[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-menu.submenu"] [data-mr="nav-menu.item"][data-mr-expanded="true"] > [data-mr="nav-menu.item.disclosure"]::before {
    transform: rotate(45deg); margin-block-start: 0; margin-inline-start: calc(var(--mr-border-width-md) * -1);
}

[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-item"]:has([data-mr-visually-hidden]) {
    position: relative;
    inline-size: var(--mr-control-height);
    padding-inline: 0;
}
[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-item"]:has([data-mr-visually-hidden]) [data-mr="nav-item.badge"] {
    position: absolute;
    inset-block-start: calc(var(--mr-border-width-md) * -1);
    inset-inline-end: calc(var(--mr-gap-pair) * -1);
    min-inline-size: var(--mr-glyph-mark);
    padding-inline: var(--mr-gap-pair);
    text-align: center;
    background: var(--mr-tone);
    color: var(--mr-on-tone);
    font-size: var(--mr-text-meta);
    line-height: var(--mr-leading-control);
}

[data-mr="nav-menu"][data-mr-icon-shape="circle"] [data-mr="nav-item"]:has([data-mr-visually-hidden]) { border-radius: 50%; }
[data-mr="nav-menu"][data-mr-icon-shape="square"] [data-mr="nav-item"]:has([data-mr-visually-hidden]) { border-radius: var(--mr-radius-md); }
[data-mr="nav-menu"][data-mr-icon-shape] [data-mr="nav-item"]:has([data-mr-visually-hidden]) {
    inline-size: var(--mr-control-height);
    block-size: var(--mr-control-height);
    border: var(--mr-border-width-sm) solid var(--mr-border);
    transition: background var(--mr-duration-fast) var(--mr-ease-standard),
                border-color var(--mr-duration-fast) var(--mr-ease-standard),
                color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="nav-menu"][data-mr-icon-shape] [data-mr="nav-item"]:has([data-mr-visually-hidden]):hover,
[data-mr="nav-menu"][data-mr-icon-shape] [data-mr="nav-item"]:has([data-mr-visually-hidden]):focus-visible {
    background: var(--mr-bg-sunken);
    border-color: var(--mr-border-strong);
    color: var(--mr-fg);
}
[data-mr="nav-menu"][data-mr-icon-shape] [data-mr="nav-item"][aria-current="page"]:has([data-mr-visually-hidden]) { border-color: var(--mr-tone-emphasis); }
[data-mr="nav-menu"][data-mr-icon-shape] [data-mr="nav-item"][aria-current="page"]:has([data-mr-visually-hidden])::before { display: none; }

[data-mr="nav-menu"][data-mr-icon-shape] [data-mr="nav-item"]:has([data-mr-visually-hidden]) [data-mr="nav-item.badge"] {
    inset-block-start: 12%;
    inset-inline-end: 12%;
    transform: translate(40%, -40%);
}
[data-mr="nav-menu"][data-mr-icon-shape="square"] [data-mr="nav-item"]:has([data-mr-visually-hidden]) [data-mr="nav-item.badge"] {
    inset-block-start: 4%;
    inset-inline-end: 4%;
}

[data-mr="nav-menu"][data-mr-variant="horizontal"][data-mr-overflow="wrap"] > [data-mr="nav-menu.group"] {
    flex-wrap: wrap;
    row-gap: var(--mr-gap-run);
}
[data-mr="nav-menu"][data-mr-variant="horizontal"][data-mr-overflow="scroll"] > [data-mr="nav-menu.group"] {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    padding-block-end: var(--mr-pad-cell);
}

[data-mr="nav-menu"][data-mr-variant="horizontal"][data-mr-overflow="scroll"] > [data-mr="nav-menu.group"] > [data-mr="nav-menu.item"] {
    flex: 0 0 auto;
    scroll-snap-align: start;
}

[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-item"],
[data-mr="nav-menu"][data-mr-variant="horizontal"] [data-mr="nav-item.label"] { white-space: nowrap; }

[data-mr="nav-menu"][data-mr-icons="shown"]:not([data-mr-variant="horizontal"]) [data-mr="nav-item"]:not(:has(> [data-mr="nav-item.icon"], > [data-mr="nav-item.marker"])) > [data-mr="nav-item.label"] {
    margin-inline-start: calc(var(--mr-glyph-mark) + var(--mr-gap-inline));
}

}

@layer components {

[data-mr="pagination"] {

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--mr-gap-inline) var(--mr-gap-column);
    color: var(--mr-fg-muted);
    font-size: var(--mr-text-row);
}

[data-mr="pagination.status"] {
    margin: 0;
    margin-inline-end: auto;
    font-variant-numeric: tabular-nums;
}

[data-mr="pagination.size"] { display: flex; align-items: center; gap: var(--mr-gap-inline); }
[data-mr="pagination.size.label"] { white-space: nowrap; }
[data-mr="pagination.size.control"],
[data-mr="pagination.jump.control"] {
    min-block-size: var(--mr-row-height);
    padding-inline: var(--mr-pad-inline);
    border: var(--mr-border-width-sm) solid var(--mr-fg-subtle);
    border-radius: var(--mr-radius-sm);
    background-color: var(--mr-bg-raised);
    color: var(--mr-fg);
    font-family: inherit;
    font-size: var(--mr-text-row);
    font-variant-numeric: tabular-nums;
}
[data-mr="pagination.jump.control"] { inline-size: 5ch; text-align: center; }

[data-mr="pagination.step"] {
    position: relative;
    flex: none;
    display: grid;
    place-items: center;
    inline-size: var(--mr-row-height);
    min-block-size: var(--mr-row-height);
    border: var(--mr-border-width-sm) solid transparent;
    border-radius: var(--mr-radius-sm);
    background: none;
    color: var(--mr-fg-muted);
    cursor: pointer;
    transition: background var(--mr-duration-fast) var(--mr-ease-standard), color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="pagination.step"]::before {
    content: "";
    inline-size: calc(var(--mr-glyph-chevron) / 2);
    block-size: calc(var(--mr-glyph-chevron) / 2);
    border-block-start: var(--mr-border-width-md, 2px) solid currentColor;
    border-inline-end: var(--mr-border-width-md, 2px) solid currentColor;
}
[data-mr="pagination.step"][data-mr-step="next"]::before,
[data-mr="pagination.step"][data-mr-step="last"]::before { transform: rotate(45deg); margin-inline-start: calc(var(--mr-border-width-md) * -1); }
[data-mr="pagination.step"][data-mr-step="prev"]::before,
[data-mr="pagination.step"][data-mr-step="first"]::before { transform: rotate(-135deg); margin-inline-end: calc(var(--mr-border-width-md) * -1); }

[data-mr="pagination.step"][data-mr-step="first"]::after,
[data-mr="pagination.step"][data-mr-step="last"]::after {
    content: "";
    position: absolute;
    inline-size: var(--mr-border-width-md);
    block-size: var(--mr-glyph-chevron);
    background: currentColor;
}
[data-mr="pagination.step"][data-mr-step="first"]::after { inset-inline-start: calc(50% - var(--mr-glyph-chevron) / 2); }
[data-mr="pagination.step"][data-mr-step="last"]::after { inset-inline-end: calc(50% - var(--mr-glyph-chevron) / 2); }

[data-mr="pagination.step"]:hover { background: var(--mr-bg-sunken); color: var(--mr-fg); }

[data-mr="pagination.step"][aria-disabled="true"],
[data-mr="pagination.step"]:disabled { color: var(--mr-spent-ink, var(--mr-fg-subtle)); cursor: not-allowed; pointer-events: none; }
[data-mr="pagination.step"][aria-disabled="true"]:hover { background: none; }

[data-mr="pagination.pages"] {
    display: flex;
    align-items: center;
    gap: var(--mr-gap-run);
    margin: 0;
    padding: 0;
    list-style: none;
}

[data-mr="pagination.pages"] > li:not([data-mr="pagination.pages.gap"]) { display: contents; }

[data-mr="pagination.pages.item"] {
    display: grid;
    place-items: center;
    min-inline-size: var(--mr-row-height);
    min-block-size: var(--mr-row-height);
    padding-inline: var(--mr-pad-cell);
    border: var(--mr-border-width-sm) solid transparent;
    border-radius: var(--mr-radius-sm);
    background: none;
    color: var(--mr-fg-muted);
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-row);
    font-variant-numeric: tabular-nums;
    text-decoration: none;
    cursor: pointer;
    transition: background var(--mr-duration-fast) var(--mr-ease-standard), color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="pagination.pages.item"]:hover { background: var(--mr-bg-sunken); color: var(--mr-fg); }

[data-mr="pagination.pages.item"][aria-current="page"] {
    background: var(--mr-tone-subtle);
    border-color: var(--mr-tone-emphasis);
    color: var(--mr-tone-emphasis);
    font-weight: var(--mr-weight-semibold);
    cursor: default;
}

[data-mr="pagination.pages.gap"] {
    inline-size: var(--mr-glyph-figure);
    min-block-size: var(--mr-row-height);
    background: radial-gradient(circle, var(--mr-fg-subtle) 1px, transparent 1.2px) center / .4rem 100% repeat-x;
}

[data-mr="pagination.jump"] { display: flex; align-items: center; gap: var(--mr-gap-inline); }

[data-mr="pagination.submit"] {
    min-block-size: var(--mr-row-height);
    padding-inline: var(--mr-pad-inline);
    border: var(--mr-border-width-sm) solid var(--mr-fg-subtle);
    border-radius: var(--mr-radius-sm);
    background-color: var(--mr-bg-raised);
    color: var(--mr-fg);
    font-family: inherit;
    font-size: var(--mr-text-row);
    font-weight: var(--mr-weight-medium);
    cursor: pointer;
}
[data-mr="pagination.submit"]:hover { background-color: var(--mr-bg-sunken); }

[data-mr="pagination.jump.label"],
[data-mr="pagination.jump.total"] { white-space: nowrap; }

@media (pointer: coarse) {
    [data-mr="pagination.step"],
    [data-mr="pagination.pages.item"] { min-inline-size: var(--mr-target-min); min-block-size: var(--mr-target-min); }
}

@media (prefers-reduced-motion: reduce) {
    [data-mr="pagination.step"], [data-mr="pagination.pages.item"] { transition: none; }
}

    [data-mr="pagination.pages.item"][aria-current="page"]:is([aria-disabled="true"], :disabled) { color: var(--mr-spent-ink, var(--mr-fg-subtle)); border-color: var(--mr-spent-line, var(--mr-border-subtle)); background-color: transparent; }
    [data-mr="pagination.pages.item"][aria-current="page"]:disabled { background-color: var(--mr-spent-ground, var(--mr-bg-sunken)); }
}

@layer components {

[data-mr="price"] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--mr-gap-pair) var(--mr-gap-inline);
    margin: 0;
    font-family: var(--mr-font-mono);
    font-variant-numeric: tabular-nums lining-nums;
    color: var(--mr-fg);
}

[data-mr="price.amount"] {
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-title);
    font-weight: var(--mr-weight-semibold);
    line-height: var(--mr-leading-heading);
    letter-spacing: var(--mr-tracking-tight);
    color: var(--mr-fg-strong);
}

[data-mr="price.currency"] {
    font-size: var(--mr-text-title);
    font-weight: var(--mr-weight-regular);
    color: var(--mr-fg-muted);
    margin-inline-end: calc(var(--mr-gap-pair) * -1);
}
[data-mr="price.period"] {
    font-size: var(--mr-text-meta);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
    color: var(--mr-fg-muted);
}
[data-mr="price.qualifier"] {
    flex-basis: 100%;
    font-family: var(--mr-font-body);
    font-size: var(--mr-text-meta);
    line-height: var(--mr-leading-control);
    color: var(--mr-fg-muted);
}
[data-mr="price.note"] {
    flex-basis: 100%;
    font-family: var(--mr-font-body);
    font-size: var(--mr-text-meta);
    line-height: var(--mr-leading-control);
    color: var(--mr-fg);
}

[data-mr="price.was"] {
    font-size: var(--mr-text-row);
    color: var(--mr-fg-muted);
}
[data-mr="price.was"] s { text-decoration-thickness: var(--mr-border-width-sm); }

[data-mr="price"][data-mr-size="sm"] :is([data-mr="price.amount"], [data-mr="price.currency"]) { font-size: var(--mr-text-row); }
[data-mr="price"][data-mr-size="md"] :is([data-mr="price.amount"], [data-mr="price.currency"]) { font-size: var(--mr-text-title); }
[data-mr="price"][data-mr-size="lg"] :is([data-mr="price.amount"], [data-mr="price.currency"]) { font-size: var(--mr-text-heading-3); }

}

@layer components {

[data-mr="progress"] { display: block; }

[data-mr="progress"] [data-mr="progress.track"] {
    position: relative;
    inline-size: 100%;
    block-size: calc(var(--mr-glyph-mark) / 2);
    background-color: var(--mr-tone-subtle);
    border-radius: var(--mr-radius-sm);
    overflow: clip;
}

[data-mr="progress"]:is([data-mr-tone="primary"], :not([data-mr-tone])):not([data-mr-tone] *) [data-mr="progress.track"] {
    background-color: var(--mr-bg-sunken);
}
[data-mr="progress"] [data-mr="progress.fill"] {
    block-size: 100%;
    background-color: var(--mr-tone);
    border-radius: inherit;
    inline-size: calc(var(--mr-given-level, 0) * 1%);
    transition: inline-size var(--mr-duration-base) var(--mr-ease-standard);
}
[data-mr="progress"][data-mr-state="indeterminate"] [data-mr="progress.fill"] {
    inline-size: 40%;
    animation: mr-progress-sweep calc(var(--mr-duration-slow, 260ms) * 5) var(--mr-ease-standard) infinite;
}
@keyframes mr-progress-sweep {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(250%); }
}

[data-mr="progress"][data-mr-variant="circular"] {
    position: relative;
    display: inline-grid;
    place-items: center;
    inline-size: calc(var(--mr-glyph-figure) * 2);
    block-size: calc(var(--mr-glyph-figure) * 2);
}
[data-mr="progress"][data-mr-variant="circular"] [data-mr="progress.track"],
[data-mr="progress"][data-mr-variant="circular"] [data-mr="progress.fill"] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
}
[data-mr="progress"][data-mr-variant="circular"] [data-mr="progress.track"] {
    background: var(--mr-tone-subtle);
    mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));
}
[data-mr="progress"][data-mr-variant="circular"] [data-mr="progress.fill"] {
    background: conic-gradient(var(--mr-tone) calc(var(--mr-given-level, 0) * 1%), transparent 0);
    mask: radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px));
    transition: background var(--mr-duration-base) var(--mr-ease-standard);
}
[data-mr="progress"][data-mr-variant="circular"][data-mr-state="indeterminate"] [data-mr="progress.fill"] {
    background: conic-gradient(var(--mr-tone) 0 25%, transparent 25% 100%);
    animation: mr-progress-spin calc(var(--mr-duration-slow, 260ms) * 3) linear infinite;
}
@keyframes mr-progress-spin { to { transform: rotate(360deg); } }
[data-mr="progress"][data-mr-variant="circular"] [data-mr="progress.value"] {
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
}

[data-mr="progress"]:has([data-mr="progress.label"]) {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: var(--mr-gap-inline);
    row-gap: var(--mr-gap-pair);
}
[data-mr="progress"]:has([data-mr="progress.label"]) [data-mr="progress.track"] {
    grid-column: 1 / -1;
}

[data-mr="progress.label"], [data-mr="progress.value"] {
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    color: var(--mr-fg-muted);
}
[data-mr="progress.value"] { color: var(--mr-fg); }

@media (prefers-reduced-motion: reduce) {
    [data-mr="progress"][data-mr-state="indeterminate"] [data-mr="progress.fill"] { animation-duration: calc(var(--mr-duration-slow, 260ms) * 5); }
}

}

@layer components {

[data-mr="prose"]:not([data-mr-tone]):not([data-mr-pending]) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}

[data-mr="prose"] {
    max-inline-size: var(--mr-measure);
    color: var(--mr-fg);
    font-size: var(--mr-text-reading);
    line-height: var(--mr-leading-reading);
}
[data-mr="prose"][data-mr-measure="full"] { max-inline-size: 100%; }

[data-mr="prose"] > * { margin-block: 0; }
[data-mr="prose"] > * + * { margin-block-start: var(--mr-gap-paragraph); }
[data-mr="prose"] > * + :is(h2, h3, h4) { margin-block-start: var(--mr-gap-section); }
[data-mr="prose"] > :is(h2, h3, h4) + * { margin-block-start: var(--mr-gap-heading); }

[data-mr="prose"] h2 {
    font-size: var(--mr-text-heading-4);
    font-weight: var(--mr-weight-semibold);
    line-height: var(--mr-leading-heading);
    letter-spacing: var(--mr-tracking-tight);
    color: var(--mr-fg-strong, var(--mr-fg));
}
[data-mr="prose"] h3 {
    font-size: var(--mr-text-heading-5);
    font-weight: var(--mr-weight-semibold);
    line-height: var(--mr-leading-heading);
    color: var(--mr-fg-strong, var(--mr-fg));
}
[data-mr="prose"] h4 {
    font-size: var(--mr-text-heading-6);
    font-weight: var(--mr-weight-semibold);
    text-transform: uppercase;
    letter-spacing: var(--mr-tracking-wide);
    color: var(--mr-fg-muted);
}

[data-mr="prose"] :is(ul, ol) { padding-inline-start: var(--mr-indent-step); }
[data-mr="prose"] li + li { margin-block-start: var(--mr-gap-run); }
[data-mr="prose"] li::marker { color: var(--mr-fg-subtle); }

[data-mr="prose"] a {
    color: var(--mr-tone-emphasis);
    text-decoration-line: underline;
    text-decoration-thickness: var(--mr-border-width-sm);
    text-underline-offset: 0.15em;
}
[data-mr="prose"] a:hover { text-decoration-thickness: var(--mr-border-width-md, 2px); }

[data-mr="prose"] strong { font-weight: var(--mr-weight-semibold); }
[data-mr="prose"] code {
    padding: .1em .35em;
    border-radius: var(--mr-radius-xs, 3px);
    background: var(--mr-bg-sunken);
    font-family: var(--mr-font-mono);
    font-size: .92em;
}

[data-mr="prose"] blockquote:not([data-mr="prose.pullquote"]) {
    padding-inline-start: var(--mr-indent-step);
    border-inline-start: var(--mr-border-width-md, 2px) solid var(--mr-border-strong);
    color: var(--mr-fg-muted);
}

[data-mr="prose"] blockquote :is(cite, footer) {
    display: block;
    margin-block-start: var(--mr-gap-pair);
    color: var(--mr-fg-muted);
    font-size: var(--mr-text-meta);
    font-style: normal;
}

[data-mr="prose"] hr {
    border: 0;
    border-block-start: var(--mr-border-width-sm) solid var(--mr-border);
}

[data-mr="prose"] figure { margin-inline: 0; }
[data-mr="prose"] figcaption {
    margin-block-start: var(--mr-gap-pair);
    color: var(--mr-fg-muted);
    font-size: var(--mr-text-meta);
    line-height: var(--mr-leading-control);
}
[data-mr="prose.figure.credit"] { color: var(--mr-fg-muted); }

[data-mr="prose"] table {
    inline-size: 100%;
    border-collapse: collapse;
    font-size: var(--mr-text-row);
    font-variant-numeric: tabular-nums;
}
[data-mr="prose"] :is(th, td) {
    padding: var(--mr-pad-cell) var(--mr-pad-inline);
    border-block-end: var(--mr-border-width-sm) solid var(--mr-border);
    text-align: start;
}
[data-mr="prose"] th {
    color: var(--mr-fg-muted);
    font-weight: var(--mr-weight-semibold);
    font-size: var(--mr-text-meta);
    text-transform: uppercase;
    letter-spacing: var(--mr-tracking-wide);
}
[data-mr="prose"] tbody tr:last-child :is(th, td) { border-block-end: 0; }

[data-mr="prose.callout"] {
    padding: var(--mr-pad-block);
    border: var(--mr-border-width-sm) solid var(--mr-border);
    border-radius: var(--mr-radius-sm);
    background: var(--mr-bg-sunken);
    font-size: var(--mr-text-row);
}
[data-mr="prose.callout"] > * { margin-block: 0; }
[data-mr="prose.callout"] > * + * { margin-block-start: var(--mr-gap-paragraph); }
[data-mr="prose.callout"][data-mr-tone] {
    border-color: var(--mr-tone-border, var(--mr-tone-emphasis));
    background: var(--mr-tone-subtle);
    color: var(--mr-tone-emphasis);
}

[data-mr="prose.pullquote"] {
    padding-block: var(--mr-pad-cell);
    border-block: var(--mr-border-width-sm) solid var(--mr-border);
    color: var(--mr-fg-strong, var(--mr-fg));
    font-size: var(--mr-text-heading-5);
    font-weight: var(--mr-weight-medium);
    line-height: var(--mr-leading-heading);
    letter-spacing: var(--mr-tracking-tight);
}

[data-mr="prose.embed"] { margin-block: var(--mr-gap-section); }
[data-mr="prose"][data-mr-measure="prose"] [data-mr="prose.embed"] { inline-size: 100%; }

[data-mr="prose.summary"] {
    font-size: var(--mr-text-heading-5);
    line-height: var(--mr-leading-reading);
}

[data-mr="prose"] > [data-mr-align="center"] { text-align: center; }
[data-mr="prose"] > [data-mr-align="end"] { text-align: end; }

[data-mr="prose"] > [data-mr-align="justify"] {
    text-align: justify;
    hyphens: auto;
    text-wrap: pretty;
}

}

@layer components {

[data-mr="search"]:not([data-mr-tone]):not([data-mr-pending]) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}

[data-mr="search"] {

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--mr-gap-inline);
    inline-size: 100%;

    min-block-size: var(--mr-control-height);
    padding-inline: var(--mr-pad-inline);
    border: var(--mr-border-width-sm) solid var(--mr-fg-subtle);
    border-radius: var(--mr-radius-sm);

    background: var(--mr-bg-raised);
    color: var(--mr-fg);
    transition: border-color var(--mr-duration-fast) var(--mr-ease-standard),
                box-shadow var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="search"]:hover:not(:focus-within):not(:has([data-mr="search.field"]:disabled)) {
    border-color: var(--mr-fg-muted);
}

[data-mr="search"]:focus-within {
    border-color: var(--mr-focus-ring);
    box-shadow: 0 0 0 var(--mr-border-width-md, 2px) var(--mr-focus-ring);
}

[data-mr="search.label"] {
    flex: 0 0 100%;
    font-size: var(--mr-text-meta);
    font-weight: var(--mr-weight-medium);
    color: var(--mr-fg-muted);
}
[data-mr="search"]:has([data-mr="search.label"]:not([data-mr-visually-hidden])) {
    align-content: center;
    padding-block: var(--mr-pad-cell);
}

[data-mr="search.icon"] {
    flex: none;
    display: grid;
    place-items: center;
    inline-size: var(--mr-glyph-mark);
    block-size: var(--mr-glyph-mark);
    color: var(--mr-fg-subtle);
}
[data-mr="search.icon"] > svg { inline-size: 100%; block-size: 100%; }

[data-mr="search.field"] {
    flex: 1 1 6ch;

    align-self: stretch;
    min-inline-size: 0;
    min-block-size: var(--mr-field-height);
    border: 0;
    padding: 0;
    background: none;
    color: inherit;
    font-family: inherit;
    font-size: var(--mr-text-row);
    letter-spacing: var(--mr-tracking-tight);
}
[data-mr="search.field"]:focus { outline: none; }

[data-mr="search.field"]::placeholder { color: var(--mr-fg-muted); }

[data-mr="search.field"]::-webkit-search-cancel-button { appearance: none; }
[data-mr="search.field"]:disabled { color: var(--mr-spent-ink, var(--mr-fg-subtle)); cursor: not-allowed; }
[data-mr="search"]:has([data-mr="search.field"]:disabled) {
    background: var(--mr-bg-sunken);
    border-color: var(--mr-border);
}

[data-mr="search.clear"] {
    flex: none;

    align-self: stretch;
    min-block-size: 0;
    display: grid;
    place-items: center;
    inline-size: var(--mr-control-height);
    margin-inline-end: calc(var(--mr-pad-inline) * -1);
    border: 0;
    background: none;
    color: var(--mr-fg-subtle);
    cursor: pointer;
    transition: color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="search.clear"]::before {
    content: "";
    inline-size: var(--mr-glyph-chevron);
    block-size: var(--mr-glyph-chevron);
    background:
        linear-gradient(currentColor, currentColor) center / 100% var(--mr-border-width-sm) no-repeat,
        linear-gradient(currentColor, currentColor) center / var(--mr-border-width-sm) 100% no-repeat;
    transform: rotate(45deg);
}
[data-mr="search.clear"]:hover { color: var(--mr-fg); }

[data-mr="search.clear"]:not(:last-child) { margin-inline-end: 0; }

[data-mr="search.submit"] {
    flex: none;

    align-self: stretch;
    min-block-size: 0;

    margin-inline-end: calc(var(--mr-pad-inline) * -1);
    padding-inline: var(--mr-pad-inline);
    border: 0;
    border-radius: 0;
    border-start-end-radius: calc(var(--mr-radius-sm) - var(--mr-border-width-sm));
    border-end-end-radius: calc(var(--mr-radius-sm) - var(--mr-border-width-sm));
    background: var(--mr-tone);
    color: var(--mr-on-tone);
    font-family: inherit;
    font-size: var(--mr-text-row);
    font-weight: var(--mr-weight-semibold);
    letter-spacing: var(--mr-tracking-tight);
    cursor: pointer;
}

[data-mr="search"][data-mr-size="sm"] [data-mr="search.field"] { font-size: var(--mr-text-meta); }
[data-mr="search"][data-mr-size="sm"] [data-mr="search.icon"] {
    inline-size: var(--mr-glyph-chevron);
    block-size: var(--mr-glyph-chevron);
}
[data-mr="search"][data-mr-size="lg"] [data-mr="search.field"] { font-size: var(--mr-text-title); }
[data-mr="search"][data-mr-size="lg"] [data-mr="search.icon"] {
    inline-size: var(--mr-glyph-figure);
    block-size: var(--mr-glyph-figure);
}

@media (prefers-reduced-motion: reduce) {
    [data-mr="search"], [data-mr="search.clear"] { transition: none; }
}

}

@layer components {

a[data-mr][href][data-mr="sidebar.toggle"] {
    text-decoration: none;
}

[data-mr="sidebar"] {
    display: flex; flex-direction: column;
    inline-size: var(--mr-measure-rail);
    background: var(--mr-bg-sunken);
    border-inline-end: var(--mr-border-width-sm) solid var(--mr-border);
    transition: inline-size var(--mr-duration-base) var(--mr-ease-standard);
}

[data-mr="sidebar"][data-mr-surface="flat"] { background: none; }

[data-mr="sidebar"][data-mr-variant="collapsed"] { inline-size: var(--mr-measure-rail-collapsed); }

[data-mr="sidebar.header"] {
    flex: none;
    display: flex; align-items: center; gap: var(--mr-gap-inline);
    min-block-size: var(--mr-control-height);
    padding-inline: var(--mr-pad-inline);
    border-block-end: var(--mr-border-width-sm) solid var(--mr-border-subtle);
}
[data-mr="sidebar.header.label"] {
    flex: 1; min-inline-size: 0;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-weight: var(--mr-weight-semibold);
    font-size: var(--mr-text-row);
    letter-spacing: var(--mr-tracking-tight);
    color: var(--mr-fg);
}

[data-mr="sidebar.toggle"] {
    flex: none;
    min-inline-size: var(--mr-control-height); block-size: var(--mr-control-height); min-block-size: var(--mr-control-height);
    display: grid; place-items: center;
    background: none; border: none; padding: 0; cursor: pointer;
    border-radius: var(--mr-radius-sm);
    color: var(--mr-fg-subtle);
    transition: color var(--mr-duration-fast) var(--mr-ease-standard), background var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="sidebar.toggle"]:hover { background: var(--mr-bg-raised); color: var(--mr-fg); }
[data-mr="sidebar.toggle"]::before {
    content: "";
    inline-size: calc(var(--mr-glyph-chevron) / 2); block-size: calc(var(--mr-glyph-chevron) / 2);
    border-block-start: var(--mr-border-width-md, 2px) solid currentColor;
    border-inline-end: var(--mr-border-width-md, 2px) solid currentColor;
    transform: rotate(-135deg); margin-inline-start: var(--mr-border-width-md);
    transition: transform var(--mr-duration-base) var(--mr-ease-standard);
}
[data-mr="sidebar"][data-mr-variant="collapsed"] [data-mr="sidebar.toggle"]::before { transform: rotate(45deg); margin-inline-start: calc(var(--mr-border-width-md) * -1); }
[data-mr="sidebar"][data-mr-variant="collapsed"] [data-mr="sidebar.header"] { justify-content: center; padding-inline: 0; }

[data-mr="sidebar.body"] {
    flex: 1; min-block-size: 0;
    overflow-y: auto;
    padding: var(--mr-pad-block) var(--mr-pad-cell);
}
[data-mr="sidebar"][data-mr-variant="collapsed"] [data-mr="sidebar.body"] { padding-inline: var(--mr-pad-cell); }

[data-mr="sidebar.footer"] {
    flex: none;
    padding: var(--mr-pad-cell) var(--mr-pad-inline);
    border-block-start: var(--mr-border-width-sm) solid var(--mr-border-subtle);
}

@media (prefers-reduced-motion: reduce) {
    [data-mr="sidebar"], [data-mr="sidebar.toggle"]::before { transition: none; }
}

}

@layer components {

[data-mr="skeleton"] {
    display: block;
    inline-size: var(--mr-given-inline-size, 100%);
    background: linear-gradient(100deg, var(--mr-bg-sunken) 40%, color-mix(in srgb, var(--mr-border-subtle), var(--mr-border-strong) 28%) 50%, var(--mr-bg-sunken) 60%);
    background-size: 200% 100%;
    animation: mr-skeleton-shimmer calc(var(--mr-duration-slow, 260ms) * 6) linear infinite;
    border-radius: var(--mr-radius-sm);
}
@keyframes mr-skeleton-shimmer {
    0% { background-position: 150% 0; }
    100% { background-position: -50% 0; }
}

[data-mr="skeleton"] { block-size: var(--mr-given-block-size, calc(var(--mr-text-row) * var(--mr-leading-control))); border-radius: var(--mr-radius-sm); }
[data-mr="skeleton"][data-mr-shape="circle"] {
    inline-size: var(--mr-given-inline-size, var(--mr-glyph-portrait));
    block-size: var(--mr-given-block-size, var(--mr-glyph-portrait));
    border-radius: 50%;
}
[data-mr="skeleton"][data-mr-shape="rect"] { block-size: var(--mr-given-block-size, var(--mr-measure-band)); border-radius: var(--mr-radius-md); }

@media (prefers-reduced-motion: reduce) {
    [data-mr="skeleton"] { animation-duration: calc(var(--mr-duration-slow, 260ms) * 6); }
}

}

@layer components {

[data-mr="skip-link"]:not([data-mr-tone]):not([data-mr-pending]) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}

[data-mr="skip-link"] {
    position: absolute;
    inset-inline-start: var(--mr-pad-cell);
    inset-block-start: var(--mr-pad-cell);
    z-index: var(--mr-z-skip, 100);
    display: inline-flex;
    align-items: center;
    min-block-size: var(--mr-control-height);
    padding-inline: var(--mr-pad-inline);
    border-radius: var(--mr-radius-sm);
    background: var(--mr-tone);
    color: var(--mr-on-tone);
    font-size: var(--mr-text-row);
    font-weight: var(--mr-weight-semibold);
    text-decoration: none;
    white-space: nowrap;
}

[data-mr="skip-link"]:focus-visible {
    clip-path: none;
    inline-size: auto;
    block-size: auto;
    min-block-size: var(--mr-target-min);
    overflow: visible;
    outline: var(--mr-focus-width, 2px) solid var(--mr-focus-ring, var(--mr-tone-emphasis));
    outline-offset: var(--mr-focus-offset, 2px);
}

}

@layer components {

[data-mr="social-action"] {
    --df-social-row: var(--mr-control-height);
    --df-social-mark: var(--mr-glyph-mark);
    --df-social-type: var(--mr-text-row);

    --df-social-ink: var(--mr-given-ground, var(--mr-tone-emphasis));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--mr-gap-inline);

    min-block-size: var(--df-social-row);
    padding-inline: var(--mr-pad-inline);
    border: var(--mr-border-width-sm) solid transparent;
    border-radius: var(--mr-radius-sm);
    background: none;
    color: var(--mr-fg-muted);
    font-family: inherit;
    font-size: var(--df-social-type);
    font-weight: var(--mr-weight-medium);
    letter-spacing: var(--mr-tracking-tight);
    text-decoration: none;
    cursor: pointer;
    transition: background var(--mr-duration-fast) var(--mr-ease-standard),
                border-color var(--mr-duration-fast) var(--mr-ease-standard),
                color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="social-action"]:hover { background: var(--mr-bg-sunken); color: var(--mr-fg); }

[data-mr="social-action.mark"] {
    flex: none;
    display: grid;
    place-items: center;
    inline-size: var(--df-social-mark);
    block-size: var(--df-social-mark);
    font-size: var(--df-social-mark);
    line-height: var(--mr-leading-control);
}
[data-mr="social-action.mark"] > svg,
[data-mr="social-action.mark"] > img { inline-size: 100%; block-size: 100%; }
[data-mr="social-action.mark"] > i,
[data-mr="social-action.mark"] > em { font-size: inherit; font-style: normal; line-height: 1; }

[data-mr="social-action.label"] { white-space: nowrap; }

[data-mr="social-action.count"] {
    flex: none;
    min-inline-size: calc(var(--df-social-row) * .7);
    padding-inline: var(--mr-gap-inline);
    border-radius: var(--mr-radius-pill);
    background: var(--mr-bg-sunken);
    color: var(--mr-fg-muted);
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    font-weight: var(--mr-weight-regular);
    text-align: center;
}

[data-mr="social-action"]:has([data-mr="social-action.label"][data-mr-visually-hidden]) {
    inline-size: var(--df-social-row);
    padding-inline: 0;
}

[data-mr="social-action"][data-mr-emphasis="outlined"] {
    border-color: var(--mr-fg-subtle);
    background: var(--mr-bg-raised);
    color: var(--mr-fg);
}
[data-mr="social-action"][data-mr-emphasis="outlined"]:hover { border-color: var(--df-social-ink); }

[data-mr="social-action"][data-mr-emphasis="outlined"][style*="--mr-given-ground"] {
    border-color: var(--df-social-ink);
    color: var(--mr-fg);
}
[data-mr="social-action"][data-mr-emphasis="outlined"][style*="--mr-given-ground"] [data-mr="social-action.mark"] { color: var(--df-social-ink); }

[data-mr="social-action"][data-mr-emphasis="strong"] {
    border-color: transparent;
    background: var(--mr-tone);
    color: var(--mr-on-tone);
}

[data-mr="social-action"][data-mr-emphasis="strong"][style*="--mr-given-ground"][style*="--mr-on-given-ground"] {
    background: var(--mr-given-ground);
    color: var(--mr-on-given-ground);
}
[data-mr="social-action"][data-mr-emphasis="strong"]:hover { filter: brightness(.94); }

[data-mr="social-action"][data-mr-emphasis="strong"] [data-mr="social-action.count"] {
    background: var(--mr-on-given-ground, var(--mr-on-tone));
    color: var(--mr-given-ground, var(--mr-tone));
}

[data-mr="social-action"][aria-pressed="true"] {
    color: var(--df-social-ink);
    background: var(--mr-tone-subtle);
    font-weight: var(--mr-weight-semibold);
}
[data-mr="social-action"][aria-pressed="true"][data-mr-emphasis="outlined"] { border-color: var(--df-social-ink); }
[data-mr="social-action"][aria-pressed="true"] [data-mr="social-action.count"] {
    background: var(--mr-bg-raised);
    color: var(--df-social-ink);
}

[data-mr="social-action"][data-mr-width="full"] {
    display: flex;
    inline-size: 100%;
    justify-content: center;
}

[data-mr="social-action"][data-mr-size="sm"] { --df-social-row: var(--mr-row-height); --df-social-mark: var(--mr-glyph-chevron); --df-social-type: var(--mr-text-meta); }
[data-mr="social-action"][data-mr-size="lg"] { --df-social-row: calc(var(--mr-control-height) + var(--mr-gap-inline)); --df-social-mark: var(--mr-glyph-figure); --df-social-type: var(--mr-text-title); }

@media (prefers-reduced-motion: reduce) { [data-mr="social-action"] { transition: none; } }

}

@layer components {

[data-mr="spinner"] {
    display: inline-block;
    inline-size: var(--mr-glyph-figure);
    block-size: var(--mr-glyph-figure);
    border-radius: 50%;
    border: 0.15em solid var(--mr-tone-subtle, var(--mr-bg-sunken));
    border-top-color: var(--mr-tone);
    animation: mr-spinner-spin calc(var(--mr-duration-slow, 260ms) * 3) linear infinite;
}

@keyframes mr-spinner-spin { to { transform: rotate(360deg); } }

}

@layer components {

a[data-mr][href][data-mr="stepper.step.marker"] {
    text-decoration: none;
}

[data-mr="stepper"] { display: flex; align-items: center; gap: var(--mr-gap-column); list-style: none; margin: 0; padding: 0; }
[data-mr="stepper"][data-mr-variant="vertical"] { flex-direction: column; align-items: flex-start; gap: var(--mr-gap-run); }

[data-mr="stepper.step"] { display: flex; align-items: center; gap: var(--mr-gap-inline); }
[data-mr="stepper"][data-mr-variant="vertical"] [data-mr="stepper.step"] { flex-direction: column; align-items: flex-start; gap: var(--mr-gap-inline); }

[data-mr="stepper.step.marker"] {
    display: grid; place-items: center;
    inline-size: var(--mr-glyph-figure); block-size: var(--mr-glyph-figure);
    border-radius: 50%;
    font-size: var(--mr-text-meta); font-weight: var(--mr-weight-semibold);
    background: var(--mr-bg-raised); color: var(--mr-fg-subtle);
    box-shadow: inset 0 0 0 var(--mr-border-width-md, 2px) var(--mr-border);
    transition: box-shadow var(--mr-duration-base) var(--mr-ease-standard), background var(--mr-duration-base) var(--mr-ease-standard), color var(--mr-duration-base) var(--mr-ease-standard);
}
[data-mr="stepper.step"][data-mr-state="complete"] [data-mr="stepper.step.marker"] { background: var(--mr-tone); color: var(--mr-on-tone); box-shadow: none; }
[data-mr="stepper.step"][data-mr-state="current"] [data-mr="stepper.step.marker"] { box-shadow: inset 0 0 0 var(--mr-border-width-md, 2px) var(--mr-tone-emphasis), 0 0 0 var(--mr-border-width-lg) var(--mr-tone-subtle); color: var(--mr-tone-emphasis); }

[data-mr="stepper.step.label"] { display: inline-flex; align-items: baseline; gap: var(--mr-gap-heading); font-size: var(--mr-text-row); font-weight: var(--mr-weight-medium, var(--mr-weight-semibold)); color: var(--mr-fg-subtle); letter-spacing: var(--mr-tracking-tight); }
[data-mr="stepper.step"][data-mr-state="current"] [data-mr="stepper.step.label"] { color: var(--mr-fg); font-weight: var(--mr-weight-semibold); }
[data-mr="stepper.step"][data-mr-state="complete"] [data-mr="stepper.step.label"] { color: var(--mr-fg-muted); }
[data-mr="stepper.step.description"] { margin: 0; font-size: var(--mr-text-meta); color: var(--mr-fg-muted); }

[data-mr="stepper.step.qualifier"] { font-size: var(--mr-text-meta); font-weight: var(--mr-weight-regular, 400); color: var(--mr-fg-muted); letter-spacing: 0; }

[data-mr="stepper.connector"] { flex: 1; block-size: var(--mr-border-width-md); background: var(--mr-border); min-inline-size: var(--mr-gap-section); border-radius: var(--mr-radius-sm); }
[data-mr="stepper.step"][data-mr-state="complete"] + [data-mr="stepper.connector"] { background: var(--mr-tone); }

[data-mr="stepper"][data-mr-variant="vertical"] [data-mr="stepper.connector"] { inline-size: var(--mr-border-width-md); block-size: var(--mr-gap-stack); min-inline-size: 0; margin-inline-start: calc(var(--mr-glyph-figure) / 2); flex: none; }

[data-mr="stepper.step"][data-mr-navigable="true"] [data-mr="stepper.step.marker"] {
    inline-size: var(--mr-control-height); block-size: var(--mr-control-height);

    margin-block: calc((var(--mr-control-height) - var(--mr-glyph-figure)) / -2);
    margin-inline: calc((var(--mr-control-height) - var(--mr-glyph-figure)) / -2);
    border: none; box-shadow: none; border-radius: 0;
    background: radial-gradient(circle closest-side, var(--mr-tone) 100%, transparent 100%) center / var(--mr-glyph-figure) var(--mr-glyph-figure) no-repeat;
    color: var(--mr-on-tone);
    font: inherit; font-size: var(--mr-text-meta); font-weight: var(--mr-weight-semibold);
    cursor: pointer;
}

[data-mr="stepper.step"][data-mr-navigable="true"] { cursor: pointer; }
[data-mr="stepper.step"][data-mr-navigable="true"]:hover [data-mr="stepper.step.marker"] {
    background-image: radial-gradient(circle closest-side, var(--mr-tone-emphasis) 100%, transparent 100%);
}
[data-mr="stepper.step"][data-mr-navigable="true"]:hover [data-mr="stepper.step.label"] {
    color: var(--mr-fg);
    text-decoration: underline solid var(--mr-tone);
    text-underline-offset: 0.15em;
}

[data-mr="stepper.step"][data-mr-optional="true"] > [data-mr="stepper.step.label"] { display: block; }
[data-mr="stepper.step"][data-mr-optional="true"] [data-mr="stepper.step.qualifier"] {
    margin-inline-start: .4ch;
    font-size: var(--mr-text-meta);
    font-style: italic;
    font-weight: var(--mr-weight-regular);
    letter-spacing: normal;
    text-transform: none;
    color: var(--mr-fg-muted);
}
[data-mr="stepper.step"][data-mr-optional="true"] [data-mr="stepper.step.qualifier"]::before { content: "("; }
[data-mr="stepper.step"][data-mr-optional="true"] [data-mr="stepper.step.qualifier"]::after { content: ")"; }

[data-mr="stepper.step"][data-mr-disabled="true"] [data-mr="stepper.step.marker"] { background: var(--mr-spent-ground, var(--mr-bg-sunken)); color: var(--mr-spent-ink, var(--mr-fg-subtle)); box-shadow: inset 0 0 0 var(--mr-border-width-md, 2px) var(--mr-spent-line, var(--mr-border-subtle)); }
[data-mr="stepper.step"][data-mr-disabled="true"] [data-mr="stepper.step.label"] { color: var(--mr-spent-ink, var(--mr-fg-subtle)); }
[data-mr="stepper.step"][data-mr-disabled="true"] + [data-mr="stepper.connector"] { background: var(--mr-spent-line, var(--mr-border-subtle)); }
}

@layer components {

[data-mr="table"]:not([data-mr-tone]):not([data-mr-pending]) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}

[data-mr="table.viewport"] {
    overflow-x: auto;

    overflow-y: hidden;
    scrollbar-width: thin;
    overscroll-behavior-x: contain;
    border-radius: var(--mr-radius-md);
    background-color: var(--mr-bg-raised);
}

[data-mr="table"] {
    inline-size: 100%;
    border-collapse: collapse;
    font-size: var(--mr-text-row);
    background-color: var(--mr-bg-raised);
}
[data-mr="table"][data-mr-surface="outlined"] {
    border: var(--mr-border-width-sm) solid var(--mr-border);
    border-radius: var(--mr-radius-md);
}
[data-mr="table"][data-mr-surface="elevated"] {
    box-shadow: var(--mr-shadow-md);
    border-radius: var(--mr-radius-md);
}
[data-mr="table"][data-mr-surface="flat"] { background-color: transparent; }

[data-mr="table.caption"] {
    caption-side: top;
    text-align: start;
    padding: var(--mr-pad-cell) var(--mr-pad-cell) calc(var(--mr-pad-cell) + var(--mr-gap-pair));
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
    color: var(--mr-fg-subtle);
    border-block-end: var(--mr-border-width-sm) solid var(--mr-border);
}

[data-mr="table.head"] {
    position: sticky;
    inset-block-start: 0;
    z-index: var(--mr-z-sticky);
    background-color: var(--mr-bg-sunken);
}
[data-mr="table.heading"] {
    text-align: start;
    padding: var(--mr-pad-cell);
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    font-weight: var(--mr-weight-medium);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
    color: var(--mr-fg-muted);
    white-space: nowrap;
    border-block-end: var(--mr-border-width-sm) solid var(--mr-border-strong);
}

[data-mr="table.row"] { transition: background-color var(--mr-duration-fast) var(--mr-ease-standard); }
[data-mr="table.body"] [data-mr="table.row"] + [data-mr="table.row"] :is([data-mr="table.cell"], [data-mr="table.rowheading"]) {
    border-block-start: var(--mr-border-width-sm) solid var(--mr-border-subtle);
}
[data-mr="table"][data-mr-interaction="highlight"] [data-mr="table.body"] [data-mr="table.row"]:hover,
[data-mr="table"][data-mr-interaction="highlight"] [data-mr="table.body"] [data-mr="table.row"]:focus-within {
    background-color: var(--mr-tone-subtle);
}

[data-mr="table.row"][aria-current] { background-color: var(--mr-tone-subtle); }
[data-mr="table.row"][aria-current] [data-mr="table.rowheading"] { color: var(--mr-tone-emphasis); }

[data-mr="table.row"][data-mr-tone] { background-color: var(--mr-tone-subtle); }
[data-mr="table.row"][data-mr-tone] :is([data-mr="table.cell"], [data-mr="table.rowheading"]) { color: var(--mr-tone-emphasis); }

[data-mr="table.cell"] {
    padding: var(--mr-pad-cell);
    vertical-align: baseline;
    color: var(--mr-fg-muted);
    font-variant-numeric: tabular-nums;
}
[data-mr="table.rowheading"] {
    text-align: start;
    padding: var(--mr-pad-cell);
    vertical-align: baseline;
    font-weight: var(--mr-emphasis-weight, var(--mr-weight-semibold));
    color: var(--mr-fg);
}

:is([data-mr="table.cell"], [data-mr="table.heading"], [data-mr="table.rowheading"])[data-mr-field="when"] {
    font-family: var(--mr-font-mono);
    white-space: nowrap;
}

:is([data-mr="table.cell"], [data-mr="table.heading"])[data-mr-align="start"]  { text-align: start; }
:is([data-mr="table.cell"], [data-mr="table.heading"])[data-mr-align="center"] { text-align: center; }
:is([data-mr="table.cell"], [data-mr="table.heading"])[data-mr-align="end"]    { text-align: end; }

[data-mr="table.foot"] {
    background-color: var(--mr-bg-sunken);
    font-weight: var(--mr-weight-medium);
}
[data-mr="table.foot"] :is([data-mr="table.cell"], [data-mr="table.rowheading"]) {
    border-block-start: var(--mr-border-width-sm) solid var(--mr-border-strong);
    color: var(--mr-fg);
}

[data-mr="table.select"] {
    accent-color: var(--mr-tone);
    inline-size: var(--mr-glyph-mark);
    block-size: var(--mr-glyph-mark);
    min-block-size: var(--mr-glyph-mark);
    max-block-size: var(--mr-glyph-mark);
    margin: 0;
    vertical-align: middle;
}

[data-mr="table.cell"]:has([data-mr="table.select"]) { padding-inline: var(--mr-pad-cell); inline-size: var(--mr-control-height); }

[data-mr="table.actions"] {
    display: flex;
    gap: var(--mr-gap-inline);
    justify-content: flex-end;
}
[data-mr="table.actions.item"] {
    display: inline-flex;
    align-items: center;
    min-block-size: var(--mr-control-height);
    padding-inline: var(--mr-pad-inline);
    background-color: var(--mr-bg-sunken);
    border: var(--mr-border-width-sm) solid var(--mr-border);
    border-radius: var(--mr-radius-sm);
    font-size: var(--mr-text-row);
    font-weight: var(--mr-weight-medium);
    color: var(--mr-tone-emphasis);
    text-decoration: none;
    white-space: nowrap;
    transition: color var(--mr-duration-fast) var(--mr-ease-standard), background-color var(--mr-duration-fast) var(--mr-ease-standard), border-color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="table.actions.item"]:hover { background-color: var(--mr-tone-subtle); border-color: var(--mr-tone-emphasis); }
[data-mr="table.actions.item"][data-mr-emphasis="subtle"] { color: var(--mr-fg-muted); font-weight: var(--mr-weight-regular); }

[data-mr="table.row"][data-mr-variant="empty"] [data-mr="table.cell"]:has([data-mr="empty-state"]) {
    padding: 0;
    text-align: inherit;
    color: inherit;
    max-inline-size: none;
}
[data-mr="table.row"][data-mr-variant="empty"] [data-mr="table.cell"]:not(:has([data-mr="empty-state"])) {
    padding: var(--mr-pad-page) var(--mr-pad-cell);
    text-align: center;
    color: var(--mr-fg-subtle);
    max-inline-size: var(--mr-measure);
}

[data-mr="table.cell"] [data-mr="badge"] {
    display: inline-block;
    padding: var(--mr-gap-inline) var(--mr-pad-cell);
    border-radius: var(--mr-radius-sm);
    background-color: var(--mr-tone-subtle);
    color: var(--mr-tone-emphasis);
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    line-height: var(--mr-leading-control);
    white-space: nowrap;
}

    [data-mr="table.actions.item"][data-mr-emphasis="subtle"][aria-disabled="true"] { color: var(--mr-spent-ink, var(--mr-fg-subtle)); }
}

@layer components {

a[data-mr][href][data-mr="tabs.tab"] {
    text-decoration: none;
}

[data-mr="tabs"] { display: block; }
[data-mr="tabs.list"] { display: flex; gap: var(--mr-gap-column); border-block-end: var(--mr-border-width-sm) solid var(--mr-border); }
[data-mr="tabs.tab"] {

    min-block-size: var(--mr-row-height);

    display: inline-flex; align-items: center;
    text-decoration: none;
    background: none; border: none; cursor: pointer;
    padding: var(--mr-pad-cell) 0;
    font-size: var(--mr-text-row);
    font-weight: var(--mr-weight-semibold);
    color: var(--mr-fg-muted);
    border-block-end: var(--mr-border-width-md, 2px) solid transparent;
    margin-block-end: calc(var(--mr-border-width-sm) * -1);
}
[data-mr="tabs.tab"][aria-current] { color: var(--mr-tone-emphasis); border-block-end-color: var(--mr-tone-emphasis); }
[data-mr="tabs.panel"] { padding-block-start: var(--mr-pad-block); font-size: var(--mr-text-row); color: var(--mr-fg); }
[data-mr="tabs.panel"] p { margin: 0; }

[data-mr="tabs"][data-mr-variant="boxed"] [data-mr="tabs.list"] { border-block-end: none; gap: var(--mr-gap-inline); background: var(--mr-bg-sunken); padding: var(--mr-pad-cell); border-radius: var(--mr-radius-sm); display: inline-flex; }
[data-mr="tabs"][data-mr-variant="boxed"] [data-mr="tabs.tab"] { padding: var(--mr-pad-cell) var(--mr-pad-inline); border-radius: var(--mr-radius-sm); border-block-end: none; }
[data-mr="tabs"][data-mr-variant="boxed"] [data-mr="tabs.tab"][aria-current] { background: var(--mr-bg-raised); color: var(--mr-fg); box-shadow: var(--mr-shadow-sm); }

[data-mr="tabs"][data-mr-orientation="vertical"] { display: flex; gap: var(--mr-pad-block); align-items: flex-start; }
[data-mr="tabs"][data-mr-orientation="vertical"] [data-mr="tabs.list"] { flex-direction: column; align-items: stretch; border-block-end: none; border-inline-end: var(--mr-border-width-sm) solid var(--mr-border); gap: var(--mr-gap-run); padding-inline-end: var(--mr-pad-block); flex: none; }
[data-mr="tabs"][data-mr-orientation="vertical"] [data-mr="tabs.tab"] { text-align: start; border-block-end: var(--mr-border-width-md, 2px) solid transparent; margin-block-end: 0; padding: var(--mr-pad-cell) var(--mr-pad-block) var(--mr-pad-cell) 0; }
[data-mr="tabs"][data-mr-orientation="vertical"] [data-mr="tabs.tab"][aria-current] { border-block-end-color: var(--mr-tone-emphasis); }
[data-mr="tabs"][data-mr-orientation="vertical"] [data-mr="tabs.panel"] { padding-block-start: 0; flex: 1; }
[data-mr="tabs"][data-mr-orientation="vertical"][data-mr-variant="boxed"] [data-mr="tabs.list"] { border-inline-end: none; display: flex; }
[data-mr="tabs"][data-mr-orientation="vertical"][data-mr-variant="boxed"] [data-mr="tabs.tab"] { border-block-end: none; }

    [data-mr="tabs.tab"][aria-current][aria-disabled="true"] { color: var(--mr-spent-ink, var(--mr-fg-subtle)); border-block-end-color: var(--mr-spent-line, var(--mr-border-subtle)); }
    [data-mr="tabs"][data-mr-variant="boxed"] [data-mr="tabs.tab"][aria-current][aria-disabled="true"] { color: var(--mr-spent-ink, var(--mr-fg-subtle)); background-color: transparent; box-shadow: none; }
}

@layer components {

[data-mr="testimonial"]:not([data-mr-tone]):not([data-mr-pending]) {
    --mr-tone: var(--mr-primary);
    --mr-on-tone: var(--mr-on-primary);
    --mr-tone-subtle: var(--mr-primary-subtle);
    --mr-tone-emphasis: var(--mr-primary-emphasis);
}

[data-mr="testimonial"] {
    display: grid;
    gap: var(--mr-gap-stack);
    margin: 0;
    padding: var(--mr-pad-block);
    padding-inline-start: var(--mr-pad-block);
    border-inline-start: var(--mr-border-width-md) solid var(--mr-tone-emphasis);
    background-color: var(--mr-bg-sunken);
    border-radius: var(--mr-radius-sm);
    font-family: var(--mr-font-body);
}

[data-mr="testimonial.quote"] {
    margin: 0;
    font-size: var(--mr-text-reading);
    line-height: var(--mr-leading-reading);
    color: var(--mr-fg);
}
[data-mr="testimonial.quote"] > * + * { margin-block-start: var(--mr-gap-paragraph); }

[data-mr="testimonial.rating"] {
    display: flex;
    align-items: baseline;
    gap: var(--mr-gap-pair);
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    letter-spacing: var(--mr-tracking-wide);
    text-transform: uppercase;
    color: var(--mr-fg-muted);
}
[data-mr="testimonial.rating.value"] {
    font-size: var(--mr-text-row);
    font-weight: var(--mr-weight-semibold);
    color: var(--mr-fg-strong);
    font-variant-numeric: tabular-nums;
}

[data-mr="testimonial.attribution"] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--mr-gap-pair) var(--mr-gap-inline);
    font-family: var(--mr-font-mono);
    font-size: var(--mr-text-meta);
    color: var(--mr-fg-muted);
}
[data-mr="testimonial.portrait"] {
    inline-size: var(--mr-glyph-portrait);
    block-size: var(--mr-glyph-portrait);
    border-radius: var(--mr-radius-sm);
    object-fit: cover;
    background-color: var(--mr-bg-raised);
}
[data-mr="testimonial.attribution.name"] {
    font-weight: var(--mr-weight-semibold);
    color: var(--mr-fg);
    text-transform: none;
}

[data-mr="testimonial.attribution.name"] + [data-mr="testimonial.attribution.role"]::before {
    content: "\00b7";
    margin-inline-end: var(--mr-gap-inline);
}
[data-mr="testimonial.outcome"] {
    font-size: var(--mr-text-meta);
    font-family: var(--mr-font-mono);
    letter-spacing: var(--mr-tracking-wide);
    color: var(--mr-fg-muted);
}

[data-mr="testimonial"] { max-inline-size: var(--mr-measure); }
[data-mr="testimonial"][data-mr-variant="inline"] {
    background-color: transparent;
    padding-block: var(--mr-pad-cell);
    max-inline-size: var(--mr-measure);
}

}

@layer components {

[data-mr="toast"] {
    display: flex;
    align-items: flex-start;
    gap: var(--mr-gap-inline);
    max-inline-size: var(--mr-measure-narrow);
    padding: var(--mr-pad-cell);
    background: var(--mr-bg-raised);
    border: var(--mr-border-width-sm) solid var(--mr-border);
    border-radius: var(--mr-radius-md);
    box-shadow: var(--mr-shadow-md);
    animation: mr-toast-enter var(--mr-duration-base) var(--mr-ease-standard);
}
[data-mr="toast"] { border-color: var(--mr-tone-subtle); background: var(--mr-tone-subtle); color: var(--mr-tone-emphasis); }
[data-mr="toast"] { border-inline-start-width: var(--mr-border-width-lg); border-inline-start-color: color-mix(in srgb, var(--mr-tone-emphasis), transparent 35%); }
[data-mr="toast"][data-mr-variant="solid"] { background: var(--mr-tone); color: var(--mr-on-tone); border-color: transparent; }
[data-mr="toast"][data-mr-variant="solid"] [data-mr="toast.dismiss"] { color: var(--mr-on-tone); }

[data-mr="toast.icon"] { flex: none; inline-size: var(--mr-glyph-mark); block-size: var(--mr-glyph-mark); color: var(--mr-tone-emphasis); }
[data-mr="toast"][data-mr-variant="solid"] [data-mr="toast.icon"] { color: var(--mr-on-tone); }
[data-mr="toast.title"] { font-weight: var(--mr-weight-semibold); margin: 0 0 var(--mr-gap-pair); font-size: var(--mr-text-row); }
[data-mr="toast.body"] { font-size: var(--mr-text-meta); }
[data-mr="toast.body"] p { margin: 0; }
[data-mr="toast.actions"] { display: flex; gap: var(--mr-gap-inline); margin-block-start: var(--mr-gap-stack); }

[data-mr="toast.actions.item"] { font-size: var(--mr-text-meta); font-weight: var(--mr-weight-semibold); color: var(--mr-tone-emphasis); }
[data-mr="toast.dismiss"] { flex: none; margin-inline-start: auto; background: none; border: none; color: var(--mr-fg-subtle); cursor: pointer; padding: var(--mr-gap-pair); }

@keyframes mr-toast-enter { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

@media (prefers-reduced-motion: reduce) { [data-mr="toast"] { animation: none; } }

}

@layer components {

a[data-mr][href][data-mr="tree.item.toggle"] {
    text-decoration: none;
}

[data-mr="tree"], [data-mr="tree.item.children"] { display: grid; gap: var(--mr-gap-run); }

[data-mr="tree"] {
    --mr-tree-gutter: calc(var(--mr-glyph-mark) + var(--mr-gap-inline));
    list-style: none; margin: 0; padding: 0;
    font-size: var(--mr-text-row);
}
[data-mr="tree.item.children"] { list-style: none; margin: 0; padding: 0; }

[data-mr="tree.item.row"] {

    display: grid;
    grid-template-columns: [toggle] auto [icon] auto [label] minmax(0, 1fr) [count] auto [actions] auto;
    align-items: center;
    align-content: center;
    min-block-size: var(--mr-row-height);
    padding-inline: var(--mr-pad-cell);
    border-radius: var(--mr-radius-sm);
    color: var(--mr-fg-muted);
    cursor: pointer;
    transition: background var(--mr-duration-fast) var(--mr-ease-standard), color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="tree.item.row"]:hover { background: var(--mr-bg-sunken); color: var(--mr-fg); }

[data-mr="tree.item.row"][aria-current] {
    background: var(--mr-tone-subtle); color: var(--mr-tone-emphasis);
    font-weight: var(--mr-weight-semibold);
}

[data-mr="tree.item.toggle"] {
    flex: none;
    inline-size: var(--mr-tree-gutter); block-size: var(--mr-row-height);
    min-block-size: var(--mr-row-height);
    display: grid; place-items: center;
    background: none; border: none; padding: 0; cursor: pointer;
    color: var(--mr-fg-subtle);
}
[data-mr="tree.item.toggle"]:hover { color: var(--mr-fg); }

[data-mr="tree.item.toggle"]::before {
    content: "";
    inline-size: calc(var(--mr-glyph-chevron) / 2); block-size: calc(var(--mr-glyph-chevron) / 2);
    border-block-start: var(--mr-border-width-md, 2px) solid currentColor;
    border-inline-end: var(--mr-border-width-md, 2px) solid currentColor;
    transform: rotate(45deg); margin-inline-start: calc(var(--mr-border-width-md) * -1);
    transition: transform var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="tree.item"][data-mr-expanded="true"] > [data-mr="tree.item.row"] > [data-mr="tree.item.toggle"]::before {
    transform: rotate(135deg); margin-block-start: calc(var(--mr-border-width-md) * -1); margin-inline-start: 0;
}

[data-mr="tree.item.icon"] { flex: none; display: grid; place-items: center; inline-size: var(--mr-glyph-mark); block-size: var(--mr-glyph-mark); color: var(--mr-fg-subtle); }
[data-mr="tree.item.icon"] > svg { inline-size: 100%; block-size: 100%; }
[data-mr="tree.item.row"][aria-current] > [data-mr="tree.item.icon"] { color: currentColor; }

[data-mr="tree.item.label"] { flex: 1; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: var(--mr-tracking-tight); line-height: var(--mr-row-height); }

[data-mr="tree.item.count"] {
    flex: none;
    font-family: var(--mr-font-mono); font-size: var(--mr-text-meta);
    color: var(--mr-fg-muted);
    padding-inline: var(--mr-pad-cell);
    border-radius: var(--mr-radius-pill);
    background: var(--mr-bg-sunken);
}

[data-mr="tree.item.actions"] { display: flex; gap: var(--mr-gap-inline); }
[data-mr="tree.item.toggle"] { grid-column: toggle; align-self: center; margin-inline-end: var(--mr-gap-inline); }
[data-mr="tree.item.icon"] { grid-column: icon; align-self: center; margin-inline-end: var(--mr-gap-inline); }
[data-mr="tree.item.label"] { grid-column: label; }
[data-mr="tree.item.count"] { grid-column: count; margin-inline-start: var(--mr-gap-inline); }
[data-mr="tree.item.actions"] { grid-column: actions; margin-inline-start: var(--mr-gap-inline); align-self: center; align-items: center; }

[data-mr="tree.item.actions.item"] {
    min-inline-size: var(--mr-control-height); block-size: calc(var(--mr-row-height) - var(--mr-gap-pair));
    min-block-size: calc(var(--mr-row-height) - var(--mr-gap-pair));
    display: grid; place-items: center;
    background-color: var(--mr-bg-sunken); border: var(--mr-border-width-sm) solid var(--mr-border); padding-inline: var(--mr-pad-cell); cursor: pointer;
    font-size: var(--mr-text-meta); font-weight: var(--mr-weight-semibold);
    color: var(--mr-fg-muted);
    border-radius: var(--mr-radius-sm);
    transition: color var(--mr-duration-fast) var(--mr-ease-standard), background-color var(--mr-duration-fast) var(--mr-ease-standard), border-color var(--mr-duration-fast) var(--mr-ease-standard);
}
[data-mr="tree.item.row"]:hover [data-mr="tree.item.actions.item"] { color: var(--mr-fg); }
[data-mr="tree.item.actions.item"]:hover { color: var(--mr-tone-emphasis); background-color: var(--mr-tone-subtle); border-color: var(--mr-tone-emphasis); }

[data-mr="tree.item.children"] { padding-inline-start: calc(var(--mr-tree-gutter) / 2 + var(--mr-indent-step) / 2); }
[data-mr="tree.item.children"] > [data-mr="tree.item"] { position: relative; }
[data-mr="tree.item.children"] > [data-mr="tree.item"]::before {
    content: "";
    position: absolute;
    inset-inline-start: calc(var(--mr-tree-gutter) / -2);
    inset-block-start: calc(-1 * var(--mr-gap-run));
    inline-size: var(--mr-border-width-md);
    block-size: calc(100% + var(--mr-gap-run));
    background: var(--mr-border);
}
[data-mr="tree.item.children"] > [data-mr="tree.item"]:last-child::before {
    block-size: calc(var(--mr-gap-run) + var(--mr-row-height) / 2);
}
[data-mr="tree.item.children"] > [data-mr="tree.item"]::after {
    content: "";
    position: absolute;
    inset-inline-start: calc(var(--mr-tree-gutter) / -2);
    inset-block-start: calc(var(--mr-row-height) / 2);
    inline-size: calc(var(--mr-tree-gutter) / 2 + var(--mr-indent-step) / 2);
    block-size: var(--mr-border-width-md);
    background: var(--mr-border);
}

@media (prefers-reduced-motion: reduce) {
    [data-mr="tree.item.toggle"]::before { transition: none; }
}

    [data-mr="tree.item.row"][aria-current][aria-disabled="true"] { color: var(--mr-spent-ink, var(--mr-fg-subtle)); background-color: transparent; }
}

@layer components {

[data-mr="layout"] {

    --mr-layout-gutter: var(--mr-pad-page);
    --mr-layout-gap: var(--mr-gap-column);
    --mr-layout-rhythm: var(--mr-gap-section);
    --mr-layout-band: var(--mr-pad-block);

    --mr-layout-measure-prose: var(--mr-measure);
    --mr-layout-measure-page: var(--mr-container-xl);
    --mr-layout-measure-wide: var(--mr-container-xxl);
}

[data-mr="layout.cell"] {

    --mr-ground: var(--mr-raised-base);
}
[data-mr="layout.cell"]:is([data-mr-tone], [data-mr-surface], [style*="--mr-given-image"]) {
    border: var(--mr-border-width-sm) solid transparent;
    border-radius: var(--mr-radius-md);
    background-color: var(--mr-ground);
    color: var(--mr-fg);
}

[data-mr="layout.cell"][data-mr-surface="flat"] {
    border-color: transparent;
    box-shadow: none;
}

[data-mr="layout.cell"]:is([data-mr-tone], [style*="--mr-given-image"]):not([data-mr-surface]),
[data-mr="layout.cell"][data-mr-surface="outlined"] {
    border-color: var(--mr-fg-subtle);
}
[data-mr="layout.cell"][data-mr-surface="elevated"] {
    border-color: transparent;
    box-shadow: var(--mr-shadow-md);
}

[data-mr="layout.cell"][data-mr-surface="accented"],
[data-mr="layout.cell"][data-mr-tone] {
    --mr-ground: var(--mr-tone-subtle);
    border-color: transparent;
}

[data-mr="layout.cell"][data-mr-tone="neutral"] {
    --mr-ground: var(--mr-recess-base);
}

[data-mr="layout.cell"][style*="--mr-given-image"] {
    background-image: linear-gradient(
            color-mix(in srgb, var(--mr-scrim) 72%, transparent),
            color-mix(in srgb, var(--mr-scrim) 58%, transparent)),
        var(--mr-given-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-color: transparent;
    color: var(--mr-on-veil);

}

[data-mr="layout.cell"][data-mr-tone][style*="--mr-given-image"] {
    background-image:
        linear-gradient(
            color-mix(in srgb, var(--mr-tone) 58%, transparent),
            color-mix(in srgb, var(--mr-tone) 44%, transparent)),
        linear-gradient(
            color-mix(in srgb, var(--mr-scrim) 52%, transparent),
            color-mix(in srgb, var(--mr-scrim) 42%, transparent)),
        var(--mr-given-image);
}

}