/* Generated by scripts/build-tokens.mjs from tokens/tokens.json. Do not edit. */
/* Materials: the approved Soft Hardware object sheet (Rev B). Foundations: FOUNDATIONS.md. */
:root {
  --mu-page: #F3F3F1;
  --mu-page-dark: #0E0E0F;
  --mu-green: #78D6A5;
  --mu-green-deep: #3FB97A;
  --mu-orange: #FF6B3D;
  --mu-blue: #2457F2;
  --mu-red: #D8453B;
  --mu-gold: #C7A76B;
  --mu-led-green: radial-gradient(circle at 40% 35%, #D9FFE9 0 18%, #7BEAAE 42%, #2FB673 100%);
  --mu-led-red: radial-gradient(circle at 40% 35%, #FFD9D2 0 18%, #FF7A66 45%, #D5392A 100%);
  --mu-led-amber: radial-gradient(circle at 40% 35%, #FFF1CF 0 18%, #F5BF55 45%, #C98A18 100%);
  --mu-led-blue: radial-gradient(circle at 40% 35%, #D8E6FF 0 18%, #6F9BFF 45%, #2457F2 100%);
  --mu-led-off: radial-gradient(circle at 40% 35%, #8B8B8E 0 18%, #6A6A6D 50%, #4A4A4D 100%);
  --mu-led-ring: 0 0 0 .5px rgba(0,0,0,.25);
  --mu-success: #AAD47C;
  --mu-warning: #E4B25E;
  --mu-photon: #F3D9A4;
  --mu-mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --mu-mono-stretch: 100%;
  --mu-mono-code-stretch: 100%;
  --mu-pixel: "Doto", "Doto Variable", "Martian Mono", ui-monospace, monospace;
  --mu-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;
  --mu-ease-press: cubic-bezier(.3,.0,.2,1);
  --mu-ease-slide: cubic-bezier(.22,.9,.25,1);
  --mu-focus: #3FB97A;
  --mu-zero: 0;
  --mu-zero-length: 0px;
  --mu-round: 50%;
  /* part: k=170 c=16 ζ=0.61 · parts you touch: thumbs, toggles, keys, detents; may overshoot against a stop */
  --mu-spring-part: linear(0, 0.0207, 0.0757, 0.1547, 0.2492, 0.3518, 0.4565, 0.5588, 0.6551, 0.743, 0.8209, 0.888, 0.9441, 0.9895, 1.0249, 1.0512, 1.0694, 1.0806, 1.0861, 1.0869, 1.084, 1.0785, 1.0711, 1.0626, 1.0535, 1.0444, 1.0357, 1.0275, 1.0201, 1.0136, 1.0081, 1.0035, 0.9998, 0.997, 0.995, 0.9936, 0.9928, 0.9924, 0.9925, 0.9928, 0.9934, 0.994, 0.9948, 0.9956, 0.9964, 0.9971, 0.9978, 0.9984, 1);
  --mu-spring-part-d: 0.6s;
  --mu-spring-part-half: 105ms;
  --mu-spring-part-near: 198ms;
  /* object: k=120 c=13 ζ=0.59 · objects landing on the table: a dropped block settling in a region, folder cards, a stack opening; a stop, and rare by design */
  --mu-spring-object: linear(0, 0.0204, 0.0747, 0.1532, 0.2476, 0.3505, 0.4561, 0.5597, 0.6576, 0.7472, 0.8269, 0.8957, 0.9534, 1.0001, 1.0365, 1.0634, 1.0819, 1.093, 1.0981, 1.0982, 1.0944, 1.0877, 1.0791, 1.0693, 1.059, 1.0486, 1.0386, 1.0293, 1.021, 1.0136, 1.0074, 1.0022, 0.9981, 0.995, 0.9927, 0.9913, 0.9905, 0.9903, 0.9905, 0.991, 0.9917, 0.9927, 0.9937, 0.9947, 0.9957, 0.9966, 0.9975, 0.9983, 1);
  --mu-spring-object-d: 0.92s;
  --mu-spring-object-half: 124ms;
  --mu-spring-object-near: 230ms;
  /* hinge: k=120 c=14 ζ=0.64 · anything on a hinge: flaps, lids, drawers that tilt */
  --mu-spring-hinge: linear(0, 0.0211, 0.0765, 0.1557, 0.2499, 0.3517, 0.4551, 0.5556, 0.6499, 0.7356, 0.8114, 0.8765, 0.931, 0.9751, 1.0097, 1.0356, 1.0538, 1.0655, 1.0717, 1.0735, 1.072, 1.0679, 1.0621, 1.0551, 1.0477, 1.0401, 1.0327, 1.0257, 1.0194, 1.0139, 1.0091, 1.0051, 1.0018, 0.9993, 0.9974, 0.996, 0.9952, 0.9947, 0.9946, 0.9947, 0.995, 0.9954, 0.9959, 0.9965, 0.9971, 0.9976, 0.9981, 0.9986, 1);
  --mu-spring-hinge-d: 0.94s;
  --mu-spring-hinge-half: 126ms;
  --mu-spring-hinge-near: 244ms;
  /* surface: k=220 c=28 ζ=0.94 · floating surfaces (menus, palettes, toasts, dialogs) rising and settling; no stop, so no overshoot */
  --mu-spring-surface: linear(0, 0.0108, 0.0394, 0.0805, 0.1303, 0.1854, 0.2434, 0.3024, 0.3609, 0.4178, 0.4723, 0.5239, 0.5724, 0.6174, 0.6589, 0.6969, 0.7316, 0.7631, 0.7915, 0.817, 0.8399, 0.8603, 0.8784, 0.8944, 0.9086, 0.921, 0.932, 0.9416, 0.9499, 0.9572, 0.9636, 0.969, 0.9738, 0.9778, 0.9813, 0.9843, 0.9869, 0.9891, 0.991, 0.9925, 0.9939, 0.995, 0.9959, 0.9967, 0.9974, 0.9979, 0.9984, 0.9987, 1);
  --mu-spring-surface-d: 0.5s;
  --mu-spring-surface-half: 110ms;
  --mu-spring-surface-near: 292ms;
  /* settle: k=380 c=36 ζ=0.92 · arrivals and footprints: content coming into place, a control growing to new content, the hover lift (T5a) */
  --mu-spring-settle: linear(0, 0.0269, 0.0925, 0.1792, 0.2747, 0.3712, 0.4633, 0.5482, 0.6242, 0.6908, 0.7482, 0.7969, 0.8378, 0.8716, 0.8993, 0.9218, 0.9398, 0.9542, 0.9656, 0.9744, 0.9813, 0.9865, 0.9905, 0.9935, 0.9957, 0.9973, 0.9984, 0.9992, 0.9998, 1.0001, 1.0003, 1.0005, 1.0005, 1.0005, 1);
  --mu-spring-settle-d: 0.44s;
  --mu-spring-settle-half: 83ms;
  --mu-spring-settle-near: 214ms;
  /* release: k=500 c=40 ζ=0.89 · departures and letting go: content leaving, a pressed cap returning */
  --mu-spring-release: linear(0, 0.0141, 0.0508, 0.1029, 0.165, 0.2325, 0.3023, 0.3719, 0.4394, 0.5035, 0.5636, 0.6191, 0.6697, 0.7154, 0.7563, 0.7927, 0.8247, 0.8528, 0.8771, 0.8982, 0.9162, 0.9317, 0.9447, 0.9557, 0.9649, 0.9725, 0.9788, 0.984, 0.9882, 0.9915, 0.9942, 0.9963, 0.998, 0.9992, 1);
  --mu-spring-release-d: 0.3s;
  --mu-spring-release-half: 71ms;
  --mu-spring-release-near: 178ms;
  /* refusal: k=900 c=12 ζ=0.2 · a refusal shake: released from one nest aside, it rings against the nest walls and dies out */
  --mu-spring-refusal: linear(0, 0.2079, 0.6804, 1.1663, 1.4693, 1.513, 1.3425, 1.0769, 0.8446, 0.7299, 0.7501, 0.8647, 1.0055, 1.1103, 1.146, 1.1152, 1.046, 0.9752, 0.9312, 0.9252, 0.9503, 0.9891, 1.0229, 1.0395, 1.0364, 1.0196, 0.999, 0.9838, 0.9787, 0.9832, 0.9934, 1.0037, 1.0101, 1.0109, 1.0072, 1.0015, 0.9966, 0.9942, 0.9947, 0.9972, 1.0002, 1.0024, 1.0031, 1.0024, 1.001, 0.9994, 0.9985, 0.9984, 1);
  --mu-spring-refusal-d: 1.1s;
  --mu-spring-refusal-half: 38ms;
  --mu-spring-refusal-near: 58ms;
  --mu-primary-bg: linear-gradient(#38383C,#252528);
  --mu-primary-sh: inset 0 0 5px 1px rgba(255,255,255,.07), inset 1px 2px 2px -1px rgba(255,255,255,.18), 0 0 0 .5px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.15), 0 5px 12px -4px rgba(0,0,0,.22);
  --mu-primary-pressed-bg: linear-gradient(#1C1C1E,#242427);
  --mu-primary-pressed-sh: inset 0 1px 3px rgba(0,0,0,.6), 0 0 0 .5px rgba(0,0,0,.7);
  --mu-primary-ink: #FFFFFF;
  --mu-destructive-bg: linear-gradient(#E6594E,#D0433A);
  --mu-destructive-sh: inset 0 0 6px 1px rgba(255,255,255,.14), inset 1px 2px 2px -1px rgba(255,255,255,.32), 0 0 0 .5px rgba(120,20,10,.3), 0 1px 2px rgba(110,10,0,.14), 0 5px 12px -4px rgba(170,30,20,.24);
  --mu-destructive-pressed-bg: linear-gradient(#BE352C,#CF4238);
  --mu-destructive-pressed-sh: inset 0 1px 3px rgba(80,0,0,.45), 0 0 0 .5px rgba(110,10,0,.55);
  --mu-destructive-ink: #FFFFFF;
  --mu-motion-press: 1px; /* a cap's travel into its well (the material's depth) */
  --mu-motion-step: 4px; /* one grid step: a drum turn (labels, icons, digits), a lift */
  --mu-motion-nest: 6px; /* one nest: a surface rising from its trigger, a refusal's reach */
  --mu-motion-content: 8px; /* two steps: a view changing inside a panel */
  --mu-motion-focus-step: 2px; /* defocus for a drum turn (half the step) */
  --mu-motion-focus-content: 4px; /* defocus for a content change (half the travel) */
  --mu-motion-stagger: var(--mu-spring-release-half); /* offset between items: each starts as the previous is half gone */
  --mu-motion-hop-duration: 250ms; /* a hop: one short throw from stop to stop (a light down a list, a thing from one region to another), easing out */
  --mu-motion-hop-duration-far: 340ms; /* a far hop's flight: long enough to feel it rise, hang and fall */
  --mu-motion-hop-lift: 14px; /* the most a hop's arc bows: its control point sits min(0.8 × distance, 14) off the straight line, so the arc peaks at half that */
  --mu-motion-hop-lift-far: 72px; /* how high a far hop can rise, as a control-point lift: the top of its throw is half this (36), less for a short throw */
  --mu-motion-hop-rise: 1.04; /* how much a far hop grows at the top of its arc: nearer the light, off the table */
  --mu-motion-hop-rise-shadow: 0 14px 18px rgba(0,0,0,.16); /* the extra shadow a far hop casts at the top of its arc; it fades as the thing comes down */
  --mu-motion-hop-crouch: 70ms; /* before a far hop leaves, it presses into the table: the effort that says it has weight */
  --mu-motion-hop-land: 200ms; /* the landing after a far hop: it squashes on its base, rebounds and settles (the table is a stop, so it may bounce) */
  --mu-motion-hop-squash: 0.95; /* how flat a far hop lands (its height; the width grows by half as much) */
  --mu-motion-hop-arc-ratio: 0.8; /* the fraction of a hop's distance that bounds its control point before the lift cap */
  --mu-swap-spring: var(--mu-spring-settle-d) var(--mu-spring-settle);
  --mu-swap-turn: var(--mu-motion-step);
  --mu-swap-focus: var(--mu-motion-focus-step);
  --mu-swap-shrink-delay: var(--mu-spring-settle-half);
  --mu-radius-key: 6px;
  --mu-radius-row: 12px;
  --mu-radius-plate: 18px;
  --mu-radius-card: 24px;
  --mu-radius-hero: 30px;
  --mu-radius-device: 36px;
  --mu-radius-pill: 999px;
  --mu-nest: 6px;
  --mu-focus-offset: 2px;
  --mu-focus-width: 2px;
  --mu-select-offset: 6px;
  --mu-backdrop-blur: 22px;
  --mu-backdrop-saturate: 1.6;
  --mu-backdrop: blur(22px) saturate(1.6);
  --mu-frost-graphite-fill: linear-gradient(180deg, rgba(40,40,43,.94), rgba(27,27,29,.96));
  --mu-frost-graphite-opaque: linear-gradient(180deg, #28282B, #1B1B1D);
  --mu-frost-graphite-shadow: inset 0 0 6px 2px rgba(255,255,255,.055), inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10), inset -1px -3px 5px -2px rgba(0,0,0,.35), 0 0 0 .5px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.2), 0 12px 28px -10px rgba(0,0,0,.34), 0 30px 60px -24px rgba(0,0,0,.30);
  --mu-presence-ring-width: 1.25px;
  --mu-presence-ring: #3FB97A;
  --mu-presence-collar-width: 3.5px;
  --mu-presence-collar: rgba(120,214,165,.16);
  --mu-presence-lite-width: 1px;
  --mu-presence-lite: rgba(63,185,122,.55);
  --mu-presence-enter-scale: 1.02;
  --mu-presence-band-outside: 10px;
  --mu-presence-band-inside: 6px;
  --mu-presence-edge-light-width: 1.5px;
  --mu-presence-edge-light: rgba(120,214,165,.55);
  --mu-presence-hover-dot: 5px;
  --mu-presence-handle: 10px;
  --mu-presence-handle-bg: radial-gradient(circle at 38% 32%, #FFFFFF, #EDEDEA 70%);
  --mu-presence-handle-sh: 0 0 0 1px #3FB97A, inset 0 0 2px 1px rgba(255,255,255,.9), 0 1px 2px rgba(0,0,0,.18), 0 3px 6px -2px rgba(0,0,0,.14);
  --mu-presence-capsule-length: 18px;
  --mu-presence-capsule-thickness: 6px;
  --mu-presence-grip-bg: linear-gradient(#FFFFFF, #EDECE8);
  --mu-presence-grip-sh: 0 0 0 1px rgba(63,185,122,.75), 0 1px 2px rgba(0,0,0,.18);
  --mu-presence-handle-hit: 7px;
  --mu-presence-readout-height: 22px;
  --mu-presence-readout-gap: 16px;
  --mu-presence-readout-pad-start: 10px;
  --mu-presence-readout-pad-end: 10px;
  --mu-presence-readout-gap-inner: 6px;
  --mu-presence-readout-bg: linear-gradient(#2A2A2D, #1B1B1D);
  --mu-presence-readout-sh: inset 0 0 6px 2px rgba(255,255,255,.055), inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10), inset -1px -3px 5px -2px rgba(0,0,0,.35), 0 0 0 .5px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.2), 0 12px 28px -10px rgba(0,0,0,.34), 0 30px 60px -24px rgba(0,0,0,.30);
  --mu-presence-readout-ink: #EDEDEF;
  --mu-presence-readout-dim: #7C7D82;
  --mu-presence-readout-tracking: 0.04em;
  --mu-presence-readout-led: 5px;
  --mu-presence-readout-writing: 0.78;
  --mu-presence-copied-ms: 900ms;
  --mu-presence-guide-width: 1px;
  --mu-presence-guide: #3FB97A;
  --mu-presence-guide-dark: #78D6A5;
  --mu-presence-guide-dash: 3px;
  --mu-presence-guide-overshoot: 8px;
  --mu-presence-snap-threshold: 6px;
  --mu-presence-drag-threshold: 3px;
  --mu-presence-lasso-width: 1px;
  --mu-presence-lasso-fill: rgba(63,185,122,.06);
  --mu-presence-lasso-fill-dark: rgba(120,214,165,.08);
  --mu-presence-corner-glow: 0.55;
  --mu-cue-gutter: 25px;
  --mu-cue-dimple: 16px;
  --mu-cue-dimple-top: 2.5px;
  --mu-cue-dimple-on-bg: linear-gradient(#303033, #1E1E20);
  --mu-cue-dimple-on-sh: inset 0 1px 0 rgba(255,255,255,.12), 0 1px 2px rgba(0,0,0,.2);
  --mu-cue-tick: #FFFFFF;
  --mu-cue-tick-width: 1.6px;
  --mu-cue-tick-ms: 220ms;
  --mu-cue-tick-delay-ms: 40ms;
  --mu-cue-doing-inset: 4.5px;
  --mu-cue-doing-radius: 3px;
  --mu-cue-doing-opacity: 0.8;
  --mu-cue-ghost: 14px;
  --mu-cue-ghost-radius: 5px;
  --mu-cue-ghost-reach: 36px;
  --mu-cue-ghost-hover: rgba(63,185,122,.55);
  --mu-cue-urgency-led: 5px;
  --mu-cue-urgency-left: 35px;
  --mu-cue-date-underline: rgba(63,185,122,.7);
  --mu-cue-date-thickness: 1.5px;
  --mu-cue-underline-offset: 3.5px;
  --mu-cue-quiet-thickness: 1px;
  --mu-cue-measure-underline: rgba(63,185,122,.42);
  --mu-cue-measure-thickness: 1.5px;
  --mu-cue-measure-offset: 4px;
  --mu-cue-tag-pad-y: 1px;
  --mu-cue-tag-pad-x: 4px;
  --mu-cue-hex-thickness: 3px;
  --mu-cue-hex-offset: 3px;
  --mu-cue-hex-mix: 78%;
  --mu-cue-swatch: 11px;
  --mu-cue-swatch-radius: 4px;
  --mu-cue-swatch-sh: inset 0 1px 0 rgba(255,255,255,.45), inset 0 -1px 0 rgba(0,0,0,.18), 0 1px 2px rgba(0,0,0,.15);
  --mu-cue-url-height: 20px;
  --mu-cue-url-pad-start: 6px;
  --mu-cue-url-pad-end: 8px;
  --mu-cue-url-gap: 4px;
  --mu-cue-url-glyph: 11px;
  --mu-cue-url-bg: rgba(111,155,255,.09);
  --mu-cue-url-bg-hover: rgba(111,155,255,.15);
  --mu-cue-url-ring: inset 0 0 0 .5px rgba(111,155,255,.25);
  --mu-cue-inferred-height: 17px;
  --mu-cue-inferred-pad: 6px;
  --mu-cue-inferred-gap: 6px;
  --mu-cue-inferred-ring: inset 0 0 0 .5px rgba(63,185,122,.45);
  --mu-cue-chip-gap: 6px;
  --mu-cue-chip-rise: 3px;
  --mu-cue-chip-ink: #E9E9EB;
  --mu-cue-chip-pad-y: 3px;
  --mu-cue-chip-pad-x: 8px;
  --mu-cue-life-gap-before: 7px;
  --mu-cue-life-gap-after: 6px;
  --mu-cue-life-drop: -2.5px;
  --mu-cue-life-ms: 120ms;
  --mu-suggestion-height: 20px;
  --mu-suggestion-pad-start: 9px;
  --mu-suggestion-pad-end: 3px;
  --mu-suggestion-gap: 2px;
  --mu-suggestion-ring: rgba(63,185,122,.4);
  --mu-suggestion-rest-opacity: 0.62;
  --mu-suggestion-enter-rise: 3px;
  --mu-suggestion-enter-scale: 0.96;
  --mu-suggestion-button-width: 18px;
  --mu-suggestion-button-height: 16px;
  --mu-suggestion-offset-x: -2px;
  --mu-suggestion-offset-y: 10px;
  --mu-suggestion-conf-margin-start: 2px;
  --mu-suggestion-conf-margin-end: 3px;
  --mu-engraving-height: 22px;
  --mu-engraving-pad: 10px;
  --mu-engraving-gap: 8px;
  --mu-engraving-blur: 12px;
  --mu-engraving-dwell-ms: 420ms;
  --mu-engraving-rise: 2px;
  --mu-engraving-slide: 3px;
  --mu-engraving-beside-gap: 4px;
  --mu-engraving-beside-top: 9px;
  --mu-engraving-below-gap: 8px;
  --mu-engraving-tag-height: 15px;
  --mu-engraving-tag-pad: 6px;
  --mu-engraving-tag-gap: 4px;
  --mu-engraving-led: 5px;
  --mu-engraving-led-gap: 4px;
  --mu-engraving-led-lift: 1px;
  --mu-engraving-fade-ms: 160ms;
  --mu-engraving-move-ms: 200ms;
  --mu-provenance-delay-ms: 380ms;
  --mu-provenance-offset: 8px;
  --mu-provenance-chip-offset: 34px;
  --mu-provenance-radius: 11px;
  --mu-provenance-pad-y: 6px;
  --mu-provenance-pad-x: 10px;
  --mu-provenance-max-width: 280px;
  --mu-provenance-tracking: 0.05em;
  --mu-provenance-ink: #E9E9EB;
  --mu-provenance-dim: #8E8E93;
  --mu-region-big-at: 240px;
  --mu-region-head-height: 44px;
  --mu-region-head-pad-top: 14px;
  --mu-region-head-pad-x: 18px;
  --mu-region-head-gap: 10px;
  --mu-region-over-ring: rgba(63,185,122,.45);
  --mu-region-over-fill-top: rgba(120,214,165,.07);
  --mu-region-over-fill-bot: rgba(120,214,165,.03);
  --mu-region-over-rule: #2F9E63;
  --mu-region-dim: 0.35;
  --mu-region-lens-blur: 10px;
  --mu-region-body-inset: 12px;
  --mu-region-body-top: 46px;
  --mu-region-row-pad-y: 5px;
  --mu-region-row-pad-x: 8px;
  --mu-region-row-gap: 9px;
  --mu-region-row-dimple: 14px;
  --mu-region-name-min: 20px;
  --mu-region-row-meta-top: 3px;
  --mu-switcher-track-pad: 3px;
  --mu-switcher-compact: 24px;
  --mu-switcher-regular: 28px;
  --mu-switcher-focus-width: 1.5px;
  --mu-lensbar-height: 38px;
  --mu-lensbar-pad-start: 14px;
  --mu-lensbar-pad-end: 6px;
  --mu-lensbar-gap: 8px;
  --mu-lensbar-query-max: 340px;
  --mu-lensbar-glyph: 14px;
  --mu-lensbar-icon-button: 28px;
  --mu-lensbar-enter-drop: 8px;
  --mu-lensbar-enter-scale: 0.98;
  --mu-lensbar-note-led-gap: 5px;
  --mu-scrubber-width: 330px;
  --mu-scrubber-height: 50px;
  --mu-scrubber-track-top: 20px;
  --mu-scrubber-track: 10px;
  --mu-scrubber-inset: 6px;
  --mu-scrubber-mark-width: 2px;
  --mu-scrubber-mark-height: 4px;
  --mu-scrubber-days-top: 36px;
  --mu-scrubber-day-tick: 5px;
  --mu-scrubber-knob: 22px;
  --mu-scrubber-knob-top: 14px;
  --mu-scrubber-knob-bg: conic-gradient(from 200deg, #FAFAF8, #C9C9C5, #F2F2EF, #B8B8B4, #FAFAF8);
  --mu-scrubber-knob-sh: inset 0 0 0 2px rgba(255,255,255,.35), 0 0 0 .5px rgba(0,0,0,.12), 0 2px 4px rgba(0,0,0,.18);
  --mu-scrubber-fill: linear-gradient(90deg, #9BE6BF, #5FC894);
  --mu-scrubber-fill-opacity: 0.55;
  --mu-scrubber-readout-gap: 8px;
  --mu-scrubber-readout-glyph: 10px;
  --mu-scrubber-step-ms: 3600000;
  --mu-scrubber-large-step-ms: 86400000;
  --mu-scrubber-snap: 0.01;
  --mu-scrubber-glyph-gap: 5px;
  --mu-scrubber-glyph-drop: -1px;
  --mu-pastbanner-height: 34px;
  --mu-pastbanner-pad-start: 14px;
  --mu-pastbanner-pad-end: 6px;
  --mu-pastbanner-gap: 10px;
  --mu-pastbanner-ink: #EDEDEF;
  --mu-pastbanner-engrave: rgba(255,255,255,.4);
  --mu-pastbanner-engrave-lip: rgba(0,0,0,.6);
  --mu-pastbanner-button-height: 24px;
  --mu-pastbanner-button-pad: 10px;
  --mu-pastbanner-button-bg: rgba(255,255,255,.09);
  --mu-pastbanner-button-hover: rgba(255,255,255,.15);
  --mu-pastbanner-key-gap: 7px;
  --mu-toolstrip-pad: 4px;
  --mu-toolstrip-gap: 2px;
  --mu-toolstrip-gap-above: 12px;
  --mu-toolstrip-button-height: 28px;
  --mu-toolstrip-button-pad: 10px;
  --mu-toolstrip-ink: #D6D6D8;
  --mu-toolstrip-ink-hover: #FFFFFF;
  --mu-toolstrip-hover: rgba(255,255,255,.08);
  --mu-toolstrip-active: rgba(0,0,0,.35);
  --mu-toolstrip-danger: #FF8A7E;
  --mu-toolstrip-sep: rgba(0,0,0,.55);
  --mu-toolstrip-sep-lip: rgba(255,255,255,.055);
  --mu-toolstrip-sep-height: 16px;
  --mu-toolstrip-enter-rise: 4px;
  --mu-settings-row-min: 52px;
  --mu-settings-row-pad-y: 12px;
  --mu-settings-row-pad-x: 18px;
  --mu-settings-row-gap: 16px;
  --mu-settings-detail-gap: 3px;
  --mu-settings-heading-gap: 8px;
  --mu-settings-section-gap: 28px;
  --mu-settings-heading-pad-x: 6px;
  --mu-settings-keys-gap: 4px;
  --mu-kbd-height: 20px;
  --mu-kbd-small: 16px;
  --mu-kbd-min: 19px;
  --mu-kbd-min-small: 16px;
  --mu-kbd-pad: 5px;
  --mu-kbd-pad-small: 4px;
  --mu-kbd-strip-bg: linear-gradient(#303033, #262628);
  --mu-kbd-strip-sh: inset 0 1px 0 rgba(255,255,255,.09), 0 0 0 .5px rgba(0,0,0,.8);
  --mu-kbd-strip-ink: #A6A6A9;
  --mu-kbd-sunk-bg: linear-gradient(#232326, #1C1C1E);
  --mu-kbd-sunk-sh: inset 0 1px 1.5px rgba(0,0,0,.5), 0 .5px 0 rgba(255,255,255,.06);
  --mu-kbd-sunk-ink: #9A9A9E;
  --mu-status-led: 5px;
  --mu-status-led-small: 4px;
  --mu-status-bloom: 0 0 2px rgba(80,220,150,.55);
  --mu-status-badge-height: 24px;
  --mu-status-badge-pad-start: 9px;
  --mu-status-badge-pad-end: 10px;
  --mu-status-badge-gap: 7px;
  --mu-toast-height: 44px;
  --mu-toast-pad-start: 16px;
  --mu-toast-pad-end: 6px;
  --mu-toast-gap: 12px;
  --mu-toast-bg: rgba(30,30,33,.92);
  --mu-toast-sh: inset 0 0 6px 2px rgba(255,255,255,.05), inset 1.5px 2.5px 3px -1px rgba(255,255,255,.12), 0 0 0 .5px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.18), 0 10px 24px -8px rgba(0,0,0,.25), 0 28px 50px -18px rgba(0,0,0,.3);
  --mu-toast-ink: #F2F2F0;
  --mu-toast-sub: #9A9AA0;
  --mu-toast-undo-height: 28px;
  --mu-toast-undo-pad-start: 11px;
  --mu-toast-undo-pad-end: 6px;
  --mu-toast-undo-gap: 7px;
  --mu-toast-undo-bg: linear-gradient(#3A3A3E, #2C2C2F);
  --mu-toast-undo-sh: inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 .5px rgba(0,0,0,.6);
  --mu-toast-bottom: 92px;
  --mu-toast-enter-rise: 8px;
  --mu-toast-enter-scale: 0.97;
  --mu-toast-undo-ms: 5000ms;
  --mu-toast-plain-ms: 2600ms;
  --mu-toolbar-tool: 36px;
  --mu-toolbar-pad: 6px;
  --mu-toolbar-gap: 6px;
  --mu-toolbar-glyph: 16px;
  --mu-toolbar-led: 4px;
  --mu-toolbar-led-inset: 5px;
  --mu-toolbar-sep-height: 22px;
  --mu-toolbar-search-min: 196px;
  --mu-toolbar-graphite-cap-bg: linear-gradient(#303033, #262628);
  --mu-toolbar-graphite-cap-sh: inset 0 1px 0 rgba(255,255,255,.09), inset 0 -1px 0 rgba(0,0,0,.3), 0 0 0 .5px rgba(0,0,0,.8), 0 1px 1px rgba(0,0,0,.35), 0 2px 4px -1px rgba(0,0,0,.25);
  --mu-toolbar-graphite-pressed-bg: linear-gradient(#141415, #19191A);
  --mu-toolbar-graphite-pressed-sh: inset 0 1px 3px rgba(0,0,0,.7), inset 0 0 0 .5px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,.06);
  --mu-toolbar-graphite-ink: #D6D6D8;
  --mu-toolbar-graphite-well: linear-gradient(#121213, #171718);
  --mu-toolbar-graphite-well-sh: inset 1px 2px 5px -1px rgba(0,0,0,.6), inset 0 0 0 .5px rgba(0,0,0,.55), 0 .5px 0 rgba(255,255,255,.07);
  --mu-toolbar-graphite-hint: #8E8E93;
  --mu-button-height: 32px;
  --mu-button-pad: 15px;
  --mu-button-gap: 6px;
  --mu-button-glyph: 16px;
  --mu-button-compact-height: 28px;
  --mu-button-compact-pad: 11px;
  --mu-button-compact-gap: 7px;
  --mu-button-compact-glyph: 14px;
  --mu-button-compact-size: 12px;
  --mu-button-travel: 1px;
  --mu-button-press-ms: 50ms;
  --mu-button-fade-ms: 180ms;
  --mu-button-focus-width: 2px;
  --mu-button-focus-offset: 2px;
  --mu-button-disabled: 0.4;
  --mu-tooltip-delay-ms: 120ms;
  --mu-tooltip-gap: 10px;
  --mu-tooltip-pad-y: 5px;
  --mu-tooltip-pad-x: 9px;
  --mu-tooltip-max-width: 280px;
  --mu-tooltip-ink: #E9E9EB;
  --mu-tooltip-key-ink: #8E8E93;
  --mu-menu-min-width: 200px;
  --mu-menu-pad: 6px;
  --mu-menu-offset: 6px;
  --mu-menu-heading-pad-top: 6px;
  --mu-menu-heading-pad-x: 8px;
  --mu-menu-heading-pad-bottom: 8px;
  --mu-menu-row-height: 30px;
  --mu-menu-row-pad: 10px;
  --mu-menu-row-gap: 8px;
  --mu-menu-row-glyph: 14px;
  --mu-menu-sep-inset-y: 5px;
  --mu-menu-sep-inset-x: 8px;
  --mu-palette-width: 560px;
  --mu-palette-pad: 6px;
  --mu-palette-top: 0.16;
  --mu-palette-list-max: 0.52;
  --mu-palette-field-height: 44px;
  --mu-palette-field-radius: 17px;
  --mu-palette-field-pad-start: 16px;
  --mu-palette-field-pad-end: 12px;
  --mu-palette-field-gap: 10px;
  --mu-palette-field-glyph: 15px;
  --mu-palette-sec-pad-top: 12px;
  --mu-palette-sec-pad-bottom: 6px;
  --mu-palette-row-height: 36px;
  --mu-palette-row-pad: 12px;
  --mu-palette-row-gap: 10px;
  --mu-palette-row-glyph: 14px;
  --mu-palette-bar-width: 2.5px;
  --mu-palette-bar-inset: 10px;
  --mu-palette-bar-left: -2px;
  --mu-palette-mark-weight: 650;
  --mu-palette-mark-underline: 1.5px;
  --mu-palette-mark-offset: 2.5px;
  --mu-palette-mark-color: rgba(63,185,122,.55);
  --mu-palette-foot-gap: 14px;
  --mu-palette-foot-pad-top: 10px;
  --mu-palette-foot-pad-bottom: 6px;
  --mu-palette-enter-rise: 6px;
  --mu-palette-enter-scale: 0.985;
  --mu-palette-list-pad-top: 4px;
  --mu-palette-list-pad-bottom: 2px;
  --mu-palette-hint-gap: 6px;
  --mu-palette-bar-radius: 2px;
  --mu-palette-empty-pad-y: 14px;
  --mu-palette-foot-margin-top: 4px;
  --mu-palette-foot-key-gap: 5px;
  --mu-palette-edge: 1px;
  --mu-palette-bar-outset: 2px;
  --mu-type-display: 600 18px/24px var(--mu-sans);
  --mu-type-display-tracking: -0.022em;
  --mu-type-content: 500 15px/20px var(--mu-sans);
  --mu-type-content-tracking: -0.012em;
  --mu-type-title: 600 13.5px/18px var(--mu-sans);
  --mu-type-title-tracking: -0.01em;
  --mu-type-lead: 500 13.5px/20px var(--mu-sans);
  --mu-type-lead-tracking: -0.01em;
  --mu-type-ui: 500 12.5px/16px var(--mu-sans);
  --mu-type-ui-tracking: -0.005em;
  --mu-type-body: 400 12.5px/18px var(--mu-sans);
  --mu-type-body-tracking: -0.005em;
  --mu-type-meta: 400 11px/14px var(--mu-sans);
  --mu-type-meta-tracking: 0;
  --mu-type-label: 400 9px/12px var(--mu-mono);
  --mu-type-label-tracking: 0.11em;
  --mu-type-readout: 500 10.5px/14px var(--mu-mono);
  --mu-type-readout-tracking: 0.02em;
  --mu-type-code: 400 10.5px/17px var(--mu-mono);
  --mu-type-code-tracking: 0;
  --mu-type-pixel: 700 40px/44px var(--mu-pixel);
  --mu-type-pixel-tracking: 0;
  --mu-travel-part: 1;
  --mu-travel-object: 1;
  --mu-travel-hinge: 1;
  --mu-travel-surface: 1;
  --mu-travel-settle: 1;
  --mu-travel-release: 1;
  --mu-travel-refusal: 1;
}

/* Reduce Motion: part instant, object instant, hinge instant, surface crossfade, settle crossfade, release unchanged, refusal instant. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --mu-travel-part: 0;
    --mu-spring-part-d: 0s;
    --mu-travel-object: 0;
    --mu-spring-object-d: 0s;
    --mu-travel-hinge: 0;
    --mu-spring-hinge-d: 0s;
    --mu-travel-surface: 0;
    --mu-travel-settle: 0;
    --mu-travel-refusal: 0;
    --mu-spring-refusal-d: 0s;
  }
}
[data-mu-motion="reduce"] {
  --mu-travel-part: 0;
  --mu-spring-part-d: 0s;
  --mu-travel-object: 0;
  --mu-spring-object-d: 0s;
  --mu-travel-hinge: 0;
  --mu-spring-hinge-d: 0s;
  --mu-travel-surface: 0;
  --mu-travel-settle: 0;
  --mu-travel-refusal: 0;
  --mu-spring-refusal-d: 0s;
}

/* Type roles: the only sizes, weights and trackings components use. */
.mu-type-display { font: 600 18px/24px var(--mu-sans); letter-spacing: -0.022em; }
.mu-type-content { font: 500 15px/20px var(--mu-sans); letter-spacing: -0.012em; }
.mu-type-title { font: 600 13.5px/18px var(--mu-sans); letter-spacing: -0.01em; }
.mu-type-lead { font: 500 13.5px/20px var(--mu-sans); letter-spacing: -0.01em; }
.mu-type-ui { font: 500 12.5px/16px var(--mu-sans); letter-spacing: -0.005em; }
.mu-type-body { font: 400 12.5px/18px var(--mu-sans); letter-spacing: -0.005em; }
.mu-type-meta { font: 400 11px/14px var(--mu-sans); letter-spacing: 0; }
.mu-type-label { font: 400 9px/12px var(--mu-mono); letter-spacing: 0.11em; font-stretch: var(--mu-mono-stretch); text-transform: uppercase; }
.mu-type-readout { font: 500 10.5px/14px var(--mu-mono); letter-spacing: 0.02em; font-stretch: var(--mu-mono-stretch); font-variant-numeric: tabular-nums; }
.mu-type-code { font: 400 10.5px/17px var(--mu-mono); letter-spacing: 0; font-stretch: var(--mu-mono-code-stretch); }
.mu-type-pixel { font: 700 40px/44px var(--mu-pixel); letter-spacing: 0; }

:root,
[data-mu-colorway="bone"] {
  color-scheme: light;
  --mu-s-hi: #FCFBF9;
  --mu-s: #F6F5F2;
  --mu-s-lo: #F0EFEB;
  --mu-well-top: #E6E5E1;
  --mu-well-bot: #EDECE8;
  --mu-ink: #1B1B1D;
  --mu-ink2: #5C5C60;
  --mu-ink3: #9A9A9D;
  --mu-icon: #3A3A3D;
  --mu-engrave: rgba(40,38,32,.46);
  --mu-lip: rgba(255,255,255,.95);
  --mu-lip-shadow: 0 1px 0 rgba(255,255,255,.95);
  --mu-rule: rgba(0,0,0,.075);
  --mu-rule-lip-shadow: 1px 0 0 rgba(255,255,255,.5);
  --mu-rule-lip: rgba(255,255,255,.5);
  --mu-thumb-hi: #FFFFFF;
  --mu-thumb-lo: #F7F6F3;
  --mu-frost: rgba(250,249,246,.68);
  --mu-frost-strong: rgba(251,250,248,.80);
  --mu-frost-opaque: #F4F3F0;
  --mu-contrast-edge: rgba(0,0,0,.45);
  --mu-presence-dot: rgba(40,38,32,.18);
  --mu-cue-quiet: rgba(40,38,32,.16);
  --mu-cue-tag-bg: rgba(40,38,32,.05);
  --mu-cue-tag-sh: inset 0 0 3px 1px rgba(255,255,255,.7), inset 0 0 0 .5px rgba(0,0,0,.04);
  --mu-cue-derived-sh: inset 0 0 0 .5px rgba(40,38,32,.18);
  --mu-cue-ghost-sh: inset 0 0 0 1px rgba(40,38,32,.16), inset 0 2px 4px -2px rgba(60,55,40,.10);
  --mu-cue-url-ink: #3558C9;
  --mu-suggestion-bg: rgba(252,251,249,.7);
  --mu-suggestion-button-hover: rgba(0,0,0,.06);
  --mu-engraving-bg: rgba(252,251,249,.92);
  --mu-engraving-emphasis: rgba(40,38,32,.62);
  --mu-engraving-tag-ring: rgba(40,38,32,.2);
  --mu-region-fill: linear-gradient(rgba(40,38,32,.028), rgba(40,38,32,.012));
  --mu-region-sh: inset 0 2px 6px -1px rgba(60,55,40,.07), inset 0 0 0 .5px rgba(0,0,0,.035), inset 0 -2px 4px -2px rgba(255,255,255,.9);
  --mu-region-lens-fill: linear-gradient(rgba(252,251,249,.55), rgba(246,245,242,.45));
  --mu-region-over-shade: inset 0 2px 6px -1px rgba(60,55,40,.07);
  --mu-raise-lite: inset 0 0 6px 2px rgba(255,255,255,.75), inset 2px 3px 3px -1px rgba(255,255,255,.95), inset -1px -3px 5px -2px rgba(110,100,80,.06), 0 0 0 .5px rgba(24,22,16,.04), 0 1px 2px rgba(24,22,16,.04), 0 8px 18px -8px rgba(24,22,16,.08), 0 22px 40px -18px rgba(24,22,16,.10);
  --mu-row-hover: rgba(255,255,255,.7);
  --mu-row-on-bg: linear-gradient(#FFFFFF, #F6F5F2);
  --mu-scrim: rgba(243,243,241,.25);
  --mu-menu-bg: rgba(251,250,248,.92);
  --mu-menu-row-hover: rgba(0,0,0,.05);
  --mu-scrubber-mark: rgba(40,38,32,.28);
  --mu-scrubber-day-tick: rgba(40,38,32,.18);
  --mu-raise: inset 0 0 6px 2px rgba(255,255,255,.75), inset 2px 3px 3px -1px rgba(255,255,255,.95), inset -1px -3px 5px -2px rgba(110,100,80,.07), 0 0 0 .5px rgba(24,22,16,.045), 0 1px 2px rgba(24,22,16,.05), 0 8px 18px -6px rgba(24,22,16,.08), 0 26px 50px -16px rgba(24,22,16,.13), 0 52px 96px -36px rgba(24,22,16,.13);
  --mu-raise-sm: inset 0 0 4px 1px rgba(255,255,255,.85), inset 1px 2px 2px -1px #FFFFFF, 0 0 0 .5px rgba(24,22,16,.05), 0 1px 2px rgba(24,22,16,.07), 0 5px 12px -4px rgba(24,22,16,.09);
  --mu-well: inset 1px 2px 5px -1px rgba(60,55,40,.11), inset 0 0 0 .5px rgba(24,22,16,.10), 0 .5px 0 rgba(255,255,255,.9);
  --mu-cap-bg: linear-gradient(#FFFFFF,#F5F4F1);
  --mu-cap-sh: inset 0 0 3px 1px rgba(255,255,255,.9), 0 0 0 .5px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.07);
  --mu-btn-bg: linear-gradient(#FFFFFF,#F4F3F0);
  --mu-btn-sh: inset 0 0 4px 1px rgba(255,255,255,.9), inset 1px 2px 2px -1px #FFFFFF, 0 0 0 .5px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.06), 0 4px 9px -3px rgba(0,0,0,.08);
  --mu-pressed-bg: linear-gradient(#E9E8E4,#EFEEEA);
  --mu-pressed-sh: inset 0 2px 5px -1px rgba(60,55,40,.14), inset 0 0 0 .5px rgba(0,0,0,.035), inset 0 -2px 3px -2px rgba(255,255,255,.9);
  --mu-duo-k: 1;
  --mu-syn-text: #2A2A2D;
  --mu-syn-keyword: #A0357F;
  --mu-syn-type: #8A6212;
  --mu-syn-member: #2D5DB5;
  --mu-syn-string: #2B7A52;
  --mu-syn-number: #2D5DB5;
  --mu-syn-comment: #8E8E92;
  --mu-syn-punct: #7B7B80;
  --mu-syn-line: #B9B8B3;
  --mu-stage-sh: inset 0 1px 0 rgba(255,255,255,.9), 0 0 0 .5px rgba(24,22,16,.10), 0 1px 2px rgba(24,22,16,.04), 0 10px 24px -12px rgba(24,22,16,.10);
  --mu-stage-bar: rgba(24,22,16,.022);
  --mu-tint-ember: #D0560E;
  --mu-tint-blush: #D54487;
  --mu-tint-tide: #108A8B;
  --mu-tint-spark: #B653C5;
  --mu-tint-graphite: #5C5C60;
  --mu-tint-dusk: #0F7DDC;
  --mu-tint-iris: #736AEC;
}

[data-mu-colorway="graphite"] {
  color-scheme: dark;
  --mu-s-hi: #2C2C2F;
  --mu-s: #252527;
  --mu-s-lo: #202022;
  --mu-well-top: #141415;
  --mu-well-bot: #18181A;
  --mu-ink: #F2F2F0;
  --mu-ink2: #A6A6A9;
  --mu-ink3: #77777B;
  --mu-icon: #D6D6D8;
  --mu-engrave: rgba(255,255,255,.38);
  --mu-lip: rgba(0,0,0,.35);
  --mu-lip-shadow: 0 .5px 0 rgba(0,0,0,.35);
  --mu-rule: rgba(0,0,0,.45);
  --mu-rule-lip-shadow: 1px 0 0 rgba(255,255,255,.035);
  --mu-rule-lip: rgba(255,255,255,.035);
  --mu-thumb-hi: #3A3A3D;
  --mu-thumb-lo: #2E2E31;
  --mu-frost: rgba(36,36,39,.66);
  --mu-frost-strong: rgba(34,34,37,.78);
  --mu-frost-opaque: #252528;
  --mu-contrast-edge: rgba(255,255,255,.45);
  --mu-presence-dot: rgba(255,255,255,.18);
  --mu-cue-quiet: rgba(255,255,255,.18);
  --mu-cue-tag-bg: rgba(255,255,255,.06);
  --mu-cue-tag-sh: inset 0 0 3px 1px rgba(255,255,255,.04), inset 0 0 0 .5px rgba(0,0,0,.3);
  --mu-cue-derived-sh: inset 0 0 0 .5px rgba(255,255,255,.2);
  --mu-cue-ghost-sh: inset 0 0 0 1px rgba(255,255,255,.18), inset 0 2px 4px -2px rgba(0,0,0,.5);
  --mu-cue-url-ink: #8FB0FF;
  --mu-suggestion-bg: rgba(44,44,47,.7);
  --mu-suggestion-button-hover: rgba(255,255,255,.08);
  --mu-engraving-bg: rgba(34,34,37,.92);
  --mu-engraving-emphasis: rgba(255,255,255,.55);
  --mu-engraving-tag-ring: rgba(255,255,255,.2);
  --mu-region-fill: linear-gradient(rgba(255,255,255,.02), rgba(255,255,255,.01));
  --mu-region-sh: inset 0 2px 6px -1px rgba(0,0,0,.5), inset 0 0 0 .5px rgba(0,0,0,.35), inset 0 -2px 4px -2px rgba(255,255,255,.05);
  --mu-region-lens-fill: linear-gradient(rgba(44,44,47,.55), rgba(37,37,39,.45));
  --mu-region-over-shade: inset 0 2px 6px -1px rgba(0,0,0,.5);
  --mu-raise-lite: inset 0 0 6px 2px rgba(255,255,255,.05), inset 1.5px 2.5px 3px -1px rgba(255,255,255,.09), inset -1px -3px 5px -2px rgba(0,0,0,.3), 0 0 0 .5px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.2), 0 8px 18px -8px rgba(0,0,0,.2), 0 22px 40px -18px rgba(0,0,0,.28);
  --mu-row-hover: rgba(255,255,255,.06);
  --mu-row-on-bg: linear-gradient(#333337, #2A2A2D);
  --mu-scrim: rgba(14,14,15,.25);
  --mu-menu-bg: rgba(34,34,37,.92);
  --mu-menu-row-hover: rgba(255,255,255,.06);
  --mu-scrubber-mark: rgba(255,255,255,.28);
  --mu-scrubber-day-tick: rgba(255,255,255,.18);
  --mu-raise: inset 0 0 6px 2px rgba(255,255,255,.055), inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10), inset -1px -3px 5px -2px rgba(0,0,0,.35), 0 0 0 .5px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.22), 0 8px 18px -6px rgba(0,0,0,.2), 0 26px 50px -16px rgba(0,0,0,.34), 0 52px 96px -36px rgba(0,0,0,.3);
  --mu-raise-sm: inset 0 0 4px 1px rgba(255,255,255,.06), inset 1px 2px 2px -1px rgba(255,255,255,.12), 0 0 0 .5px rgba(0,0,0,.55), 0 1px 2px rgba(0,0,0,.3), 0 5px 12px -4px rgba(0,0,0,.3);
  --mu-well: inset 1px 2px 5px -1px rgba(0,0,0,.6), inset 0 0 0 .5px rgba(0,0,0,.55), 0 .5px 0 rgba(255,255,255,.07);
  --mu-cap-bg: linear-gradient(#35353A,#2A2A2D);
  --mu-cap-sh: inset 0 0 3px 1px rgba(255,255,255,.06), 0 0 0 .5px rgba(0,0,0,.6), 0 1px 2px rgba(0,0,0,.3);
  --mu-btn-bg: linear-gradient(#313134,#28282B);
  --mu-btn-sh: inset 0 0 4px 1px rgba(255,255,255,.05), inset 1px 2px 2px -1px rgba(255,255,255,.10), 0 0 0 .5px rgba(0,0,0,.6), 0 1px 2px rgba(0,0,0,.3), 0 4px 9px -3px rgba(0,0,0,.3);
  --mu-pressed-bg: linear-gradient(#18181A,#1C1C1E);
  --mu-pressed-sh: inset 0 2px 5px -1px rgba(0,0,0,.65), inset 0 0 0 .5px rgba(0,0,0,.5), inset 0 -2px 3px -2px rgba(255,255,255,.05);
  --mu-duo-k: 1.3;
  --mu-syn-text: #D7D8DB;
  --mu-syn-keyword: #E7A6D9;
  --mu-syn-type: #E7C98A;
  --mu-syn-member: #9EC2FF;
  --mu-syn-string: #9FE3BF;
  --mu-syn-number: #9EC2FF;
  --mu-syn-comment: #6D6E73;
  --mu-syn-punct: #7C7D82;
  --mu-syn-line: #48494E;
  --mu-stage-sh: inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 .5px rgba(0,0,0,.6), 0 1px 2px rgba(0,0,0,.25), 0 10px 24px -12px rgba(0,0,0,.45);
  --mu-stage-bar: rgba(0,0,0,.16);
  --mu-tint-ember: #FB794A;
  --mu-tint-blush: #ED6BA2;
  --mu-tint-tide: #25C2C3;
  --mu-tint-spark: #CE76DC;
  --mu-tint-graphite: #A6A6A9;
  --mu-tint-dusk: #3E9BFA;
  --mu-tint-iris: #8986FA;
  --mu-presence-ring: #78D6A5;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-mu-colorway="bone"]) {
    color-scheme: dark;
    --mu-s-hi: #2C2C2F;
    --mu-s: #252527;
    --mu-s-lo: #202022;
    --mu-well-top: #141415;
    --mu-well-bot: #18181A;
    --mu-ink: #F2F2F0;
    --mu-ink2: #A6A6A9;
    --mu-ink3: #77777B;
    --mu-icon: #D6D6D8;
    --mu-engrave: rgba(255,255,255,.38);
    --mu-lip: rgba(0,0,0,.35);
    --mu-lip-shadow: 0 .5px 0 rgba(0,0,0,.35);
    --mu-rule: rgba(0,0,0,.45);
    --mu-rule-lip-shadow: 1px 0 0 rgba(255,255,255,.035);
    --mu-rule-lip: rgba(255,255,255,.035);
    --mu-thumb-hi: #3A3A3D;
    --mu-thumb-lo: #2E2E31;
    --mu-frost: rgba(36,36,39,.66);
    --mu-frost-strong: rgba(34,34,37,.78);
    --mu-frost-opaque: #252528;
    --mu-contrast-edge: rgba(255,255,255,.45);
    --mu-presence-dot: rgba(255,255,255,.18);
    --mu-cue-quiet: rgba(255,255,255,.18);
    --mu-cue-tag-bg: rgba(255,255,255,.06);
    --mu-cue-tag-sh: inset 0 0 3px 1px rgba(255,255,255,.04), inset 0 0 0 .5px rgba(0,0,0,.3);
    --mu-cue-derived-sh: inset 0 0 0 .5px rgba(255,255,255,.2);
    --mu-cue-ghost-sh: inset 0 0 0 1px rgba(255,255,255,.18), inset 0 2px 4px -2px rgba(0,0,0,.5);
    --mu-cue-url-ink: #8FB0FF;
    --mu-suggestion-bg: rgba(44,44,47,.7);
    --mu-suggestion-button-hover: rgba(255,255,255,.08);
    --mu-engraving-bg: rgba(34,34,37,.92);
    --mu-engraving-emphasis: rgba(255,255,255,.55);
    --mu-engraving-tag-ring: rgba(255,255,255,.2);
    --mu-region-fill: linear-gradient(rgba(255,255,255,.02), rgba(255,255,255,.01));
    --mu-region-sh: inset 0 2px 6px -1px rgba(0,0,0,.5), inset 0 0 0 .5px rgba(0,0,0,.35), inset 0 -2px 4px -2px rgba(255,255,255,.05);
    --mu-region-lens-fill: linear-gradient(rgba(44,44,47,.55), rgba(37,37,39,.45));
    --mu-region-over-shade: inset 0 2px 6px -1px rgba(0,0,0,.5);
    --mu-raise-lite: inset 0 0 6px 2px rgba(255,255,255,.05), inset 1.5px 2.5px 3px -1px rgba(255,255,255,.09), inset -1px -3px 5px -2px rgba(0,0,0,.3), 0 0 0 .5px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.2), 0 8px 18px -8px rgba(0,0,0,.2), 0 22px 40px -18px rgba(0,0,0,.28);
    --mu-row-hover: rgba(255,255,255,.06);
    --mu-row-on-bg: linear-gradient(#333337, #2A2A2D);
    --mu-scrim: rgba(14,14,15,.25);
    --mu-menu-bg: rgba(34,34,37,.92);
    --mu-menu-row-hover: rgba(255,255,255,.06);
    --mu-scrubber-mark: rgba(255,255,255,.28);
    --mu-scrubber-day-tick: rgba(255,255,255,.18);
    --mu-raise: inset 0 0 6px 2px rgba(255,255,255,.055), inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10), inset -1px -3px 5px -2px rgba(0,0,0,.35), 0 0 0 .5px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.22), 0 8px 18px -6px rgba(0,0,0,.2), 0 26px 50px -16px rgba(0,0,0,.34), 0 52px 96px -36px rgba(0,0,0,.3);
    --mu-raise-sm: inset 0 0 4px 1px rgba(255,255,255,.06), inset 1px 2px 2px -1px rgba(255,255,255,.12), 0 0 0 .5px rgba(0,0,0,.55), 0 1px 2px rgba(0,0,0,.3), 0 5px 12px -4px rgba(0,0,0,.3);
    --mu-well: inset 1px 2px 5px -1px rgba(0,0,0,.6), inset 0 0 0 .5px rgba(0,0,0,.55), 0 .5px 0 rgba(255,255,255,.07);
    --mu-cap-bg: linear-gradient(#35353A,#2A2A2D);
    --mu-cap-sh: inset 0 0 3px 1px rgba(255,255,255,.06), 0 0 0 .5px rgba(0,0,0,.6), 0 1px 2px rgba(0,0,0,.3);
    --mu-btn-bg: linear-gradient(#313134,#28282B);
    --mu-btn-sh: inset 0 0 4px 1px rgba(255,255,255,.05), inset 1px 2px 2px -1px rgba(255,255,255,.10), 0 0 0 .5px rgba(0,0,0,.6), 0 1px 2px rgba(0,0,0,.3), 0 4px 9px -3px rgba(0,0,0,.3);
    --mu-pressed-bg: linear-gradient(#18181A,#1C1C1E);
    --mu-pressed-sh: inset 0 2px 5px -1px rgba(0,0,0,.65), inset 0 0 0 .5px rgba(0,0,0,.5), inset 0 -2px 3px -2px rgba(255,255,255,.05);
    --mu-duo-k: 1.3;
    --mu-syn-text: #D7D8DB;
    --mu-syn-keyword: #E7A6D9;
    --mu-syn-type: #E7C98A;
    --mu-syn-member: #9EC2FF;
    --mu-syn-string: #9FE3BF;
    --mu-syn-number: #9EC2FF;
    --mu-syn-comment: #6D6E73;
    --mu-syn-punct: #7C7D82;
    --mu-syn-line: #48494E;
    --mu-stage-sh: inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 .5px rgba(0,0,0,.6), 0 1px 2px rgba(0,0,0,.25), 0 10px 24px -12px rgba(0,0,0,.45);
    --mu-stage-bar: rgba(0,0,0,.16);
    --mu-tint-ember: #FB794A;
    --mu-tint-blush: #ED6BA2;
    --mu-tint-tide: #25C2C3;
    --mu-tint-spark: #CE76DC;
    --mu-tint-graphite: #A6A6A9;
    --mu-tint-dusk: #3E9BFA;
    --mu-tint-iris: #8986FA;
    --mu-presence-ring: #78D6A5;
  }
}

/* Feelings tints (foundations.tint): the stroke carries the feeling. Glyphs only, never words. */
.mu-tint-ember { color: var(--mu-tint-ember); } /* joy */
.mu-tint-blush { color: var(--mu-tint-blush); } /* affection */
.mu-tint-tide { color: var(--mu-tint-tide); } /* calm */
.mu-tint-spark { color: var(--mu-tint-spark); } /* wonder */
.mu-tint-graphite { color: var(--mu-tint-graphite); } /* neutral */
.mu-tint-dusk { color: var(--mu-tint-dusk); } /* low */
.mu-tint-iris { color: var(--mu-tint-iris); } /* tension */
/* A tinted glyph is stroke only: its vessel (.v, the feelings circle) is not filled. */
:is(.mu-tint-ember, .mu-tint-blush, .mu-tint-tide, .mu-tint-spark, .mu-tint-graphite, .mu-tint-dusk, .mu-tint-iris) .v:is(.d, .f) { fill-opacity: 0; }
[data-mu-untinted] :is(.mu-tint-ember, .mu-tint-blush, .mu-tint-tide, .mu-tint-spark, .mu-tint-graphite, .mu-tint-dusk, .mu-tint-iris),
[data-mu-untinted]:is(.mu-tint-ember, .mu-tint-blush, .mu-tint-tide, .mu-tint-spark, .mu-tint-graphite, .mu-tint-dusk, .mu-tint-iris) { color: inherit; }
@media (prefers-contrast: more) {
  .mu-tint-ember, .mu-tint-blush, .mu-tint-tide, .mu-tint-spark, .mu-tint-graphite, .mu-tint-dusk, .mu-tint-iris { color: inherit; }
}

/* Frost (tokens.json frost): E2 floating: a surface above other objects blurs what is behind it, lays a translucent fill over the blur, and wears its recipe's shadow stack. */
.mu-frost-strip { background: var(--mu-frost); box-shadow: var(--mu-raise); -webkit-backdrop-filter: var(--mu-backdrop); backdrop-filter: var(--mu-backdrop); } /* A frosted toolbar strip in the colorway (object sheet). */
.mu-frost-plate { background: var(--mu-frost-strong); box-shadow: var(--mu-raise); -webkit-backdrop-filter: var(--mu-backdrop); backdrop-filter: var(--mu-backdrop); } /* Floating plates: command palette, menus, popovers, the lens bar and panel (object sheet). */
.mu-frost-graphite { background: var(--mu-frost-graphite-fill); box-shadow: var(--mu-frost-graphite-shadow); -webkit-backdrop-filter: var(--mu-backdrop); backdrop-filter: var(--mu-backdrop); } /* Dense dark chrome that stays graphite in both colorways: the selection tool strip, the graphite toolbar, tooltips, the past banner. */
@media (prefers-reduced-transparency: reduce) {
  .mu-frost-strip { background: var(--mu-frost-opaque); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .mu-frost-plate { background: var(--mu-frost-opaque); -webkit-backdrop-filter: none; backdrop-filter: none; }
  .mu-frost-graphite { background: var(--mu-frost-graphite-opaque); -webkit-backdrop-filter: none; backdrop-filter: none; }
}
[data-mu-transparency="reduce"] .mu-frost-strip, .mu-frost-strip[data-mu-transparency="reduce"] { background: var(--mu-frost-opaque); -webkit-backdrop-filter: none; backdrop-filter: none; }
[data-mu-transparency="reduce"] .mu-frost-plate, .mu-frost-plate[data-mu-transparency="reduce"] { background: var(--mu-frost-opaque); -webkit-backdrop-filter: none; backdrop-filter: none; }
[data-mu-transparency="reduce"] .mu-frost-graphite, .mu-frost-graphite[data-mu-transparency="reduce"] { background: var(--mu-frost-graphite-opaque); -webkit-backdrop-filter: none; backdrop-filter: none; }
@media (prefers-contrast: more) {
  .mu-frost-strip { box-shadow: inset 0 0 0 1px var(--mu-contrast-edge), var(--mu-raise); }
  .mu-frost-plate { box-shadow: inset 0 0 0 1px var(--mu-contrast-edge), var(--mu-raise); }
  .mu-frost-graphite { box-shadow: inset 0 0 0 1px rgba(255,255,255,.45), var(--mu-frost-graphite-shadow); }
}

/* Object recipes (tokens.json recipes): every layer of each object's look, from the reference design. */
:root {
  /* swatch: reference style.css .swatchobj */
  --mu-r-swatch-self-background:
    /* mu-recipe:swatch:0 */ linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,0) 45%, rgba(0,0,0,.10)),
    /* mu-recipe:swatch:1 */ color-mix(in srgb, var(--mu-self) 100%, transparent);
  --mu-r-swatch-self-shadow:
    /* mu-recipe:swatch:2 */ inset 0 1px 0 rgba(255,255,255,.45),
    /* mu-recipe:swatch:3 */ inset 0 -1.5px 0 rgba(0,0,0,.18),
    /* mu-recipe:swatch:4 */ inset 0 0 6px 2px rgba(255,255,255,.12),
    /* mu-recipe:swatch:5 */ 0 1px 2px rgba(0,0,0,.12),
    /* mu-recipe:swatch:6 */ 0 14px 26px -12px color-mix(in srgb, var(--mu-self) 53%, transparent);
  --mu-r-swatch-led-background:
    /* mu-recipe:swatch:7 */ rgba(0,0,0,.28);
  --mu-r-swatch-led-shadow:
    /* mu-recipe:swatch:8 */ inset 0 1px 2px rgba(0,0,0,.4),
    /* mu-recipe:swatch:9 */ 0 1px 0 rgba(255,255,255,.25);
  --mu-r-swatch-self-size: 76px;
  --mu-r-swatch-self-radius: 22px;
  --mu-r-swatch-label-font: 600 9.5px/1 var(--mu-mono);
  --mu-r-swatch-label-tracking: 0.04em;
  --mu-r-swatch-label-x: 10px;
  --mu-r-swatch-label-y: 9px;
  --mu-r-swatch-label-ink-dark: rgba(0,0,0,.55);
  --mu-r-swatch-label-ink-light: rgba(255,255,255,.8);
  --mu-r-swatch-led-size: 8px;
  --mu-r-swatch-led-inset: 10px;
  /* checkbox: reference style.css .dimple, .dimple:hover, .dimple.on, .dimple.ghost, .dimple.doing, .lrow .dimple, .lrow .dimple.on::after */
  --mu-r-checkbox-self-on-background:
    /* mu-recipe:checkbox:10 */ linear-gradient(#303033, #1E1E20);
  --mu-r-checkbox-self-on-shadow:
    /* mu-recipe:checkbox:11 */ inset 0 1px 0 rgba(255,255,255,.12),
    /* mu-recipe:checkbox:12 */ 0 1px 2px rgba(0,0,0,.2);
  --mu-r-checkbox-self-ghost-background:
    /* mu-recipe:checkbox:13 */ rgba(0,0,0,0);
  --mu-r-checkbox-self-ghost-hover-shadow:
    /* mu-recipe:checkbox:18 */ inset 0 0 0 1px rgba(63,185,122,.55);
  --mu-r-checkbox-doing-background:
    /* mu-recipe:checkbox:19 */ linear-gradient(90deg, #3FB97A 50%, rgba(63,185,122,0) 50%);
  --mu-r-checkbox-self-size: 16px;
  --mu-r-checkbox-self-radius: 6px;
  --mu-r-checkbox-self-x: -25px;
  --mu-r-checkbox-self-y: 2.5px;
  --mu-r-checkbox-self-fade: 160ms;
  --mu-r-checkbox-self-disabled: 0.4;
  --mu-r-checkbox-self-transition: background var(--mu-r-checkbox-self-fade), box-shadow var(--mu-r-checkbox-self-fade);
  --mu-r-checkbox-tick-x: 5px;
  --mu-r-checkbox-tick-y: 2.5px;
  --mu-r-checkbox-tick-w: 4px;
  --mu-r-checkbox-tick-h: 8px;
  --mu-r-checkbox-tick-stroke: 1.6px;
  --mu-r-checkbox-tick-rotate: 42deg;
  --mu-r-checkbox-tick-color: #FFFFFF;
  --mu-r-checkbox-tick-draw: 220ms;
  --mu-r-checkbox-tick-delay: 40ms;
  --mu-r-checkbox-ghost-x: -27px;
  --mu-r-checkbox-ghost-y: 3.5px;
  --mu-r-checkbox-ghost-size: 14px;
  --mu-r-checkbox-ghost-radius: 5px;
  --mu-r-checkbox-doing-inset: 4.5px;
  --mu-r-checkbox-doing-radius: 3px;
  --mu-r-checkbox-doing-opacity: 0.8;
  --mu-r-checkbox-row-size: 14px;
  --mu-r-checkbox-row-radius: 5px;
  --mu-r-checkbox-row-tick-x: 4.5px;
  --mu-r-checkbox-row-tick-y: 2px;
  --mu-r-checkbox-row-tick-w: 3.5px;
  --mu-r-checkbox-row-tick-h: 7px;
  /* toolbar: reference style.css #toolbar, .tb, .tb:active, .tb.on, .tb.on::after, .tb-sep, .tb-search, .tb-search kbd */
  --mu-r-toolbar-self-background:
    /* mu-recipe:toolbar:0 */ linear-gradient(180deg, rgba(40,40,43,.94), rgba(27,27,29,.96));
  --mu-r-toolbar-self-shadow:
    /* mu-recipe:toolbar:1 */ inset 0 0 6px 2px rgba(255,255,255,.055),
    /* mu-recipe:toolbar:2 */ inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
    /* mu-recipe:toolbar:3 */ inset -1px -3px 5px -2px rgba(0,0,0,.35),
    /* mu-recipe:toolbar:4 */ 0 0 0 .5px rgba(0,0,0,.45),
    /* mu-recipe:toolbar:5 */ 0 1px 2px rgba(0,0,0,.2),
    /* mu-recipe:toolbar:6 */ 0 12px 28px -10px rgba(0,0,0,.34),
    /* mu-recipe:toolbar:7 */ 0 30px 60px -24px rgba(0,0,0,.30);
  --mu-r-toolbar-tool-background:
    /* mu-recipe:toolbar:8 */ linear-gradient(#303033, #262628);
  --mu-r-toolbar-tool-shadow:
    /* mu-recipe:toolbar:9 */ inset 0 1px 0 rgba(255,255,255,.09),
    /* mu-recipe:toolbar:10 */ inset 0 -1px 0 rgba(0,0,0,.3),
    /* mu-recipe:toolbar:11 */ 0 0 0 .5px rgba(0,0,0,.8),
    /* mu-recipe:toolbar:12 */ 0 1px 1px rgba(0,0,0,.35),
    /* mu-recipe:toolbar:13 */ 0 2px 4px -1px rgba(0,0,0,.25);
  --mu-r-toolbar-tool-pressed-background:
    /* mu-recipe:toolbar:14 */ linear-gradient(#141415, #19191A);
  --mu-r-toolbar-tool-pressed-shadow:
    /* mu-recipe:toolbar:15 */ inset 0 1px 3px rgba(0,0,0,.7),
    /* mu-recipe:toolbar:16 */ inset 0 0 0 .5px rgba(0,0,0,.8),
    /* mu-recipe:toolbar:17 */ 0 1px 0 rgba(255,255,255,.06);
  --mu-r-toolbar-led-background:
    /* mu-recipe:toolbar:18 */ radial-gradient(circle at 40% 35%, #D9FFE9 0 18%, #7BEAAE 42%, #2FB673);
  --mu-r-toolbar-led-shadow:
    /* mu-recipe:toolbar:19 */ 0 0 2px rgba(123,234,174,.6);
  --mu-r-toolbar-sep-background:
    /* mu-recipe:toolbar:20 */ rgba(0,0,0,.55);
  --mu-r-toolbar-sep-shadow:
    /* mu-recipe:toolbar:21 */ 1px 0 0 rgba(255,255,255,.055);
  --mu-r-toolbar-search-background:
    /* mu-recipe:toolbar:22 */ linear-gradient(#121213, #171718);
  --mu-r-toolbar-search-shadow:
    /* mu-recipe:toolbar:23 */ inset 1px 2px 5px -1px rgba(0,0,0,.6),
    /* mu-recipe:toolbar:24 */ inset 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:toolbar:25 */ 0 .5px 0 rgba(255,255,255,.07);
  --mu-r-toolbar-kbd-background:
    /* mu-recipe:toolbar:26 */ linear-gradient(#303033, #262628);
  --mu-r-toolbar-kbd-shadow:
    /* mu-recipe:toolbar:27 */ inset 0 1px 0 rgba(255,255,255,.09),
    /* mu-recipe:toolbar:28 */ 0 0 0 .5px rgba(0,0,0,.8);
  --mu-r-toolbar-self-pad: 7px;
  --mu-r-toolbar-self-gap: 6px;
  --mu-r-toolbar-self-radius: 24px;
  --mu-r-toolbar-self-blur: blur(22px) saturate(1.6);
  --mu-r-toolbar-tool-size: 38px;
  --mu-r-toolbar-tool-radius: 15px;
  --mu-r-toolbar-tool-glyph: 16px;
  --mu-r-toolbar-tool-ink: #D6D6D8;
  --mu-r-toolbar-tool-press: 1px;
  --mu-r-toolbar-tool-press-time: 50ms;
  --mu-r-toolbar-tool-shadow-time: 90ms;
  --mu-r-toolbar-led-size: 4px;
  --mu-r-toolbar-led-inset: 5px;
  --mu-r-toolbar-sep-width: 1px;
  --mu-r-toolbar-sep-height: 22px;
  --mu-r-toolbar-sep-margin: 3px;
  --mu-r-toolbar-search-height: 38px;
  --mu-r-toolbar-search-min-width: 196px;
  --mu-r-toolbar-search-radius: 15px;
  --mu-r-toolbar-search-pad-left: 12px;
  --mu-r-toolbar-search-pad-right: 8px;
  --mu-r-toolbar-search-gap: 8px;
  --mu-r-toolbar-search-ink: #8E8E93;
  --mu-r-toolbar-search-font: 500 13px/1 var(--mu-sans);
  --mu-r-toolbar-search-glyph: 14px;
  --mu-r-toolbar-kbd-ink: #A6A6A9;
  /* glass-face: reference style.css .glass, .glass .screen, .glass .screen::after */
  --mu-r-glass-face-self-background:
    /* mu-recipe:glass-face:0 */ linear-gradient(#2A2A2D, #1D1D1F 40%, #161618);
  --mu-r-glass-face-self-shadow:
    /* mu-recipe:glass-face:1 */ inset 0 1px 0 rgba(255,255,255,.13),
    /* mu-recipe:glass-face:2 */ inset 0 0 6px 2px rgba(255,255,255,.04),
    /* mu-recipe:glass-face:3 */ 0 0 0 .5px rgba(0,0,0,.6),
    /* mu-recipe:glass-face:4 */ 0 1px 2px rgba(0,0,0,.2),
    /* mu-recipe:glass-face:5 */ 0 16px 30px -12px rgba(20,20,20,.35),
    /* mu-recipe:glass-face:6 */ 0 36px 70px -30px rgba(20,20,20,.3);
  --mu-r-glass-face-screen-background:
    /* mu-recipe:glass-face:7 */ #0B0B0C;
  --mu-r-glass-face-glare-background:
    /* mu-recipe:glass-face:8 */ linear-gradient(115deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.035) 28%, rgba(255,255,255,0) 28.5%),
    /* mu-recipe:glass-face:9 */ linear-gradient(rgba(0,0,0,0) 55%, rgba(0,0,0,.25));
  --mu-r-glass-face-glare-shadow:
    /* mu-recipe:glass-face:10 */ inset 0 1px 0 rgba(255,255,255,.14),
    /* mu-recipe:glass-face:11 */ inset 0 0 0 1px rgba(0,0,0,.5),
    /* mu-recipe:glass-face:12 */ inset 0 8px 18px -8px rgba(0,0,0,.45);
  --mu-r-glass-face-self-radius: 22px;
  --mu-r-glass-face-self-pad: 6px;
  --mu-r-glass-face-screen-radius: 16px;
  /* hover-engraving: reference style.css .meta, .meta .eng b, .meta .led, .meta .derived-tags span */
  --mu-r-hover-engraving-led-shadow:
    /* mu-recipe:hover-engraving:14 */ 0 0 0 .5px rgba(0,0,0,.25);
  --mu-r-hover-engraving-self-height: 22px;
  --mu-r-hover-engraving-self-pad: 10px;
  --mu-r-hover-engraving-self-gap: 8px;
  --mu-r-hover-engraving-self-blur: blur(12px);
  --mu-r-hover-engraving-self-dwell: 420ms;
  --mu-r-hover-engraving-self-rise: 2px;
  --mu-r-hover-engraving-self-slide: 3px;
  --mu-r-hover-engraving-self-beside-gap: 4px;
  --mu-r-hover-engraving-self-beside-top: 9px;
  --mu-r-hover-engraving-self-below-gap: 8px;
  --mu-r-hover-engraving-self-fade: 160ms;
  --mu-r-hover-engraving-self-move: 200ms;
  --mu-r-hover-engraving-emphasis-weight: 500;
  --mu-r-hover-engraving-tag-font: 400 9px/15px var(--mu-mono);
  --mu-r-hover-engraving-tag-tracking: 0.06em;
  --mu-r-hover-engraving-tag-height: 15px;
  --mu-r-hover-engraving-tag-pad: 6px;
  --mu-r-hover-engraving-tag-gap: 4px;
  --mu-r-hover-engraving-led-size: 5px;
  --mu-r-hover-engraving-led-gap: 4px;
  --mu-r-hover-engraving-led-lift: 1px;
  /* status: reference style.css .pill, .pill.status, .led-g, .led-a, .led-r, .led-off */
  --mu-r-status-led-shadow:
    /* mu-recipe:status:0 */ 0 0 0 .5px rgba(0,0,0,.25);
  --mu-r-status-led-live-shadow:
    /* mu-recipe:status:1 */ 0 0 0 .5px rgba(0,0,0,.25),
    /* mu-recipe:status:2 */ 0 0 2px rgba(123,234,174,.55);
  --mu-r-status-led-live-background:
    /* mu-recipe:status:3 */ radial-gradient(circle at 40% 35%, #D9FFE9 0 18%, #7BEAAE 42%, #2FB673);
  --mu-r-status-led-waiting-background:
    /* mu-recipe:status:4 */ radial-gradient(circle at 40% 35%, #FFF1CF 0 18%, #F5BF55 45%, #C98A18);
  --mu-r-status-led-failed-background:
    /* mu-recipe:status:5 */ radial-gradient(circle at 40% 35%, #FFD9D2 0 18%, #FF7A66 45%, #D5392A);
  --mu-r-status-led-link-background:
    /* mu-recipe:status:6 */ radial-gradient(circle at 40% 35%, #D8E6FF 0 18%, #6F9BFF 45%, #2457F2);
  --mu-r-status-led-size: 5px;
  --mu-r-status-led-size-small: 4px;
  --mu-r-status-badge-height: 26px;
  --mu-r-status-badge-pad: 11px;
  --mu-r-status-badge-gap: 7px;
  --mu-r-status-badge-font: 500 9.5px/1 var(--mu-mono);
  --mu-r-status-badge-tracking: 0.1em;
  /* button: reference style.css .pill, .pill:hover, .pill:active; the object sheet .btn, .sc-read button, #pastBanner button, #selTools button, #selTools button.danger, the object sheet primary and destructive caps */
  --mu-r-button-graphite-background:
    /* mu-recipe:button:36 */ rgba(255,255,255,.09);
  --mu-r-button-strip-hover-background:
    /* mu-recipe:button:37 */ rgba(255,255,255,.08);
  --mu-r-button-strip-pressed-background:
    /* mu-recipe:button:38 */ rgba(0,0,0,.35);
  --mu-r-button-destructive-background:
    /* mu-recipe:button:48 */ linear-gradient(#E6594E,#D0433A);
  --mu-r-button-destructive-shadow:
    /* mu-recipe:button:49 */ inset 0 0 6px 1px rgba(255,255,255,.14),
    /* mu-recipe:button:50 */ inset 1px 2px 2px -1px rgba(255,255,255,.32),
    /* mu-recipe:button:51 */ 0 0 0 .5px rgba(120,20,10,.3),
    /* mu-recipe:button:52 */ 0 1px 2px rgba(110,10,0,.14),
    /* mu-recipe:button:53 */ 0 5px 12px -4px rgba(170,30,20,.24);
  --mu-r-button-destructive-pressed-background:
    /* mu-recipe:button:54 */ linear-gradient(#BE352C,#CF4238);
  --mu-r-button-destructive-pressed-shadow:
    /* mu-recipe:button:55 */ inset 0 1px 3px rgba(80,0,0,.45),
    /* mu-recipe:button:56 */ 0 0 0 .5px rgba(110,10,0,.55);
  --mu-r-button-strip-focus-shadow:
    /* mu-recipe:button:57 */ 0 0 0 1.5px #3FB97A;
  --mu-r-button-self-height: 32px;
  --mu-r-button-self-pad: 15px;
  --mu-r-button-self-gap: 6px;
  --mu-r-button-self-glyph: 16px;
  --mu-r-button-self-travel: 1px;
  --mu-r-button-self-press: 50ms;
  --mu-r-button-self-fade: 180ms;
  --mu-r-button-self-focus-width: 2px;
  --mu-r-button-self-focus-offset: 2px;
  --mu-r-button-self-disabled: 0.4;
  --mu-r-button-self-transition: translate var(--mu-spring-release-d) var(--mu-spring-release), box-shadow var(--mu-r-button-self-fade), background var(--mu-r-button-self-fade), color var(--mu-r-button-self-fade);
  --mu-r-button-compact-height: 26px;
  --mu-r-button-compact-pad: 11px;
  --mu-r-button-compact-gap: 7px;
  --mu-r-button-compact-glyph: 14px;
  --mu-r-button-compact-font: 500 12px/1 var(--mu-sans);
  --mu-r-button-compact-tracking: 0;
  --mu-r-button-compact-move: 90ms;
  --mu-r-button-compact-transition: translate var(--mu-r-button-compact-move), box-shadow var(--mu-r-button-compact-move);
  --mu-r-button-link-font: 500 9px/1 var(--mu-mono);
  --mu-r-button-link-tracking: 0.1em;
  --mu-r-button-link-ink: #3FB97A;
  --mu-r-button-graphite-height: 24px;
  --mu-r-button-graphite-pad: 10px;
  --mu-r-button-graphite-font: 500 12px/1 var(--mu-sans);
  --mu-r-button-graphite-tracking: 0;
  --mu-r-button-graphite-ink: #EDEDEF;
  --mu-r-button-strip-height: 28px;
  --mu-r-button-strip-pad: 10px;
  --mu-r-button-strip-radius: 11px;
  --mu-r-button-strip-font: 500 12px/1 var(--mu-sans);
  --mu-r-button-strip-tracking: 0;
  --mu-r-button-strip-ink: #D6D6D8;
  --mu-r-button-strip-ink-hover: #FFFFFF;
  --mu-r-button-strip-danger-ink: #FF8A7E;
  --mu-r-button-destructive-ink: #FFFFFF;
  /* kbd: reference style.css kbd, .tb-search kbd, #toast kbd */
  --mu-r-kbd-strip-background:
    /* mu-recipe:kbd:12 */ linear-gradient(#303033, #262628);
  --mu-r-kbd-strip-shadow:
    /* mu-recipe:kbd:13 */ inset 0 1px 0 rgba(255,255,255,.09),
    /* mu-recipe:kbd:14 */ 0 0 0 .5px rgba(0,0,0,.8);
  --mu-r-kbd-sunk-background:
    /* mu-recipe:kbd:15 */ linear-gradient(#232326, #1C1C1E);
  --mu-r-kbd-sunk-shadow:
    /* mu-recipe:kbd:16 */ inset 0 1px 1.5px rgba(0,0,0,.5),
    /* mu-recipe:kbd:17 */ 0 .5px 0 rgba(255,255,255,.06);
  --mu-r-kbd-self-height: 18px;
  --mu-r-kbd-self-min: 19px;
  --mu-r-kbd-self-pad: 5px;
  --mu-r-kbd-self-radius: 7px;
  --mu-r-kbd-self-font: 500 10px/1 var(--mu-mono);
  --mu-r-kbd-self-tracking: 0.02em;
  --mu-r-kbd-self-gap: 2px;
  --mu-r-kbd-small-height: 16px;
  --mu-r-kbd-small-min: 16px;
  --mu-r-kbd-small-pad: 4px;
  --mu-r-kbd-small-radius: 6px;
  --mu-r-kbd-strip-ink: #A6A6A9;
  --mu-r-kbd-sunk-ink: #9A9A9E;
  /* surface: reference style.css --raised, --raised-lite, --raised-sm, --graphite-bg, --graphite-sh; #empty, .gcard, #lensBar, .pal, #panel, #pop, .meta, .region.lensr, #toolbar, #selTools, #pastBanner, #tip, .readout, #toast */
  --mu-r-surface-self-graphite-background:
    /* mu-recipe:surface:146 */ linear-gradient(180deg, rgba(40,40,43,.94), rgba(27,27,29,.96));
  --mu-r-surface-self-graphite-shadow:
    /* mu-recipe:surface:147 */ inset 0 0 6px 2px rgba(255,255,255,.055),
    /* mu-recipe:surface:148 */ inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
    /* mu-recipe:surface:149 */ inset -1px -3px 5px -2px rgba(0,0,0,.35),
    /* mu-recipe:surface:150 */ 0 0 0 .5px rgba(0,0,0,.45),
    /* mu-recipe:surface:151 */ 0 1px 2px rgba(0,0,0,.2),
    /* mu-recipe:surface:152 */ 0 12px 28px -10px rgba(0,0,0,.34),
    /* mu-recipe:surface:153 */ 0 30px 60px -24px rgba(0,0,0,.30);
  --mu-r-surface-self-graphite-deep-background:
    /* mu-recipe:surface:154 */ linear-gradient(#2A2A2D, #1B1B1D);
  --mu-r-surface-self-graphite-deep-shadow:
    /* mu-recipe:surface:155 */ inset 0 0 6px 2px rgba(255,255,255,.055),
    /* mu-recipe:surface:156 */ inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
    /* mu-recipe:surface:157 */ inset -1px -3px 5px -2px rgba(0,0,0,.35),
    /* mu-recipe:surface:158 */ 0 0 0 .5px rgba(0,0,0,.45),
    /* mu-recipe:surface:159 */ 0 1px 2px rgba(0,0,0,.2),
    /* mu-recipe:surface:160 */ 0 12px 28px -10px rgba(0,0,0,.34),
    /* mu-recipe:surface:161 */ 0 30px 60px -24px rgba(0,0,0,.30);
  --mu-r-surface-self-graphite-glass-background:
    /* mu-recipe:surface:162 */ rgba(30,30,33,.92);
  --mu-r-surface-self-graphite-glass-shadow:
    /* mu-recipe:surface:163 */ inset 0 0 6px 2px rgba(255,255,255,.055),
    /* mu-recipe:surface:164 */ inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
    /* mu-recipe:surface:165 */ inset -1px -3px 5px -2px rgba(0,0,0,.35),
    /* mu-recipe:surface:166 */ 0 0 0 .5px rgba(0,0,0,.45),
    /* mu-recipe:surface:167 */ 0 1px 2px rgba(0,0,0,.2),
    /* mu-recipe:surface:168 */ 0 12px 28px -10px rgba(0,0,0,.34),
    /* mu-recipe:surface:169 */ 0 30px 60px -24px rgba(0,0,0,.30);
  --mu-r-surface-radius-pill: 99px;
  --mu-r-surface-radius-hero: 30px;
  --mu-r-surface-radius-card: 24px;
  --mu-r-surface-radius-plate: 18px;
  --mu-r-surface-radius-strip: 16px;
  --mu-r-surface-radius-region: 26px;
  --mu-r-surface-radius-tip: 11px;
  --mu-r-surface-radius-row: 12px;
  --mu-r-surface-blur-frost: blur(22px) saturate(1.6);
  --mu-r-surface-blur-plate: blur(24px) saturate(1.6);
  --mu-r-surface-blur-panel: blur(24px) saturate(1.6);
  --mu-r-surface-blur-pop: blur(22px) saturate(1.6);
  --mu-r-surface-blur-tip: blur(12px);
  --mu-r-surface-blur-lens: blur(10px);
  --mu-r-surface-blur-graphite: blur(22px) saturate(1.6);
  --mu-r-surface-blur-graphite-glass: blur(22px);
  --mu-r-surface-blur-graphite-strip: blur(22px);
  /* well: reference style.css --well; .pal-field, .seg, .sc-track, .region, .region.over, .tb-search */
  --mu-r-well-self-graphite-background:
    /* mu-recipe:well:16 */ linear-gradient(#121213, #171718);
  --mu-r-well-self-graphite-shadow:
    /* mu-recipe:well:17 */ inset 1px 2px 5px -1px rgba(0,0,0,.6),
    /* mu-recipe:well:18 */ inset 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:well:19 */ 0 .5px 0 rgba(255,255,255,.07);
  --mu-r-well-radius-pill: 99px;
  --mu-r-well-radius-field: 17px;
  --mu-r-well-radius-region: 26px;
  --mu-r-well-radius-strip: 15px;
  --mu-r-well-radius-row: 12px;
  --mu-r-well-region-dot-spacing: 16px;
  --mu-r-well-region-dot-offset: 7px;
  --mu-r-well-region-dot-center: 1px;
  --mu-r-well-region-dot-core-radius: 0.8px;
  --mu-r-well-region-dot-fade-radius: 1.3px;
  --mu-r-well-region-dot-hue-edge: 1px;
  --mu-r-well-self-transition: background var(--mu-spring-settle-d) var(--mu-spring-settle), box-shadow var(--mu-spring-settle-d) var(--mu-spring-settle);
  /* label: reference style.css .eng, #hdr b, .rname, .rcount, #pastBanner .eng, #tip, #lensBar .q, .merow .v, .mini-me .val, .ptable td.m, #empty h2, #empty p, #pastBanner, .readout i, .region.over .rrule, .region .rname:empty::before, .meta .eng b */
  --mu-r-label-dark-text-shadow:
    /* mu-recipe:label:2 */ 0 -1px 0 rgba(0,0,0,.6);
  --mu-r-label-self-transition: color var(--mu-spring-settle-d) var(--mu-spring-settle);
  --mu-r-label-engraved-font: 400 9px/1.36 var(--mu-mono);
  --mu-r-label-engraved-tracking: 0.11em;
  --mu-r-label-engraved-transform: uppercase;
  --mu-r-label-small-font: 400 8.5px/1.36 var(--mu-mono);
  --mu-r-label-small-tracking: 0.11em;
  --mu-r-label-small-transform: uppercase;
  --mu-r-label-title-font: 640 13.5px/1.2 var(--mu-sans);
  --mu-r-label-title-tracking: -0.01em;
  --mu-r-label-heading-font: 660 15px/1 var(--mu-sans);
  --mu-r-label-heading-tracking: -0.015em;
  --mu-r-label-count-font: 500 10px/1 var(--mu-mono);
  --mu-r-label-count-tracking: -0.18px;
  --mu-r-label-readout-font: 500 10.5px/1 var(--mu-mono);
  --mu-r-label-readout-tracking: 0.04em;
  --mu-r-label-readout-color: #EDEDEF;
  --mu-r-label-dark-color: rgba(255,255,255,.4);
  --mu-r-label-query-font: 620 13px/1 var(--mu-sans);
  --mu-r-label-query-tracking: -0.01em;
  --mu-r-label-value-font: 560 22px/1 var(--mu-mono);
  --mu-r-label-value-tracking: -0.02em;
  --mu-r-label-value-small-font: 560 12px/1 var(--mu-mono);
  --mu-r-label-value-small-tracking: 0;
  --mu-r-label-cell-font: 500 10.5px/1.4 var(--mu-mono);
  --mu-r-label-cell-tracking: 0;
  --mu-r-label-display-font: 620 18px/1.25 var(--mu-sans);
  --mu-r-label-display-tracking: -0.022em;
  --mu-r-label-display-quiet-font: 560 18px/1.25 var(--mu-sans);
  --mu-r-label-display-quiet-tracking: -0.022em;
  --mu-r-label-on-graphite-font: 500 12.5px/1 var(--mu-sans);
  --mu-r-label-on-graphite-tracking: -0.18px;
  --mu-r-label-on-graphite-color: #EDEDEF;
  --mu-r-label-readout-dim-color: #7C7D82;
  --mu-r-label-placeholder-weight: 500;
  --mu-r-label-emphasis-weight: 500;
  --mu-r-label-name-font: 500 13.5px/1.3 var(--mu-sans);
  --mu-r-label-name-tracking: -0.01em;
  --mu-r-label-detail-font: 400 12px/1.4 var(--mu-sans);
  --mu-r-label-detail-tracking: 0;
  /* rule: reference style.css .tb-sep, #selTools .sep, .pal-foot, .ptable th, .tl-day::after */
  --mu-r-rule-self-graphite-background:
    /* mu-recipe:rule:4 */ rgba(0,0,0,.55);
  --mu-r-rule-self-graphite-shadow:
    /* mu-recipe:rule:5 */ 1px 0 0 rgba(255,255,255,.055);
  --mu-r-rule-self-thickness: 1px;
  --mu-r-rule-self-margin: 3px;
  /* mark: reference style.css .c-date, .c-dur, .c-amt, .c-meas, .c-tag, .c-hex, .c-url, .c-jdate, .led-urgent, .c-life, .pal-row mark */
  --mu-r-mark-url-background:
    /* mu-recipe:mark:8 */ rgba(111,155,255,.09);
  --mu-r-mark-url-shadow:
    /* mu-recipe:mark:9 */ inset 0 0 0 .5px rgba(111,155,255,.25);
  --mu-r-mark-url-hover-background:
    /* mu-recipe:mark:10 */ rgba(111,155,255,.15);
  --mu-r-mark-inferred-shadow:
    /* mu-recipe:mark:11 */ inset 0 0 0 .5px rgba(63,185,122,.45);
  --mu-r-mark-swatch-shadow:
    /* mu-recipe:mark:12 */ inset 0 1px 0 rgba(255,255,255,.45),
    /* mu-recipe:mark:13 */ inset 0 -1px 0 rgba(0,0,0,.18),
    /* mu-recipe:mark:14 */ 0 1px 2px rgba(0,0,0,.15);
  --mu-r-mark-urgency-background:
    /* mu-recipe:mark:15 */ radial-gradient(circle at 40% 35%, #FFF1CF 0 18%, #F5BF55 45%, #C98A18);
  --mu-r-mark-urgency-shadow:
    /* mu-recipe:mark:16 */ 0 0 0 .5px rgba(0,0,0,.25);
  --mu-r-mark-match-weight: 650;
  --mu-r-mark-match-underline: rgba(63,185,122,.55);
  --mu-r-mark-match-thickness: 1.5px;
  --mu-r-mark-match-offset: 2.5px;
  --mu-r-mark-chip-font: 500 9.5px/1.3 var(--mu-mono);
  --mu-r-mark-chip-tracking: 0.08em;
  --mu-r-mark-inferred-font: 500 9px/17px var(--mu-mono);
  --mu-r-mark-inferred-tracking: 0.08em;
  /* icon-button: reference style.css .tb, .tb:active, .tb.on, .tb.on::after, .iconbtn, .sugg button */
  --mu-r-icon-button-tool-background:
    /* mu-recipe:icon-button:0 */ linear-gradient(#303033, #262628);
  --mu-r-icon-button-tool-shadow:
    /* mu-recipe:icon-button:1 */ inset 0 1px 0 rgba(255,255,255,.09),
    /* mu-recipe:icon-button:2 */ inset 0 -1px 0 rgba(0,0,0,.3),
    /* mu-recipe:icon-button:3 */ 0 0 0 .5px rgba(0,0,0,.8),
    /* mu-recipe:icon-button:4 */ 0 1px 1px rgba(0,0,0,.35),
    /* mu-recipe:icon-button:5 */ 0 2px 4px -1px rgba(0,0,0,.25);
  --mu-r-icon-button-tool-pressed-background:
    /* mu-recipe:icon-button:6 */ linear-gradient(#141415, #19191A);
  --mu-r-icon-button-tool-pressed-shadow:
    /* mu-recipe:icon-button:7 */ inset 0 1px 3px rgba(0,0,0,.7),
    /* mu-recipe:icon-button:8 */ inset 0 0 0 .5px rgba(0,0,0,.8),
    /* mu-recipe:icon-button:9 */ 0 1px 0 rgba(255,255,255,.06);
  --mu-r-icon-button-led-background:
    /* mu-recipe:icon-button:10 */ radial-gradient(circle at 40% 35%, #D9FFE9 0 18%, #7BEAAE 42%, #2FB673);
  --mu-r-icon-button-led-shadow:
    /* mu-recipe:icon-button:11 */ 0 0 2px rgba(123,234,174,.6);
  --mu-r-icon-button-tool-size: 38px;
  --mu-r-icon-button-tool-radius: 15px;
  --mu-r-icon-button-tool-glyph: 16px;
  --mu-r-icon-button-tool-ink: #D6D6D8;
  --mu-r-icon-button-tool-press: 1px;
  --mu-r-icon-button-tool-press-time: 50ms;
  --mu-r-icon-button-tool-shadow-time: 90ms;
  --mu-r-icon-button-tool-transition: translate var(--mu-r-icon-button-tool-press-time) linear, box-shadow var(--mu-r-icon-button-tool-shadow-time) var(--mu-ease-press);
  --mu-r-icon-button-led-size: 4px;
  --mu-r-icon-button-led-inset: 5px;
  --mu-r-icon-button-ghost-size: 28px;
  --mu-r-icon-button-ghost-glyph: 14px;
  --mu-r-icon-button-mini-w: 18px;
  --mu-r-icon-button-mini-h: 16px;
  --mu-r-icon-button-mini-font: 500 11px/1 var(--mu-sans);
  --mu-r-icon-button-mini-accept-ink: #3FB97A;
  --mu-r-icon-button-self-fade: 160ms;
  --mu-r-icon-button-self-transition: background var(--mu-r-icon-button-self-fade), color var(--mu-r-icon-button-self-fade);
  /* chip: reference style.css .sugg, .sugg .eng, .glass-tag, .glass-tag .led, .linkobj a.open, .meta .derived-tags span */
  --mu-r-chip-glass-background:
    /* mu-recipe:chip:13 */ rgba(20,20,22,.5);
  --mu-r-chip-glass-action-background:
    /* mu-recipe:chip:14 */ rgba(255,255,255,.08);
  --mu-r-chip-glass-action-hover-background:
    /* mu-recipe:chip:15 */ rgba(255,255,255,.16);
  --mu-r-chip-led-link-background:
    /* mu-recipe:chip:16 */ radial-gradient(circle at 40% 35%, #E6EEFF 0 18%, #9DB9FF 45%, #4B78F0);
  --mu-r-chip-led-code-background:
    /* mu-recipe:chip:17 */ radial-gradient(circle at 40% 35%, #F6E4FF 0 18%, #D4A6F0 45%, #9B5CC8);
  --mu-r-chip-suggestion-height: 20px;
  --mu-r-chip-suggestion-pad-left: 9px;
  --mu-r-chip-suggestion-pad-right: 3px;
  --mu-r-chip-suggestion-gap: 2px;
  --mu-r-chip-suggestion-font: 500 11.5px/20px var(--mu-sans);
  --mu-r-chip-suggestion-tracking: -0.18px;
  --mu-r-chip-glass-height: 18px;
  --mu-r-chip-glass-pad-x: 7px;
  --mu-r-chip-glass-radius: 7px;
  --mu-r-chip-glass-gap: 5px;
  --mu-r-chip-glass-font: 500 9px/1 var(--mu-mono);
  --mu-r-chip-glass-tracking: 0.1em;
  --mu-r-chip-glass-ink: rgba(255,255,255,.8);
  --mu-r-chip-glass-blur: blur(8px) saturate(1.4);
  --mu-r-chip-glass-action-ink: rgba(255,255,255,.75);
  --mu-r-chip-led-size: 5px;
  --mu-r-chip-tag-pad-x: 6px;
  --mu-r-chip-tag-font: 400 9px/15px var(--mu-mono);
  --mu-r-chip-tag-tracking: 0.06em;
  /* field: reference style.css .pal-field, .pal-field input, .tb-search */
  --mu-r-field-field-height: 44px;
  --mu-r-field-field-radius: 17px;
  --mu-r-field-field-pad-left: 16px;
  --mu-r-field-field-pad-right: 12px;
  --mu-r-field-field-gap: 10px;
  --mu-r-field-field-glyph: 15px;
  --mu-r-field-field-font: 500 15px/1 var(--mu-sans);
  --mu-r-field-field-tracking: -0.01em;
  --mu-r-field-field-caret: #3FB97A;
  --mu-r-field-search-height: 38px;
  --mu-r-field-search-min-width: 196px;
  --mu-r-field-search-radius: 15px;
  --mu-r-field-search-pad-left: 12px;
  --mu-r-field-search-pad-right: 8px;
  --mu-r-field-search-gap: 8px;
  --mu-r-field-search-glyph: 14px;
  --mu-r-field-search-font: 500 13px/1 var(--mu-sans);
  --mu-r-field-search-tracking: -0.012em;
  --mu-r-field-search-ink: #8E8E93;
  /* sparkline: reference style.css .spark path, .spark circle, .spark circle.last, .spark .base */
  --mu-r-sparkline-line-width: 1.5px;
  --mu-r-sparkline-dot-r: 2px;
  --mu-r-sparkline-dot-r-last: 3px;
  --mu-r-sparkline-dot-stroke: 1.2px;
  --mu-r-sparkline-dot-last-fill: #5FC894;
  --mu-r-sparkline-dot-last-ring: #2FB673;
  --mu-r-sparkline-base-dash: 2 3;
  --mu-r-sparkline-base-width: 1px;
  --mu-r-sparkline-self-height: 40px;
  --mu-r-sparkline-self-height-mini: 24px;
  /* dialog: reference style.css #palette */
  --mu-r-dialog-scrim-z: 30;
  --mu-r-dialog-self-top: 16vh;
  --mu-r-dialog-self-enter-y: -6px;
  --mu-r-dialog-self-enter-scale: 0.985;
  --mu-r-dialog-self-transition: opacity var(--mu-spring-surface-d) var(--mu-spring-surface), transform var(--mu-spring-surface-d) var(--mu-spring-surface);
  --mu-r-dialog-self-width: 360px;
  --mu-r-dialog-self-pad: 20px;
  --mu-r-dialog-self-gap: 14px;
  --mu-r-dialog-actions-gap: 8px;
  /* slider: reference style.css .sc-track, .sc-fill, .sc-marks i, .sc-days span::before, .sc-knob */
  --mu-r-slider-fill-background:
    /* mu-recipe:slider:0 */ linear-gradient(#9BE6BF, #5FC894);
  --mu-r-slider-knob-background:
    /* mu-recipe:slider:1 */ conic-gradient(from 200deg, #FAFAF8, #C9C9C5, #F2F2EF, #B8B8B4, #FAFAF8);
  --mu-r-slider-knob-shadow:
    /* mu-recipe:slider:2 */ inset 0 0 0 2px rgba(255,255,255,.35),
    /* mu-recipe:slider:3 */ 0 0 0 .5px rgba(0,0,0,.12),
    /* mu-recipe:slider:4 */ 0 2px 4px rgba(0,0,0,.18);
  --mu-r-slider-track-height: 10px;
  --mu-r-slider-track-inset: 6px;
  --mu-r-slider-fill-opacity: 0.55;
  --mu-r-slider-fill-transition: width var(--mu-spring-part-d) var(--mu-spring-part);
  --mu-r-slider-mark-w: 2px;
  --mu-r-slider-mark-h: 4px;
  --mu-r-slider-mark-radius: 1px;
  --mu-r-slider-tick-w: 1px;
  --mu-r-slider-tick-h: 5px;
  --mu-r-slider-tick-top: 11px;
  --mu-r-slider-tick-lift: 9px;
  --mu-r-slider-knob-size: 22px;
  --mu-r-slider-knob-rise: 6px;
  --mu-r-slider-knob-transition: inset-inline-start var(--mu-spring-part-d) var(--mu-spring-part), left var(--mu-spring-part-d) var(--mu-spring-part);
  /* switcher: reference style.css .seg, .seg button, .seg button.on */
  --mu-r-switcher-self-pad: 3px;
  --mu-r-switcher-self-gap: 6px;
  --mu-r-switcher-option-height: 24px;
  --mu-r-switcher-option-height-regular: 28px;
  --mu-r-switcher-option-pad-x: 10px;
  --mu-r-switcher-option-font: 500 11.5px/1 var(--mu-sans);
  --mu-r-switcher-option-tracking: 0;
  --mu-r-switcher-option-fade: 160ms;
  --mu-r-switcher-option-disabled: 0.4;
  --mu-r-switcher-option-focus-width: 1.5px;
  --mu-r-switcher-option-transition: color var(--mu-r-switcher-option-fade);
  /* tooltip: reference style.css #tip, #tip .dim, .tb-tip */
  --mu-r-tooltip-self-background:
    /* mu-recipe:tooltip:0 */ linear-gradient(180deg, rgba(40,40,43,.94), rgba(27,27,29,.96));
  --mu-r-tooltip-self-shadow:
    /* mu-recipe:tooltip:1 */ inset 0 0 6px 2px rgba(255,255,255,.055),
    /* mu-recipe:tooltip:2 */ inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
    /* mu-recipe:tooltip:3 */ inset -1px -3px 5px -2px rgba(0,0,0,.35),
    /* mu-recipe:tooltip:4 */ 0 0 0 .5px rgba(0,0,0,.45),
    /* mu-recipe:tooltip:5 */ 0 1px 2px rgba(0,0,0,.2),
    /* mu-recipe:tooltip:6 */ 0 12px 28px -10px rgba(0,0,0,.34),
    /* mu-recipe:tooltip:7 */ 0 30px 60px -24px rgba(0,0,0,.30);
  --mu-r-tooltip-self-max-width: 280px;
  --mu-r-tooltip-self-pad-y: 6px;
  --mu-r-tooltip-self-pad-x: 10px;
  --mu-r-tooltip-self-radius: 11px;
  --mu-r-tooltip-self-font: 500 10px/1.45 var(--mu-mono);
  --mu-r-tooltip-self-tracking: 0.05em;
  --mu-r-tooltip-self-ink: #E9E9EB;
  --mu-r-tooltip-self-z: 70;
  --mu-r-tooltip-self-transition: opacity var(--mu-spring-settle-d) var(--mu-spring-settle);
  --mu-r-tooltip-key-ink: #8E8E93;
  /* menu: reference style.css #pop, #pop .ph, #pop button, #pop button:hover */
  --mu-r-menu-self-min-width: 200px;
  --mu-r-menu-self-pad: 6px;
  --mu-r-menu-self-radius: 16px;
  --mu-r-menu-self-z: 60;
  --mu-r-menu-self-blur: blur(22px) saturate(1.6);
  --mu-r-menu-heading-pad-top: 6px;
  --mu-r-menu-heading-pad-x: 8px;
  --mu-r-menu-heading-pad-bottom: 8px;
  --mu-r-menu-row-height: 30px;
  --mu-r-menu-row-pad: 10px;
  --mu-r-menu-row-gap: 8px;
  --mu-r-menu-row-radius: 10px;
  --mu-r-menu-row-glyph: 14px;
  --mu-r-menu-row-font: 500 13px/1.3 var(--mu-sans);
  --mu-r-menu-row-tracking: 0;
  --mu-r-menu-row-key-gap: 12px;
  --mu-r-menu-row-disabled: 0.4;
  --mu-r-menu-sep-thickness: 1px;
  --mu-r-menu-sep-inset-y: 4px;
  --mu-r-menu-sep-inset-x: 8px;
  /* toast: reference style.css #toast, #toast .sub, #toast button, #toast button kbd */
  --mu-r-toast-self-background:
    /* mu-recipe:toast:0 */ rgba(30,30,33,.92);
  --mu-r-toast-self-shadow:
    /* mu-recipe:toast:1 */ inset 0 0 6px 2px rgba(255,255,255,.055),
    /* mu-recipe:toast:2 */ inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
    /* mu-recipe:toast:3 */ inset -1px -3px 5px -2px rgba(0,0,0,.35),
    /* mu-recipe:toast:4 */ 0 0 0 .5px rgba(0,0,0,.45),
    /* mu-recipe:toast:5 */ 0 1px 2px rgba(0,0,0,.2),
    /* mu-recipe:toast:6 */ 0 12px 28px -10px rgba(0,0,0,.34),
    /* mu-recipe:toast:7 */ 0 30px 60px -24px rgba(0,0,0,.30);
  --mu-r-toast-undo-background:
    /* mu-recipe:toast:8 */ linear-gradient(#3A3A3E, #2C2C2F);
  --mu-r-toast-undo-shadow:
    /* mu-recipe:toast:9 */ inset 0 1px 0 rgba(255,255,255,.1),
    /* mu-recipe:toast:10 */ 0 0 0 .5px rgba(0,0,0,.6);
  --mu-r-toast-kbd-background:
    /* mu-recipe:toast:11 */ rgba(0,0,0,.3);
  --mu-r-toast-self-height: 40px;
  --mu-r-toast-self-pad-left: 16px;
  --mu-r-toast-self-pad-right: 6px;
  --mu-r-toast-self-gap: 12px;
  --mu-r-toast-self-font: 500 13px/1 var(--mu-sans);
  --mu-r-toast-self-tracking: -0.012em;
  --mu-r-toast-self-ink: #F2F2F0;
  --mu-r-toast-self-bottom: 92px;
  --mu-r-toast-self-z: 50;
  --mu-r-toast-self-blur: blur(22px);
  --mu-r-toast-self-rise: 8px;
  --mu-r-toast-self-scale: 0.97;
  --mu-r-toast-self-transition: opacity var(--mu-spring-settle-d) var(--mu-spring-settle), transform var(--mu-spring-settle-d) var(--mu-spring-settle);
  --mu-r-toast-text-gap: 6px;
  --mu-r-toast-sub-ink: #9A9AA0;
  --mu-r-toast-undo-height: 28px;
  --mu-r-toast-undo-pad-left: 11px;
  --mu-r-toast-undo-pad-right: 6px;
  --mu-r-toast-undo-gap: 7px;
  --mu-r-toast-undo-font: 500 12.5px/1 var(--mu-sans);
  --mu-r-toast-undo-press: 50ms;
  --mu-r-toast-kbd-ink: #BDBDC2;
  /* row: reference style.css .lrow, .lrow:hover, .prow, .prow:hover, .pal-row, .pal-row.on, .pal-row.on::before, .lrow.checked .lt */
  --mu-r-row-list-pad-y: 5px;
  --mu-r-row-list-pad-x: 8px;
  --mu-r-row-list-gap: 9px;
  --mu-r-row-list-radius: 12px;
  --mu-r-row-list-font: 500 13px/1.35 var(--mu-sans);
  --mu-r-row-panel-pad-y: 8px;
  --mu-r-row-panel-pad-x: 12px;
  --mu-r-row-panel-gap: 10px;
  --mu-r-row-panel-radius: 14px;
  --mu-r-row-panel-font: 500 14px/1.36 var(--mu-sans);
  --mu-r-row-option-height: 36px;
  --mu-r-row-option-pad-x: 12px;
  --mu-r-row-option-gap: 10px;
  --mu-r-row-option-radius: 12px;
  --mu-r-row-option-font: 500 13.5px/1 var(--mu-sans);
  --mu-r-row-option-glyph: 14px;
  --mu-r-row-rail-w: 2.5px;
  --mu-r-row-rail-inset: 10px;
  --mu-r-row-rail-radius: 2px;
  --mu-r-row-rail-offset: -2px;
  --mu-r-row-rail-color: #3FB97A;
  --mu-r-row-self-maybe: 0.55;
  --mu-r-row-self-fade: 160ms;
  --mu-r-row-self-transition: background var(--mu-r-row-self-fade), box-shadow var(--mu-r-row-self-fade);
  /* glyph: reference style.css #lensBar svg, .pal-field svg, .tb-search svg, .pal-row svg */
  --mu-r-glyph-size-small: 14px;
  --mu-r-glyph-size-regular: 16px;
  --mu-r-glyph-size-tiny: 10px;
  --mu-r-glyph-drop-tiny: -1px;
  /* link-card: reference style.css .linkobj, .linkobj .screen, .dom, .path, .linkobj a.open */
  --mu-r-link-card-screen-background:
    /* mu-recipe:link-card:0 */ radial-gradient(120% 90% at 85% 0%, color-mix(in srgb, var(--mu-self) 100%, transparent) 0%, #121316 70%);
  --mu-r-link-card-self-width: 250px;
  --mu-r-link-card-screen-height: 92px;
  --mu-r-link-card-screen-pad-y: 12px;
  --mu-r-link-card-screen-pad-x: 14px;
  --mu-r-link-card-screen-tint: #36406A;
  --mu-r-link-card-screen-tint-saturation: 38%;
  --mu-r-link-card-screen-tint-lightness: 32%;
  --mu-r-link-card-host-font: 620 15px/1.2 var(--mu-sans);
  --mu-r-link-card-host-tracking: -0.015em;
  --mu-r-link-card-host-ink: #EDEDEF;
  --mu-r-link-card-path-font: 400 9.5px/1.4 var(--mu-mono);
  --mu-r-link-card-path-tracking: 0.06em;
  --mu-r-link-card-path-ink: rgba(255,255,255,.5);
  --mu-r-link-card-chip-inset: 10px;
  --mu-r-link-card-title-font: 620 14px/1.3 var(--mu-sans);
  --mu-r-link-card-title-tracking: -0.01em;
  --mu-r-link-card-title-ink: #EDEDEF;
  --mu-r-link-card-title-lines: 2;
  --mu-r-link-card-meta-gap: 5px;
  --mu-r-link-card-meta-icon: 12px;
  --mu-r-link-card-meta-ink: rgba(255,255,255,.6);
  --mu-r-link-card-preview-height: 128px;
  --mu-r-link-card-preview-fade: 220ms;
  --mu-r-link-card-preview-image-opacity: 0.55;
  /* code-card: reference style.css .codeobj, .codeobj .screen, .codeobj pre, .ln, .kw, .ty, .st, .cm, .nu */
  --mu-r-code-card-screen-background:
    /* mu-recipe:code-card:0 */ radial-gradient(120% 80% at 20% 0, #26282C, #151618 60%, #0F1011);
  --mu-r-code-card-self-min-width: 260px;
  --mu-r-code-card-self-max-width: 460px;
  --mu-r-code-card-screen-pad-top: 30px;
  --mu-r-code-card-screen-pad-x: 14px;
  --mu-r-code-card-screen-pad-bottom: 12px;
  --mu-r-code-card-code-font: 400 11px/1.62 var(--mu-mono);
  --mu-r-code-card-code-tracking: -0.01em;
  --mu-r-code-card-code-ink: #D7D8DB;
  --mu-r-code-card-code-number: 18px;
  --mu-r-code-card-tint-line: #48494E;
  --mu-r-code-card-tint-keyword: #E7A6D9;
  --mu-r-code-card-tint-type: #E7C98A;
  --mu-r-code-card-tint-string: #9FE3BF;
  --mu-r-code-card-tint-comment: #6D6E73;
  --mu-r-code-card-tint-number: #9EC2FF;
  --mu-r-code-card-chip-inset: 10px;
  --mu-r-code-card-diff-add-bg: rgba(63,185,122,.14);
  --mu-r-code-card-diff-add-ink: #9FE3BF;
  --mu-r-code-card-diff-remove-bg: rgba(255,122,102,.12);
  --mu-r-code-card-diff-remove-ink: #E8A89E;
  /* silhouette: the native reference layer-only LOD (CanvasScene lodColor), re-authored per block kind */
  --mu-r-silhouette-code-background:
    /* mu-recipe:silhouette:0 */ linear-gradient(#232326, #1A1A1C);
  --mu-r-silhouette-code-shadow:
    /* mu-recipe:silhouette:1 */ inset 0 1px 0 rgba(255,255,255,.06),
    /* mu-recipe:silhouette:2 */ 0 0 0 .5px rgba(0,0,0,.5);
  --mu-r-silhouette-link-background:
    /* mu-recipe:silhouette:3 */ radial-gradient(120% 90% at 85% 0%, color-mix(in srgb, var(--mu-self) 100%, transparent) 0%, #121316 70%);
  --mu-r-silhouette-link-shadow:
    /* mu-recipe:silhouette:4 */ 0 0 0 6px #1D1D1F,
    /* mu-recipe:silhouette:5 */ 0 0 0 6.5px rgba(0,0,0,.6);
  --mu-r-silhouette-swatch-background:
    /* mu-recipe:silhouette:6 */ color-mix(in srgb, var(--mu-self) 100%, transparent);
  --mu-r-silhouette-image-background:
    /* mu-recipe:silhouette:7 */ linear-gradient(rgba(255,255,255,.10), rgba(0,0,0,.10)),
    /* mu-recipe:silhouette:8 */ color-mix(in srgb, var(--mu-self) 100%, transparent);
  --mu-r-silhouette-text-radius: 4px;
  --mu-r-silhouette-text-bar: 8px;
  --mu-r-silhouette-text-line: 22px;
  --mu-r-silhouette-code-radius: 12px;
  --mu-r-silhouette-code-pad: 12px;
  --mu-r-silhouette-code-bar: 7px;
  --mu-r-silhouette-code-line: 20px;
  --mu-r-silhouette-code-ink: rgba(255,255,255,.16);
  --mu-r-silhouette-link-radius: 16px;
  --mu-r-silhouette-swatch-radius: 22px;
  --mu-r-silhouette-image-radius: 16px;
  --mu-r-silhouette-file-radius: 14px;
  --mu-r-silhouette-region-radius: 26px;
  --mu-r-silhouette-region-pad: 28px;
  --mu-r-silhouette-region-font: 600 56px/1.1 var(--mu-sans);
  --mu-r-silhouette-region-tracking: -0.02em;
  --mu-r-silhouette-self-fade: 160ms;
  /* switch: the reference design site .tog (track well, thumb raise-sm, on gradient); Base UI Switch */
  --mu-r-switch-self-on-background:
    /* mu-recipe:switch:8 */ linear-gradient(#66CC99, #8BDFB5);
  --mu-r-switch-self-on-shadow:
    /* mu-recipe:switch:9 */ inset 0 2px 5px -1px rgba(0,70,35,.28),
    /* mu-recipe:switch:10 */ inset 0 0 6px 1px rgba(255,255,255,.25);
  --mu-r-switch-self-width: 40px;
  --mu-r-switch-self-height: 24px;
  --mu-r-switch-self-pad: 2px;
  --mu-r-switch-self-disabled: 0.4;
  --mu-r-switch-thumb-size: 20px;
  --mu-r-switch-thumb-travel: 16px;
  --mu-r-switch-thumb-stretch: 4px;
  --mu-r-switch-small-width: 32px;
  --mu-r-switch-small-height: 20px;
  --mu-r-switch-small-thumb: 16px;
  --mu-r-switch-small-travel: 12px;
  /* brush: the native reference brushCursor (CanvasToolGesture), with a colorway-aware eraser ring */
  --mu-r-brush-self-min: 6px;
  --mu-r-brush-self-ring: 0.5px;
  --mu-r-brush-eraser-width: 1px;
  --mu-r-brush-eraser-dash: 3 2;
  --mu-r-brush-cross-arm: 7px;
  --mu-r-brush-cross-gap: 3px;
  --mu-r-brush-cross-line: 1px;
  --mu-r-brush-cross-halo: 3px;
  --mu-r-brush-cross-hint-offset: 10px;
  --mu-r-brush-cross-hint-size: 7px;
  --mu-r-brush-marker-ratio: 0.42;
  --mu-r-brush-marker-angle: -35deg;
  --mu-r-brush-marker-ink: 0.4;
  --mu-r-brush-pencil-ink: 0.8;
  /* draw: DRAWING.md DR-06 (five inks from the signal colours, three widths); the toolbar's latched well */
  --mu-r-draw-self-size: 28px;
  --mu-r-draw-self-bead: 14px;
  --mu-r-draw-self-gap: 2px;
  --mu-r-draw-ink-red: #D8453B;
  --mu-r-draw-ink-blue: #2457F2;
  --mu-r-draw-ink-green: #3FB97A;
  --mu-r-draw-ink-amber: #E0A12A;
  --mu-r-draw-ink-on-dark: #F2F2F0;
  --mu-r-draw-width-fine: 3px;
  --mu-r-draw-width-regular: 6px;
  --mu-r-draw-width-bold: 10px;
  --mu-r-draw-bead-hover: 1.14;
  --mu-r-draw-bead-press: 0.88;
  /* connector: DRAWING.md DR-07 and §6; the presence language (guide green, handles) */
  --mu-r-connector-halo-width: 9px;
  --mu-r-connector-end-size: 4.5px;
  --mu-r-connector-end-ring: 1.5px;
  --mu-r-connector-handle-size: 5px;
  --mu-r-connector-handle-fill: #FFFFFF;
  --mu-r-connector-handle-line: 1px;
  --mu-r-connector-label-pad-x: 7px;
  --mu-r-connector-label-pad-y: 2px;
  --mu-r-connector-label-radius: 7px;
  --mu-r-connector-hit-width: 18px;
  /* perfect: DRAWING.md DR-05 and §6 */
  --mu-r-perfect-self-line: 1.5px;
  --mu-r-perfect-self-opacity: 0.7;
  --mu-r-perfect-self-hold: 450ms;
  --mu-r-perfect-self-morph: 180ms;
  --mu-r-perfect-tune-centre: 3px;
  --mu-r-perfect-tune-dash: 3 3;
  --mu-r-perfect-tune-readout-gap: 14px;
  /* folder: the Soft Hardware sheet's stack folder (.folder, .f-back, .f-card, .f-flap, .f-count); owner 2026-09-25 (colour, physical on the canvas) */
  --mu-r-folder-self-width: 220px;
  --mu-r-folder-self-height: 204px;
  --mu-r-folder-self-perspective: 800px;
  --mu-r-folder-back-height: 150px;
  --mu-r-folder-back-radius: 26px;
  --mu-r-folder-back-tab-width: 92px;
  --mu-r-folder-back-tab-height: 40px;
  --mu-r-folder-back-tab-rise: 16px;
  --mu-r-folder-back-taper: 10px;
  --mu-r-folder-card-width: 114px;
  --mu-r-folder-card-height: 148px;
  --mu-r-folder-card-radius: 16px;
  --mu-r-folder-card-pad: 10px;
  --mu-r-folder-card-bottom: 20px;
  --mu-r-folder-card-thumb: 62px;
  --mu-r-folder-card-thumb-radius: 10px;
  --mu-r-folder-card-line: 6px;
  --mu-r-folder-card-line-lg: 8px;
  --mu-r-folder-flap-height: 106px;
  --mu-r-folder-flap-radius: 26px;
  --mu-r-folder-flap-pad-x: 16px;
  --mu-r-folder-flap-pad-bottom: 14px;
  --mu-r-folder-flap-rest: -15deg;
  --mu-r-folder-flap-hover: -45deg;
  --mu-r-folder-flap-open: -55deg;
  --mu-r-folder-flap-taper: 12px;
  --mu-r-folder-flap-frost: blur(6px) saturate(1.2);
  --mu-r-folder-count-size: 24px;
  --mu-r-folder-count-pad: 7px;
  --mu-r-folder-name-gap: 4px;
  --mu-r-folder-shape-translucency: 80%;
  --mu-r-folder-shape-shadow-blur: blur(14px);
  --mu-r-folder-fan-rest-y-back: -10px;
  --mu-r-folder-fan-rest-y-front: -10px;
  --mu-r-folder-fan-rest-r-back: 10deg;
  --mu-r-folder-fan-rest-r-front: -5deg;
  --mu-r-folder-fan-hover-y-back: -30px;
  --mu-r-folder-fan-hover-y-front: -44px;
  --mu-r-folder-fan-hover-r-back: 14deg;
  --mu-r-folder-fan-hover-r-front: -9deg;
  --mu-r-folder-fan-open-y-back: -86px;
  --mu-r-folder-fan-open-y-front: -106px;
  --mu-r-folder-fan-open-r-back: 18deg;
  --mu-r-folder-fan-open-r-front: -14deg;
  --mu-r-folder-fan-spread: 5px;
  --mu-r-folder-fan-stagger: 45ms;
  --mu-r-folder-fan-pocket-y: 70px;
  --mu-r-folder-fan-pocket-r: 4deg;
  --mu-r-folder-fan-max: 6;
  /* select: Soft Hardware materials (the button cap, the menu plate, the latched LED); Base UI Select; macOS pop-up button */
  --mu-r-select-regular-height: 32px;
  --mu-r-select-regular-radius: 11px;
  --mu-r-select-regular-pad-left: 12px;
  --mu-r-select-regular-pad-right: 8px;
  --mu-r-select-regular-gap: 8px;
  --mu-r-select-regular-font: 500 13px/1.3 var(--mu-sans);
  --mu-r-select-regular-min-width: 140px;
  --mu-r-select-compact-height: 28px;
  --mu-r-select-compact-radius: 9px;
  --mu-r-select-compact-pad-left: 10px;
  --mu-r-select-compact-pad-right: 6px;
  --mu-r-select-compact-gap: 6px;
  --mu-r-select-compact-font: 500 12.5px/1.3 var(--mu-sans);
  --mu-r-select-compact-min-width: 112px;
  --mu-r-select-chevron-size: 12px;
  --mu-r-select-error-width: 1px;
  --mu-r-select-led-size: 6px;
  --mu-r-select-led-slot: 14px;
  --mu-r-select-pop-scale: 0.97;
  --mu-r-select-pop-offset: 6px;
  /* tabs: Soft Hardware switcher track; Base UI Tabs (data-activation-direction); WAI-ARIA tabs pattern */
  --mu-r-tabs-panel-drift: 6px;
}
/* Layers in an object's own colour resolve where --mu-self is set (data-mu-self on the object). */
[data-mu-self] {
  --mu-r-swatch-self-background:
    linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,0) 45%, rgba(0,0,0,.10)),
    color-mix(in srgb, var(--mu-self) 100%, transparent);
  --mu-r-swatch-self-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 -1.5px 0 rgba(0,0,0,.18),
    inset 0 0 6px 2px rgba(255,255,255,.12),
    0 1px 2px rgba(0,0,0,.12),
    0 14px 26px -12px color-mix(in srgb, var(--mu-self) 53%, transparent);
  --mu-r-link-card-screen-background:
    radial-gradient(120% 90% at 85% 0%, color-mix(in srgb, var(--mu-self) 100%, transparent) 0%, #121316 70%);
  --mu-r-silhouette-link-background:
    radial-gradient(120% 90% at 85% 0%, color-mix(in srgb, var(--mu-self) 100%, transparent) 0%, #121316 70%);
  --mu-r-silhouette-swatch-background:
    color-mix(in srgb, var(--mu-self) 100%, transparent);
  --mu-r-silhouette-image-background:
    linear-gradient(rgba(255,255,255,.10), rgba(0,0,0,.10)),
    color-mix(in srgb, var(--mu-self) 100%, transparent);
}
:root,
[data-mu-colorway="bone"] {
  --mu-r-checkbox-self-background:
    /* mu-recipe:checkbox:0 */ linear-gradient(#E6E5E1, #EDECE8);
  --mu-r-checkbox-self-shadow:
    /* mu-recipe:checkbox:2 */ inset 1px 2px 5px -1px rgba(60,55,40,.11),
    /* mu-recipe:checkbox:3 */ inset 0 0 0 .5px rgba(24,22,16,.10),
    /* mu-recipe:checkbox:4 */ 0 .5px 0 rgba(255,255,255,.9);
  --mu-r-checkbox-self-hover-background:
    /* mu-recipe:checkbox:8 */ linear-gradient(#E1E0DC, #EAE9E5);
  --mu-r-checkbox-self-ghost-shadow:
    /* mu-recipe:checkbox:14 */ inset 0 0 0 1px rgba(40,38,32,.16),
    /* mu-recipe:checkbox:15 */ inset 0 2px 4px -2px rgba(60,55,40,.10);
  --mu-r-hover-engraving-self-background:
    /* mu-recipe:hover-engraving:0 */ rgba(252,251,249,.92);
  --mu-r-hover-engraving-self-shadow:
    /* mu-recipe:hover-engraving:2 */ inset 0 0 4px 1px rgba(255,255,255,.85),
    /* mu-recipe:hover-engraving:3 */ inset 1px 2px 2px -1px #FFFFFF,
    /* mu-recipe:hover-engraving:4 */ 0 0 0 .5px rgba(24,22,16,.05),
    /* mu-recipe:hover-engraving:5 */ 0 1px 2px rgba(24,22,16,.07),
    /* mu-recipe:hover-engraving:6 */ 0 5px 12px -4px rgba(24,22,16,.09);
  --mu-r-hover-engraving-tag-shadow:
    /* mu-recipe:hover-engraving:12 */ inset 0 0 0 .5px rgba(40,38,32,.2);
  --mu-r-hover-engraving-emphasis-color: rgba(40,38,32,.62);
  --mu-r-status-led-off-background:
    /* mu-recipe:status:7 */ #C9C8C4;
  --mu-r-status-led-off-shadow:
    /* mu-recipe:status:9 */ inset 0 1px 1px rgba(0,0,0,.2);
  --mu-r-status-badge-background:
    /* mu-recipe:status:11 */ linear-gradient(#FFFFFF, #F2F1EE);
  --mu-r-status-badge-shadow:
    /* mu-recipe:status:13 */ inset 0 0 4px 1px rgba(255,255,255,.85),
    /* mu-recipe:status:14 */ inset 1px 2px 2px -1px #FFFFFF,
    /* mu-recipe:status:15 */ 0 0 0 .5px rgba(24,22,16,.05),
    /* mu-recipe:status:16 */ 0 1px 2px rgba(24,22,16,.07),
    /* mu-recipe:status:17 */ 0 5px 12px -4px rgba(24,22,16,.09);
  --mu-r-button-self-background:
    /* mu-recipe:button:0 */ linear-gradient(#FFFFFF,#F4F3F0);
  --mu-r-button-self-shadow:
    /* mu-recipe:button:2 */ inset 0 0 4px 1px rgba(255,255,255,.9),
    /* mu-recipe:button:3 */ inset 1px 2px 2px -1px #FFFFFF,
    /* mu-recipe:button:4 */ 0 0 0 .5px rgba(0,0,0,.06),
    /* mu-recipe:button:5 */ 0 1px 2px rgba(0,0,0,.06),
    /* mu-recipe:button:6 */ 0 4px 9px -3px rgba(0,0,0,.08);
  --mu-r-button-self-pressed-background:
    /* mu-recipe:button:12 */ linear-gradient(#E9E8E4,#EFEEEA);
  --mu-r-button-self-pressed-shadow:
    /* mu-recipe:button:14 */ inset 0 2px 5px -1px rgba(60,55,40,.14),
    /* mu-recipe:button:15 */ inset 0 0 0 .5px rgba(0,0,0,.035),
    /* mu-recipe:button:16 */ inset 0 -2px 3px -2px rgba(255,255,255,.9);
  --mu-r-button-compact-background:
    /* mu-recipe:button:20 */ linear-gradient(#FFFFFF, #F2F1EE);
  --mu-r-button-compact-shadow:
    /* mu-recipe:button:22 */ inset 0 0 4px 1px rgba(255,255,255,.85),
    /* mu-recipe:button:23 */ inset 1px 2px 2px -1px #FFFFFF,
    /* mu-recipe:button:24 */ 0 0 0 .5px rgba(24,22,16,.05),
    /* mu-recipe:button:25 */ 0 1px 2px rgba(24,22,16,.07),
    /* mu-recipe:button:26 */ 0 5px 12px -4px rgba(24,22,16,.09);
  --mu-r-button-compact-pressed-shadow:
    /* mu-recipe:button:32 */ inset 0 1px 2.5px rgba(0,0,0,.14),
    /* mu-recipe:button:33 */ inset 0 0 0 .5px rgba(0,0,0,.08);
  --mu-r-button-primary-background:
    /* mu-recipe:button:39 */ linear-gradient(#38383C,#252528);
  --mu-r-button-primary-shadow:
    /* mu-recipe:button:40 */ inset 0 0 5px 1px rgba(255,255,255,.07),
    /* mu-recipe:button:41 */ inset 1px 2px 2px -1px rgba(255,255,255,.18),
    /* mu-recipe:button:42 */ 0 0 0 .5px rgba(0,0,0,.5),
    /* mu-recipe:button:43 */ 0 1px 2px rgba(0,0,0,.15),
    /* mu-recipe:button:44 */ 0 5px 12px -4px rgba(0,0,0,.22);
  --mu-r-button-primary-pressed-background:
    /* mu-recipe:button:45 */ linear-gradient(#1C1C1E,#242427);
  --mu-r-button-primary-pressed-shadow:
    /* mu-recipe:button:46 */ inset 0 1px 3px rgba(0,0,0,.6),
    /* mu-recipe:button:47 */ 0 0 0 .5px rgba(0,0,0,.7);
  --mu-r-button-primary-ink: #FFFFFF;
  --mu-r-kbd-self-background:
    /* mu-recipe:kbd:0 */ linear-gradient(#FFFFFF, #F2F1EE);
  --mu-r-kbd-self-shadow:
    /* mu-recipe:kbd:2 */ inset 0 0 4px 1px rgba(255,255,255,.85),
    /* mu-recipe:kbd:3 */ inset 1px 2px 2px -1px #FFFFFF,
    /* mu-recipe:kbd:4 */ 0 0 0 .5px rgba(24,22,16,.05),
    /* mu-recipe:kbd:5 */ 0 1px 2px rgba(24,22,16,.07),
    /* mu-recipe:kbd:6 */ 0 5px 12px -4px rgba(24,22,16,.09);
  --mu-r-surface-self-raise-background:
    /* mu-recipe:surface:0 */ linear-gradient(#FCFBF9, #F6F5F2 55%, #F0EFEB);
  --mu-r-surface-self-raise-shadow:
    /* mu-recipe:surface:2 */ inset 0 0 6px 2px rgba(255,255,255,.75),
    /* mu-recipe:surface:3 */ inset 2px 3px 3px -1px rgba(255,255,255,.95),
    /* mu-recipe:surface:4 */ inset -1px -3px 5px -2px rgba(110,100,80,.07),
    /* mu-recipe:surface:5 */ 0 0 0 .5px rgba(24,22,16,.045),
    /* mu-recipe:surface:6 */ 0 1px 2px rgba(24,22,16,.05),
    /* mu-recipe:surface:7 */ 0 8px 18px -6px rgba(24,22,16,.08),
    /* mu-recipe:surface:8 */ 0 26px 50px -16px rgba(24,22,16,.13),
    /* mu-recipe:surface:9 */ 0 52px 96px -36px rgba(24,22,16,.13);
  --mu-r-surface-self-raise-lite-background:
    /* mu-recipe:surface:18 */ linear-gradient(#FCFBF9, #F6F5F2 55%, #F0EFEB);
  --mu-r-surface-self-raise-lite-shadow:
    /* mu-recipe:surface:20 */ inset 0 0 6px 2px rgba(255,255,255,.75),
    /* mu-recipe:surface:21 */ inset 2px 3px 3px -1px rgba(255,255,255,.95),
    /* mu-recipe:surface:22 */ inset -1px -3px 5px -2px rgba(110,100,80,.06),
    /* mu-recipe:surface:23 */ 0 0 0 .5px rgba(24,22,16,.04),
    /* mu-recipe:surface:24 */ 0 1px 2px rgba(24,22,16,.04),
    /* mu-recipe:surface:25 */ 0 8px 18px -8px rgba(24,22,16,.08),
    /* mu-recipe:surface:26 */ 0 22px 40px -18px rgba(24,22,16,.10);
  --mu-r-surface-self-raise-sm-background:
    /* mu-recipe:surface:34 */ linear-gradient(#FFFFFF, #F2F1EE);
  --mu-r-surface-self-raise-sm-shadow:
    /* mu-recipe:surface:36 */ inset 0 0 4px 1px rgba(255,255,255,.85),
    /* mu-recipe:surface:37 */ inset 1px 2px 2px -1px #FFFFFF,
    /* mu-recipe:surface:38 */ 0 0 0 .5px rgba(24,22,16,.05),
    /* mu-recipe:surface:39 */ 0 1px 2px rgba(24,22,16,.07),
    /* mu-recipe:surface:40 */ 0 5px 12px -4px rgba(24,22,16,.09);
  --mu-r-surface-self-frost-background:
    /* mu-recipe:surface:46 */ rgba(251,250,248,.82);
  --mu-r-surface-self-frost-shadow:
    /* mu-recipe:surface:48 */ inset 0 0 6px 2px rgba(255,255,255,.75),
    /* mu-recipe:surface:49 */ inset 2px 3px 3px -1px rgba(255,255,255,.95),
    /* mu-recipe:surface:50 */ inset -1px -3px 5px -2px rgba(110,100,80,.07),
    /* mu-recipe:surface:51 */ 0 0 0 .5px rgba(24,22,16,.045),
    /* mu-recipe:surface:52 */ 0 1px 2px rgba(24,22,16,.05),
    /* mu-recipe:surface:53 */ 0 8px 18px -6px rgba(24,22,16,.08),
    /* mu-recipe:surface:54 */ 0 26px 50px -16px rgba(24,22,16,.13),
    /* mu-recipe:surface:55 */ 0 52px 96px -36px rgba(24,22,16,.13);
  --mu-r-surface-self-plate-background:
    /* mu-recipe:surface:64 */ rgba(251,250,248,.84);
  --mu-r-surface-self-plate-shadow:
    /* mu-recipe:surface:66 */ inset 0 0 6px 2px rgba(255,255,255,.75),
    /* mu-recipe:surface:67 */ inset 2px 3px 3px -1px rgba(255,255,255,.95),
    /* mu-recipe:surface:68 */ inset -1px -3px 5px -2px rgba(110,100,80,.07),
    /* mu-recipe:surface:69 */ 0 0 0 .5px rgba(24,22,16,.045),
    /* mu-recipe:surface:70 */ 0 1px 2px rgba(24,22,16,.05),
    /* mu-recipe:surface:71 */ 0 8px 18px -6px rgba(24,22,16,.08),
    /* mu-recipe:surface:72 */ 0 26px 50px -16px rgba(24,22,16,.13),
    /* mu-recipe:surface:73 */ 0 52px 96px -36px rgba(24,22,16,.13);
  --mu-r-surface-self-panel-background:
    /* mu-recipe:surface:82 */ rgba(251,250,248,.86);
  --mu-r-surface-self-panel-shadow:
    /* mu-recipe:surface:84 */ inset 0 0 6px 2px rgba(255,255,255,.75),
    /* mu-recipe:surface:85 */ inset 2px 3px 3px -1px rgba(255,255,255,.95),
    /* mu-recipe:surface:86 */ inset -1px -3px 5px -2px rgba(110,100,80,.07),
    /* mu-recipe:surface:87 */ 0 0 0 .5px rgba(24,22,16,.045),
    /* mu-recipe:surface:88 */ 0 1px 2px rgba(24,22,16,.05),
    /* mu-recipe:surface:89 */ 0 8px 18px -6px rgba(24,22,16,.08),
    /* mu-recipe:surface:90 */ 0 26px 50px -16px rgba(24,22,16,.13),
    /* mu-recipe:surface:91 */ 0 52px 96px -36px rgba(24,22,16,.13);
  --mu-r-surface-self-pop-background:
    /* mu-recipe:surface:100 */ rgba(251,250,248,.92);
  --mu-r-surface-self-pop-shadow:
    /* mu-recipe:surface:102 */ inset 0 0 6px 2px rgba(255,255,255,.75),
    /* mu-recipe:surface:103 */ inset 2px 3px 3px -1px rgba(255,255,255,.95),
    /* mu-recipe:surface:104 */ inset -1px -3px 5px -2px rgba(110,100,80,.07),
    /* mu-recipe:surface:105 */ 0 0 0 .5px rgba(24,22,16,.045),
    /* mu-recipe:surface:106 */ 0 1px 2px rgba(24,22,16,.05),
    /* mu-recipe:surface:107 */ 0 8px 18px -6px rgba(24,22,16,.08),
    /* mu-recipe:surface:108 */ 0 26px 50px -16px rgba(24,22,16,.13),
    /* mu-recipe:surface:109 */ 0 52px 96px -36px rgba(24,22,16,.13);
  --mu-r-surface-self-tip-background:
    /* mu-recipe:surface:118 */ rgba(252,251,249,.92);
  --mu-r-surface-self-tip-shadow:
    /* mu-recipe:surface:120 */ inset 0 0 4px 1px rgba(255,255,255,.85),
    /* mu-recipe:surface:121 */ inset 1px 2px 2px -1px #FFFFFF,
    /* mu-recipe:surface:122 */ 0 0 0 .5px rgba(24,22,16,.05),
    /* mu-recipe:surface:123 */ 0 1px 2px rgba(24,22,16,.07),
    /* mu-recipe:surface:124 */ 0 5px 12px -4px rgba(24,22,16,.09);
  --mu-r-surface-self-lens-background:
    /* mu-recipe:surface:130 */ linear-gradient(rgba(252,251,249,.55), rgba(246,245,242,.45));
  --mu-r-surface-self-lens-shadow:
    /* mu-recipe:surface:132 */ inset 0 0 6px 2px rgba(255,255,255,.75),
    /* mu-recipe:surface:133 */ inset 2px 3px 3px -1px rgba(255,255,255,.95),
    /* mu-recipe:surface:134 */ inset -1px -3px 5px -2px rgba(110,100,80,.06),
    /* mu-recipe:surface:135 */ 0 0 0 .5px rgba(24,22,16,.04),
    /* mu-recipe:surface:136 */ 0 1px 2px rgba(24,22,16,.04),
    /* mu-recipe:surface:137 */ 0 8px 18px -8px rgba(24,22,16,.08),
    /* mu-recipe:surface:138 */ 0 22px 40px -18px rgba(24,22,16,.10);
  --mu-r-well-self-field-background:
    /* mu-recipe:well:0 */ linear-gradient(#E6E5E1, #EDECE8);
  --mu-r-well-self-field-shadow:
    /* mu-recipe:well:2 */ inset 1px 2px 5px -1px rgba(60,55,40,.11),
    /* mu-recipe:well:3 */ inset 0 0 0 .5px rgba(24,22,16,.10),
    /* mu-recipe:well:4 */ 0 .5px 0 rgba(255,255,255,.9);
  --mu-r-well-self-track-background:
    /* mu-recipe:well:8 */ linear-gradient(#E1E0DC, #EAE9E5);
  --mu-r-well-self-track-shadow:
    /* mu-recipe:well:10 */ inset 1px 2px 5px -1px rgba(60,55,40,.11),
    /* mu-recipe:well:11 */ inset 0 0 0 .5px rgba(24,22,16,.10),
    /* mu-recipe:well:12 */ 0 .5px 0 rgba(255,255,255,.9);
  --mu-r-well-self-region-background:
    /* mu-recipe:well:20 */ radial-gradient(circle at 1px 1px, rgba(40,38,32,.11) .8px, transparent 1.3px) 7px 7px / 16px 16px,
    /* mu-recipe:well:21 */ linear-gradient(rgba(255,255,255,.55), rgba(255,255,255,.4));
  --mu-r-well-self-region-shadow:
    /* mu-recipe:well:24 */ 0 0 0 .5px rgba(24,22,16,.08),
    /* mu-recipe:well:25 */ 0 1px 1.5px rgba(24,22,16,.05),
    /* mu-recipe:well:26 */ 0 4px 12px -6px rgba(24,22,16,.07);
  --mu-r-well-self-region-over-background:
    /* mu-recipe:well:30 */ radial-gradient(circle at 1px 1px, rgba(40,38,32,.11) .8px, transparent 1.3px) 7px 7px / 16px 16px,
    /* mu-recipe:well:32 */ linear-gradient(rgba(120,214,165,.09), rgba(120,214,165,.05));
  --mu-r-well-self-region-over-shadow:
    /* mu-recipe:well:33 */ 0 0 0 1px rgba(63,185,122,.45),
    /* mu-recipe:well:34 */ 0 2px 3px rgba(24,22,16,.06),
    /* mu-recipe:well:35 */ 0 10px 24px -10px rgba(24,22,16,.12);
  --mu-r-label-engraved-text-shadow:
    /* mu-recipe:label:0 */ 0 1px 0 rgba(255,255,255,.95);
  --mu-r-label-engraved-color: rgba(40,38,32,.46);
  --mu-r-label-title-color: #1B1B1D;
  --mu-r-label-heading-color: #1B1B1D;
  --mu-r-label-count-color: #9A9A9D;
  --mu-r-label-query-color: #1B1B1D;
  --mu-r-label-value-color: #1B1B1D;
  --mu-r-label-value-small-color: #1B1B1D;
  --mu-r-label-cell-color: #5C5C60;
  --mu-r-label-display-color: #1B1B1D;
  --mu-r-label-display-quiet-color: #9A9A9D;
  --mu-r-label-accent-color: #2F9E63;
  --mu-r-label-placeholder-color: #9A9A9D;
  --mu-r-label-emphasis-color: rgba(40,38,32,.62);
  --mu-r-label-name-color: #1B1B1D;
  --mu-r-label-detail-color: #6E6E73;
  --mu-r-rule-self-background:
    /* mu-recipe:rule:0 */ rgba(0,0,0,.075);
  --mu-r-rule-self-shadow:
    /* mu-recipe:rule:2 */ 1px 0 0 rgba(255,255,255,.8);
  --mu-r-mark-tag-background:
    /* mu-recipe:mark:0 */ rgba(40,38,32,.05);
  --mu-r-mark-tag-shadow:
    /* mu-recipe:mark:2 */ inset 0 0 3px 1px rgba(255,255,255,.7),
    /* mu-recipe:mark:3 */ inset 0 0 0 .5px rgba(0,0,0,.04);
  --mu-r-mark-derived-shadow:
    /* mu-recipe:mark:6 */ inset 0 0 0 .5px rgba(40,38,32,.18);
  --mu-r-icon-button-ghost-hover-background:
    /* mu-recipe:icon-button:12 */ rgba(0,0,0,.05);
  --mu-r-icon-button-mini-hover-background:
    /* mu-recipe:icon-button:14 */ rgba(0,0,0,.06);
  --mu-r-icon-button-ghost-ink: #5C5C60;
  --mu-r-icon-button-ghost-ink-hover: #1B1B1D;
  --mu-r-icon-button-mini-ink: #9A9A9D;
  --mu-r-icon-button-mini-ink-hover: #1B1B1D;
  --mu-r-chip-suggestion-background:
    /* mu-recipe:chip:0 */ rgba(252,251,249,.7);
  --mu-r-chip-suggestion-shadow:
    /* mu-recipe:chip:2 */ inset 0 0 0 .5px rgba(63,185,122,.4),
    /* mu-recipe:chip:3 */ inset 0 0 4px 1px rgba(255,255,255,.85),
    /* mu-recipe:chip:4 */ inset 1px 2px 2px -1px #FFFFFF,
    /* mu-recipe:chip:5 */ 0 0 0 .5px rgba(24,22,16,.05),
    /* mu-recipe:chip:6 */ 0 1px 2px rgba(24,22,16,.07),
    /* mu-recipe:chip:7 */ 0 5px 12px -4px rgba(24,22,16,.09);
  --mu-r-chip-tag-shadow:
    /* mu-recipe:chip:18 */ inset 0 0 0 .5px rgba(40,38,32,.2);
  --mu-r-chip-suggestion-ink: #5C5C60;
  --mu-r-chip-tag-ink: rgba(40,38,32,.46);
  --mu-r-field-field-ink: #1B1B1D;
  --mu-r-field-field-hint: #9A9A9D;
  --mu-r-sparkline-line-color: #5C5C60;
  --mu-r-sparkline-dot-fill: #FCFBF9;
  --mu-r-sparkline-dot-ring: #5C5C60;
  --mu-r-sparkline-base-color: rgba(40,38,32,.1);
  --mu-r-dialog-scrim-color: rgba(243,243,241,.25);
  --mu-r-slider-mark-color: rgba(40,38,32,.28);
  --mu-r-slider-tick-color: rgba(40,38,32,.18);
  --mu-r-switcher-self-background:
    /* mu-recipe:switcher:0 */ linear-gradient(#E1E0DC, #EAE9E5);
  --mu-r-switcher-self-shadow:
    /* mu-recipe:switcher:2 */ inset 1px 2px 5px -1px rgba(60,55,40,.11),
    /* mu-recipe:switcher:3 */ inset 0 0 0 .5px rgba(24,22,16,.10),
    /* mu-recipe:switcher:4 */ 0 .5px 0 rgba(255,255,255,.9);
  --mu-r-switcher-thumb-background:
    /* mu-recipe:switcher:8 */ linear-gradient(#FFFFFF, #F4F3F0);
  --mu-r-switcher-thumb-shadow:
    /* mu-recipe:switcher:10 */ inset 0 0 4px 1px rgba(255,255,255,.85),
    /* mu-recipe:switcher:11 */ inset 1px 2px 2px -1px #FFFFFF,
    /* mu-recipe:switcher:12 */ 0 0 0 .5px rgba(24,22,16,.05),
    /* mu-recipe:switcher:13 */ 0 1px 2px rgba(24,22,16,.07),
    /* mu-recipe:switcher:14 */ 0 5px 12px -4px rgba(24,22,16,.09);
  --mu-r-switcher-option-ink: #5C5C60;
  --mu-r-switcher-option-ink-on: #1B1B1D;
  --mu-r-menu-self-background:
    /* mu-recipe:menu:0 */ rgba(251,250,248,.92);
  --mu-r-menu-self-shadow:
    /* mu-recipe:menu:2 */ inset 0 0 6px 2px rgba(255,255,255,.75),
    /* mu-recipe:menu:3 */ inset 2px 3px 3px -1px rgba(255,255,255,.95),
    /* mu-recipe:menu:4 */ inset -1px -3px 5px -2px rgba(110,100,80,.07),
    /* mu-recipe:menu:5 */ 0 0 0 .5px rgba(24,22,16,.045),
    /* mu-recipe:menu:6 */ 0 1px 2px rgba(24,22,16,.05),
    /* mu-recipe:menu:7 */ 0 8px 18px -6px rgba(24,22,16,.08),
    /* mu-recipe:menu:8 */ 0 26px 50px -16px rgba(24,22,16,.13),
    /* mu-recipe:menu:9 */ 0 52px 96px -36px rgba(24,22,16,.13);
  --mu-r-menu-row-hover-background:
    /* mu-recipe:menu:18 */ rgba(0,0,0,.05);
  --mu-r-menu-sep-background:
    /* mu-recipe:menu:20 */ rgba(0,0,0,.075);
  --mu-r-menu-sep-shadow:
    /* mu-recipe:menu:22 */ 0 1px 0 rgba(255,255,255,.5);
  --mu-r-row-list-hover-background:
    /* mu-recipe:row:0 */ rgba(255,255,255,.7);
  --mu-r-row-list-hover-shadow:
    /* mu-recipe:row:2 */ inset 0 0 4px 1px rgba(255,255,255,.85),
    /* mu-recipe:row:3 */ inset 1px 2px 2px -1px #FFFFFF,
    /* mu-recipe:row:4 */ 0 0 0 .5px rgba(24,22,16,.05),
    /* mu-recipe:row:5 */ 0 1px 2px rgba(24,22,16,.07),
    /* mu-recipe:row:6 */ 0 5px 12px -4px rgba(24,22,16,.09);
  --mu-r-row-panel-hover-background:
    /* mu-recipe:row:12 */ rgba(255,255,255,.75);
  --mu-r-row-panel-hover-shadow:
    /* mu-recipe:row:14 */ inset 0 0 4px 1px rgba(255,255,255,.85),
    /* mu-recipe:row:15 */ inset 1px 2px 2px -1px #FFFFFF,
    /* mu-recipe:row:16 */ 0 0 0 .5px rgba(24,22,16,.05),
    /* mu-recipe:row:17 */ 0 1px 2px rgba(24,22,16,.07),
    /* mu-recipe:row:18 */ 0 5px 12px -4px rgba(24,22,16,.09);
  --mu-r-row-option-on-background:
    /* mu-recipe:row:24 */ linear-gradient(#FFFFFF, #F6F5F2);
  --mu-r-row-option-on-shadow:
    /* mu-recipe:row:26 */ inset 0 0 4px 1px rgba(255,255,255,.85),
    /* mu-recipe:row:27 */ inset 1px 2px 2px -1px #FFFFFF,
    /* mu-recipe:row:28 */ 0 0 0 .5px rgba(24,22,16,.05),
    /* mu-recipe:row:29 */ 0 1px 2px rgba(24,22,16,.07),
    /* mu-recipe:row:30 */ 0 5px 12px -4px rgba(24,22,16,.09);
  --mu-r-row-text-checked: #9A9A9D;
  --mu-r-glyph-ink-ink: #1B1B1D;
  --mu-r-glyph-ink-ink2: #5C5C60;
  --mu-r-glyph-ink-ink3: #9A9A9D;
  --mu-r-silhouette-file-background:
    /* mu-recipe:silhouette:9 */ linear-gradient(#FCFBF9, #F0EFEB);
  --mu-r-silhouette-file-shadow:
    /* mu-recipe:silhouette:11 */ 0 0 0 .5px rgba(24,22,16,.08);
  --mu-r-silhouette-region-background:
    /* mu-recipe:silhouette:13 */ linear-gradient(rgba(40,38,32,.05), rgba(40,38,32,.025));
  --mu-r-silhouette-region-shadow:
    /* mu-recipe:silhouette:15 */ inset 0 0 0 1px rgba(40,38,32,.08);
  --mu-r-silhouette-text-ink: rgba(27,27,29,.16);
  --mu-r-silhouette-region-ink: rgba(40,38,32,.42);
  --mu-r-switch-self-background:
    /* mu-recipe:switch:0 */ linear-gradient(#E1E0DC, #EAE9E5);
  --mu-r-switch-self-shadow:
    /* mu-recipe:switch:2 */ inset 1px 2px 5px -1px rgba(60,55,40,.11),
    /* mu-recipe:switch:3 */ inset 0 0 0 .5px rgba(24,22,16,.10),
    /* mu-recipe:switch:4 */ 0 .5px 0 rgba(255,255,255,.9);
  --mu-r-switch-thumb-background:
    /* mu-recipe:switch:11 */ linear-gradient(#FFFFFF, #F4F3F0);
  --mu-r-switch-thumb-shadow:
    /* mu-recipe:switch:13 */ inset 0 0 4px 1px rgba(255,255,255,.85),
    /* mu-recipe:switch:14 */ inset 1px 2px 2px -1px #FFFFFF,
    /* mu-recipe:switch:15 */ 0 0 0 .5px rgba(24,22,16,.05),
    /* mu-recipe:switch:16 */ 0 1px 2px rgba(24,22,16,.07),
    /* mu-recipe:switch:17 */ 0 5px 12px -4px rgba(24,22,16,.09);
  --mu-r-brush-self-ring-ink: rgba(255,255,255,.75);
  --mu-r-brush-self-edge-ink: rgba(27,27,29,.35);
  --mu-r-brush-eraser-ink: rgba(27,27,29,.45);
  --mu-r-draw-ink-ink: #1B1B1D;
  --mu-r-draw-bead-gloss: inset 0 1px 1px rgba(255,255,255,.45), inset 0 -1.5px 2px rgba(0,0,0,.22), 0 0 0 .5px rgba(0,0,0,.18), 0 1px 2px rgba(0,0,0,.12);
  --mu-r-connector-halo-ink: rgba(63,185,122,.24);
  --mu-r-connector-end-ring-ink: #FFFFFF;
  --mu-r-connector-end-free-fill: #FFFFFF;
  --mu-r-folder-back-shadow: inset 0 0 6px 2px rgba(255,255,255,.55), inset 0 10px 18px -10px rgba(90,80,60,.10), 0 1px 2px rgba(24,22,16,.05), 0 10px 22px -8px rgba(24,22,16,.08), 0 30px 56px -18px rgba(24,22,16,.14), 0 56px 100px -40px rgba(24,22,16,.12);
  --mu-r-folder-back-tab-shadow: inset 0 0 6px 2px rgba(255,255,255,.55);
  --mu-r-folder-hue-neutral-top: #E4E3DE;
  --mu-r-folder-hue-neutral-bottom: #DAD9D4;
  --mu-r-folder-hue-red-top: #F1D8CF;
  --mu-r-folder-hue-red-bottom: #E7C5B9;
  --mu-r-folder-hue-amber-top: #F2E4C6;
  --mu-r-folder-hue-amber-bottom: #E9D5AC;
  --mu-r-folder-hue-green-top: #D8E8D7;
  --mu-r-folder-hue-green-bottom: #C7DCC6;
  --mu-r-folder-hue-blue-top: #D6E2F0;
  --mu-r-folder-hue-blue-bottom: #C3D3E7;
  --mu-r-folder-hue-violet-top: #E2DAED;
  --mu-r-folder-hue-violet-bottom: #D3C8E3;
  --mu-r-folder-wash-neutral: rgba(0,0,0,0);
  --mu-r-folder-wash-red: rgba(216,69,59,.10);
  --mu-r-folder-wash-amber: rgba(224,161,42,.12);
  --mu-r-folder-wash-green: rgba(63,185,122,.10);
  --mu-r-folder-wash-blue: rgba(36,87,242,.08);
  --mu-r-folder-wash-violet: rgba(124,92,196,.09);
  --mu-r-folder-card-background: #F1F1F1;
  --mu-r-folder-card-border: #E0E0E0;
  --mu-r-folder-card-shadow: inset 3px 5px 3px -2px #FFFFFF, 0 1px 2px rgba(0,0,0,.05), 0 6px 14px -6px rgba(0,0,0,.12);
  --mu-r-folder-card-line-ink: #D4D4D4;
  --mu-r-folder-card-line-lg-ink: #C9C9C9;
  --mu-r-folder-card-line-blue: #B9CCF7;
  --mu-r-folder-flap-border: rgba(151,151,151,.28);
  --mu-r-folder-flap-shadow: inset 0 1px 2.65px rgba(0,0,0,.08), inset 0 0 6px 2px rgba(255,255,255,.55), inset 2px 3px 4px -2px rgba(255,255,255,.9), 0 -1px 2px rgba(0,0,0,.02), 0 8px 18px -8px rgba(24,22,16,.10);
  --mu-r-folder-flap-lift: #FFFFFF;
  --mu-r-folder-flap-fill-opacity: 0.62;
  --mu-r-folder-count-background: rgba(255,255,255,.7);
  --mu-r-folder-count-shadow: inset 0 0 4px 1px rgba(255,255,255,.9), inset 1px 2px 2px -1px #fff, 0 0 0 .5px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.06);
  --mu-r-folder-shape-edge: rgba(24,22,16,.10);
  --mu-r-folder-shape-light: rgba(255,255,255,.95);
  --mu-r-folder-shade-ink: rgba(24,22,16,.16);
  --mu-r-folder-region-wash-neutral: rgba(0,0,0,0);
  --mu-r-folder-region-wash-red: rgba(216,69,59,.09);
  --mu-r-folder-region-wash-amber: rgba(224,161,42,.11);
  --mu-r-folder-region-wash-green: rgba(63,185,122,.10);
  --mu-r-folder-region-wash-blue: rgba(36,87,242,.08);
  --mu-r-folder-region-wash-violet: rgba(124,92,196,.09);
  --mu-r-folder-region-ring-neutral: rgba(0,0,0,0);
  --mu-r-folder-region-ring-red: rgba(216,69,59,.22);
  --mu-r-folder-region-ring-amber: rgba(224,161,42,.22);
  --mu-r-folder-region-ring-green: rgba(63,185,122,.22);
  --mu-r-folder-region-ring-blue: rgba(36,87,242,.22);
  --mu-r-folder-region-ring-violet: rgba(124,92,196,.22);
  --mu-r-select-chevron-ink: #8E8E93;
  --mu-r-select-veil-hover: rgba(255,255,255,.4);
  --mu-r-select-error-ring: rgba(216,69,59,.55);
}
[data-mu-colorway="graphite"] {
  --mu-r-checkbox-self-background:
    /* mu-recipe:checkbox:1 */ linear-gradient(#141415, #18181A);
  --mu-r-checkbox-self-shadow:
    /* mu-recipe:checkbox:5 */ inset 1px 2px 5px -1px rgba(0,0,0,.6),
    /* mu-recipe:checkbox:6 */ inset 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:checkbox:7 */ 0 .5px 0 rgba(255,255,255,.07);
  --mu-r-checkbox-self-hover-background:
    /* mu-recipe:checkbox:9 */ linear-gradient(#1A1A1C, #1F1F21);
  --mu-r-checkbox-self-ghost-shadow:
    /* mu-recipe:checkbox:16 */ inset 0 0 0 1px rgba(255,255,255,.18),
    /* mu-recipe:checkbox:17 */ inset 0 2px 4px -2px rgba(0,0,0,.4);
  --mu-r-hover-engraving-self-background:
    /* mu-recipe:hover-engraving:1 */ rgba(34,34,37,.92);
  --mu-r-hover-engraving-self-shadow:
    /* mu-recipe:hover-engraving:7 */ inset 0 0 4px 1px rgba(255,255,255,.06),
    /* mu-recipe:hover-engraving:8 */ inset 1px 2px 2px -1px rgba(255,255,255,.12),
    /* mu-recipe:hover-engraving:9 */ 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:hover-engraving:10 */ 0 1px 2px rgba(0,0,0,.3),
    /* mu-recipe:hover-engraving:11 */ 0 5px 12px -4px rgba(0,0,0,.3);
  --mu-r-hover-engraving-tag-shadow:
    /* mu-recipe:hover-engraving:13 */ inset 0 0 0 .5px rgba(255,255,255,.2);
  --mu-r-hover-engraving-emphasis-color: rgba(255,255,255,.55);
  --mu-r-status-led-off-background:
    /* mu-recipe:status:8 */ radial-gradient(circle at 40% 35%, #8B8B8E 0 18%, #6A6A6D 50%, #4A4A4D);
  --mu-r-status-led-off-shadow:
    /* mu-recipe:status:10 */ 0 0 0 .5px rgba(0,0,0,.25);
  --mu-r-status-badge-background:
    /* mu-recipe:status:12 */ linear-gradient(#313134, #28282B);
  --mu-r-status-badge-shadow:
    /* mu-recipe:status:18 */ inset 0 0 4px 1px rgba(255,255,255,.06),
    /* mu-recipe:status:19 */ inset 1px 2px 2px -1px rgba(255,255,255,.12),
    /* mu-recipe:status:20 */ 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:status:21 */ 0 1px 2px rgba(0,0,0,.3),
    /* mu-recipe:status:22 */ 0 5px 12px -4px rgba(0,0,0,.3);
  --mu-r-button-self-background:
    /* mu-recipe:button:1 */ linear-gradient(#313134,#28282B);
  --mu-r-button-self-shadow:
    /* mu-recipe:button:7 */ inset 0 0 4px 1px rgba(255,255,255,.05),
    /* mu-recipe:button:8 */ inset 1px 2px 2px -1px rgba(255,255,255,.10),
    /* mu-recipe:button:9 */ 0 0 0 .5px rgba(0,0,0,.6),
    /* mu-recipe:button:10 */ 0 1px 2px rgba(0,0,0,.3),
    /* mu-recipe:button:11 */ 0 4px 9px -3px rgba(0,0,0,.3);
  --mu-r-button-self-pressed-background:
    /* mu-recipe:button:13 */ linear-gradient(#18181A,#1C1C1E);
  --mu-r-button-self-pressed-shadow:
    /* mu-recipe:button:17 */ inset 0 2px 5px -1px rgba(0,0,0,.65),
    /* mu-recipe:button:18 */ inset 0 0 0 .5px rgba(0,0,0,.5),
    /* mu-recipe:button:19 */ inset 0 -2px 3px -2px rgba(255,255,255,.05);
  --mu-r-button-compact-background:
    /* mu-recipe:button:21 */ linear-gradient(#313134, #28282B);
  --mu-r-button-compact-shadow:
    /* mu-recipe:button:27 */ inset 0 0 4px 1px rgba(255,255,255,.06),
    /* mu-recipe:button:28 */ inset 1px 2px 2px -1px rgba(255,255,255,.12),
    /* mu-recipe:button:29 */ 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:button:30 */ 0 1px 2px rgba(0,0,0,.3),
    /* mu-recipe:button:31 */ 0 5px 12px -4px rgba(0,0,0,.3);
  --mu-r-button-compact-pressed-shadow:
    /* mu-recipe:button:34 */ inset 0 1px 2.5px rgba(0,0,0,.6),
    /* mu-recipe:button:35 */ inset 0 0 0 .5px rgba(0,0,0,.5);
  --mu-r-button-primary-background:
    /* mu-recipe:button:58 */ linear-gradient(#F4F3F0,#E4E3DF);
  --mu-r-button-primary-shadow:
    /* mu-recipe:button:59 */ inset 0 0 4px 1px rgba(255,255,255,.7),
    /* mu-recipe:button:60 */ inset 1px 2px 2px -1px #FFFFFF,
    /* mu-recipe:button:61 */ 0 0 0 .5px rgba(0,0,0,.6),
    /* mu-recipe:button:62 */ 0 1px 2px rgba(0,0,0,.35),
    /* mu-recipe:button:63 */ 0 5px 12px -4px rgba(0,0,0,.45);
  --mu-r-button-primary-pressed-background:
    /* mu-recipe:button:64 */ linear-gradient(#DAD9D5,#E3E2DE);
  --mu-r-button-primary-pressed-shadow:
    /* mu-recipe:button:65 */ inset 0 1px 3px rgba(0,0,0,.28),
    /* mu-recipe:button:66 */ 0 0 0 .5px rgba(0,0,0,.6);
  --mu-r-button-primary-ink: #1B1B1D;
  --mu-r-kbd-self-background:
    /* mu-recipe:kbd:1 */ linear-gradient(#35353A,#2A2A2D);
  --mu-r-kbd-self-shadow:
    /* mu-recipe:kbd:7 */ inset 0 0 4px 1px rgba(255,255,255,.06),
    /* mu-recipe:kbd:8 */ inset 1px 2px 2px -1px rgba(255,255,255,.12),
    /* mu-recipe:kbd:9 */ 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:kbd:10 */ 0 1px 2px rgba(0,0,0,.3),
    /* mu-recipe:kbd:11 */ 0 5px 12px -4px rgba(0,0,0,.3);
  --mu-r-surface-self-raise-background:
    /* mu-recipe:surface:1 */ linear-gradient(#2C2C2F, #252527 55%, #202022);
  --mu-r-surface-self-raise-shadow:
    /* mu-recipe:surface:10 */ inset 0 0 6px 2px rgba(255,255,255,.055),
    /* mu-recipe:surface:11 */ inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
    /* mu-recipe:surface:12 */ inset -1px -3px 5px -2px rgba(0,0,0,.35),
    /* mu-recipe:surface:13 */ 0 0 0 .5px rgba(0,0,0,.45),
    /* mu-recipe:surface:14 */ 0 1px 2px rgba(0,0,0,.22),
    /* mu-recipe:surface:15 */ 0 8px 18px -6px rgba(0,0,0,.2),
    /* mu-recipe:surface:16 */ 0 26px 50px -16px rgba(0,0,0,.34),
    /* mu-recipe:surface:17 */ 0 52px 96px -36px rgba(0,0,0,.3);
  --mu-r-surface-self-raise-lite-background:
    /* mu-recipe:surface:19 */ linear-gradient(#2C2C2F, #252527 55%, #202022);
  --mu-r-surface-self-raise-lite-shadow:
    /* mu-recipe:surface:27 */ inset 0 0 6px 2px rgba(255,255,255,.05),
    /* mu-recipe:surface:28 */ inset 1.5px 2.5px 3px -1px rgba(255,255,255,.09),
    /* mu-recipe:surface:29 */ inset -1px -3px 5px -2px rgba(0,0,0,.3),
    /* mu-recipe:surface:30 */ 0 0 0 .5px rgba(0,0,0,.4),
    /* mu-recipe:surface:31 */ 0 1px 2px rgba(0,0,0,.2),
    /* mu-recipe:surface:32 */ 0 8px 18px -8px rgba(0,0,0,.2),
    /* mu-recipe:surface:33 */ 0 22px 40px -18px rgba(0,0,0,.28);
  --mu-r-surface-self-raise-sm-background:
    /* mu-recipe:surface:35 */ linear-gradient(#313134, #28282B);
  --mu-r-surface-self-raise-sm-shadow:
    /* mu-recipe:surface:41 */ inset 0 0 4px 1px rgba(255,255,255,.06),
    /* mu-recipe:surface:42 */ inset 1px 2px 2px -1px rgba(255,255,255,.12),
    /* mu-recipe:surface:43 */ 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:surface:44 */ 0 1px 2px rgba(0,0,0,.3),
    /* mu-recipe:surface:45 */ 0 5px 12px -4px rgba(0,0,0,.3);
  --mu-r-surface-self-frost-background:
    /* mu-recipe:surface:47 */ rgba(36,36,39,.82);
  --mu-r-surface-self-frost-shadow:
    /* mu-recipe:surface:56 */ inset 0 0 6px 2px rgba(255,255,255,.055),
    /* mu-recipe:surface:57 */ inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
    /* mu-recipe:surface:58 */ inset -1px -3px 5px -2px rgba(0,0,0,.35),
    /* mu-recipe:surface:59 */ 0 0 0 .5px rgba(0,0,0,.45),
    /* mu-recipe:surface:60 */ 0 1px 2px rgba(0,0,0,.22),
    /* mu-recipe:surface:61 */ 0 8px 18px -6px rgba(0,0,0,.2),
    /* mu-recipe:surface:62 */ 0 26px 50px -16px rgba(0,0,0,.34),
    /* mu-recipe:surface:63 */ 0 52px 96px -36px rgba(0,0,0,.3);
  --mu-r-surface-self-plate-background:
    /* mu-recipe:surface:65 */ rgba(34,34,37,.84);
  --mu-r-surface-self-plate-shadow:
    /* mu-recipe:surface:74 */ inset 0 0 6px 2px rgba(255,255,255,.055),
    /* mu-recipe:surface:75 */ inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
    /* mu-recipe:surface:76 */ inset -1px -3px 5px -2px rgba(0,0,0,.35),
    /* mu-recipe:surface:77 */ 0 0 0 .5px rgba(0,0,0,.45),
    /* mu-recipe:surface:78 */ 0 1px 2px rgba(0,0,0,.22),
    /* mu-recipe:surface:79 */ 0 8px 18px -6px rgba(0,0,0,.2),
    /* mu-recipe:surface:80 */ 0 26px 50px -16px rgba(0,0,0,.34),
    /* mu-recipe:surface:81 */ 0 52px 96px -36px rgba(0,0,0,.3);
  --mu-r-surface-self-panel-background:
    /* mu-recipe:surface:83 */ rgba(34,34,37,.86);
  --mu-r-surface-self-panel-shadow:
    /* mu-recipe:surface:92 */ inset 0 0 6px 2px rgba(255,255,255,.055),
    /* mu-recipe:surface:93 */ inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
    /* mu-recipe:surface:94 */ inset -1px -3px 5px -2px rgba(0,0,0,.35),
    /* mu-recipe:surface:95 */ 0 0 0 .5px rgba(0,0,0,.45),
    /* mu-recipe:surface:96 */ 0 1px 2px rgba(0,0,0,.22),
    /* mu-recipe:surface:97 */ 0 8px 18px -6px rgba(0,0,0,.2),
    /* mu-recipe:surface:98 */ 0 26px 50px -16px rgba(0,0,0,.34),
    /* mu-recipe:surface:99 */ 0 52px 96px -36px rgba(0,0,0,.3);
  --mu-r-surface-self-pop-background:
    /* mu-recipe:surface:101 */ rgba(34,34,37,.92);
  --mu-r-surface-self-pop-shadow:
    /* mu-recipe:surface:110 */ inset 0 0 6px 2px rgba(255,255,255,.055),
    /* mu-recipe:surface:111 */ inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
    /* mu-recipe:surface:112 */ inset -1px -3px 5px -2px rgba(0,0,0,.35),
    /* mu-recipe:surface:113 */ 0 0 0 .5px rgba(0,0,0,.45),
    /* mu-recipe:surface:114 */ 0 1px 2px rgba(0,0,0,.22),
    /* mu-recipe:surface:115 */ 0 8px 18px -6px rgba(0,0,0,.2),
    /* mu-recipe:surface:116 */ 0 26px 50px -16px rgba(0,0,0,.34),
    /* mu-recipe:surface:117 */ 0 52px 96px -36px rgba(0,0,0,.3);
  --mu-r-surface-self-tip-background:
    /* mu-recipe:surface:119 */ rgba(34,34,37,.92);
  --mu-r-surface-self-tip-shadow:
    /* mu-recipe:surface:125 */ inset 0 0 4px 1px rgba(255,255,255,.06),
    /* mu-recipe:surface:126 */ inset 1px 2px 2px -1px rgba(255,255,255,.12),
    /* mu-recipe:surface:127 */ 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:surface:128 */ 0 1px 2px rgba(0,0,0,.3),
    /* mu-recipe:surface:129 */ 0 5px 12px -4px rgba(0,0,0,.3);
  --mu-r-surface-self-lens-background:
    /* mu-recipe:surface:131 */ linear-gradient(rgba(44,44,47,.55), rgba(37,37,39,.45));
  --mu-r-surface-self-lens-shadow:
    /* mu-recipe:surface:139 */ inset 0 0 6px 2px rgba(255,255,255,.05),
    /* mu-recipe:surface:140 */ inset 1.5px 2.5px 3px -1px rgba(255,255,255,.09),
    /* mu-recipe:surface:141 */ inset -1px -3px 5px -2px rgba(0,0,0,.3),
    /* mu-recipe:surface:142 */ 0 0 0 .5px rgba(0,0,0,.4),
    /* mu-recipe:surface:143 */ 0 1px 2px rgba(0,0,0,.2),
    /* mu-recipe:surface:144 */ 0 8px 18px -8px rgba(0,0,0,.2),
    /* mu-recipe:surface:145 */ 0 22px 40px -18px rgba(0,0,0,.28);
  --mu-r-well-self-field-background:
    /* mu-recipe:well:1 */ linear-gradient(#141415, #18181A);
  --mu-r-well-self-field-shadow:
    /* mu-recipe:well:5 */ inset 1px 2px 5px -1px rgba(0,0,0,.6),
    /* mu-recipe:well:6 */ inset 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:well:7 */ 0 .5px 0 rgba(255,255,255,.07);
  --mu-r-well-self-track-background:
    /* mu-recipe:well:9 */ linear-gradient(#121213, #161617);
  --mu-r-well-self-track-shadow:
    /* mu-recipe:well:13 */ inset 1px 2px 5px -1px rgba(0,0,0,.6),
    /* mu-recipe:well:14 */ inset 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:well:15 */ 0 .5px 0 rgba(255,255,255,.07);
  --mu-r-well-self-region-background:
    /* mu-recipe:well:22 */ radial-gradient(circle at 1px 1px, rgba(255,255,255,.07) .8px, transparent 1.3px) 7px 7px / 16px 16px,
    /* mu-recipe:well:23 */ linear-gradient(rgba(255,255,255,.035), rgba(255,255,255,.02));
  --mu-r-well-self-region-shadow:
    /* mu-recipe:well:27 */ 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:well:28 */ 0 1px 1.5px rgba(0,0,0,.35),
    /* mu-recipe:well:29 */ 0 4px 12px -6px rgba(0,0,0,.4);
  --mu-r-well-self-region-over-background:
    /* mu-recipe:well:31 */ radial-gradient(circle at 1px 1px, rgba(255,255,255,.07) .8px, transparent 1.3px) 7px 7px / 16px 16px,
    linear-gradient(rgba(120,214,165,.09), rgba(120,214,165,.05));
  --mu-r-well-self-region-over-shadow:
    0 0 0 1px rgba(63,185,122,.45),
    /* mu-recipe:well:36 */ 0 2px 3px rgba(0,0,0,.4),
    /* mu-recipe:well:37 */ 0 10px 24px -10px rgba(0,0,0,.5);
  --mu-r-label-engraved-text-shadow:
    /* mu-recipe:label:1 */ 0 .5px 0 rgba(0,0,0,.35);
  --mu-r-label-engraved-color: rgba(255,255,255,.38);
  --mu-r-label-title-color: #F2F2F0;
  --mu-r-label-heading-color: #F2F2F0;
  --mu-r-label-count-color: #77777B;
  --mu-r-label-query-color: #F2F2F0;
  --mu-r-label-value-color: #F2F2F0;
  --mu-r-label-value-small-color: #F2F2F0;
  --mu-r-label-cell-color: #A6A6A9;
  --mu-r-label-display-color: #F2F2F0;
  --mu-r-label-display-quiet-color: #77777B;
  --mu-r-label-accent-color: #5FCB93;
  --mu-r-label-placeholder-color: #77777B;
  --mu-r-label-emphasis-color: rgba(255,255,255,.55);
  --mu-r-label-name-color: #F2F2F0;
  --mu-r-label-detail-color: #8E8E93;
  --mu-r-rule-self-background:
    /* mu-recipe:rule:1 */ rgba(0,0,0,.45);
  --mu-r-rule-self-shadow:
    /* mu-recipe:rule:3 */ 1px 0 0 rgba(255,255,255,.035);
  --mu-r-mark-tag-background:
    /* mu-recipe:mark:1 */ rgba(255,255,255,.06);
  --mu-r-mark-tag-shadow:
    /* mu-recipe:mark:4 */ inset 0 0 3px 1px rgba(255,255,255,.04),
    /* mu-recipe:mark:5 */ inset 0 0 0 .5px rgba(0,0,0,.3);
  --mu-r-mark-derived-shadow:
    /* mu-recipe:mark:7 */ inset 0 0 0 .5px rgba(255,255,255,.2);
  --mu-r-icon-button-ghost-hover-background:
    /* mu-recipe:icon-button:13 */ rgba(255,255,255,.08);
  --mu-r-icon-button-mini-hover-background:
    /* mu-recipe:icon-button:15 */ rgba(255,255,255,.08);
  --mu-r-icon-button-ghost-ink: #A6A6A9;
  --mu-r-icon-button-ghost-ink-hover: #F2F2F0;
  --mu-r-icon-button-mini-ink: #77777B;
  --mu-r-icon-button-mini-ink-hover: #F2F2F0;
  --mu-r-chip-suggestion-background:
    /* mu-recipe:chip:1 */ rgba(44,44,47,.7);
  --mu-r-chip-suggestion-shadow:
    inset 0 0 0 .5px rgba(63,185,122,.4),
    /* mu-recipe:chip:8 */ inset 0 0 4px 1px rgba(255,255,255,.06),
    /* mu-recipe:chip:9 */ inset 1px 2px 2px -1px rgba(255,255,255,.12),
    /* mu-recipe:chip:10 */ 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:chip:11 */ 0 1px 2px rgba(0,0,0,.3),
    /* mu-recipe:chip:12 */ 0 5px 12px -4px rgba(0,0,0,.3);
  --mu-r-chip-tag-shadow:
    /* mu-recipe:chip:19 */ inset 0 0 0 .5px rgba(255,255,255,.16);
  --mu-r-chip-suggestion-ink: #A6A6A9;
  --mu-r-chip-tag-ink: rgba(255,255,255,.38);
  --mu-r-field-field-ink: #F2F2F0;
  --mu-r-field-field-hint: #77777B;
  --mu-r-sparkline-line-color: #A6A6A9;
  --mu-r-sparkline-dot-fill: #2C2C2F;
  --mu-r-sparkline-dot-ring: #A6A6A9;
  --mu-r-sparkline-base-color: rgba(255,255,255,.12);
  --mu-r-dialog-scrim-color: rgba(14,14,15,.25);
  --mu-r-slider-mark-color: rgba(255,255,255,.28);
  --mu-r-slider-tick-color: rgba(255,255,255,.18);
  --mu-r-switcher-self-background:
    /* mu-recipe:switcher:1 */ linear-gradient(#121213, #161617);
  --mu-r-switcher-self-shadow:
    /* mu-recipe:switcher:5 */ inset 1px 2px 5px -1px rgba(0,0,0,.6),
    /* mu-recipe:switcher:6 */ inset 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:switcher:7 */ 0 .5px 0 rgba(255,255,255,.07);
  --mu-r-switcher-thumb-background:
    /* mu-recipe:switcher:9 */ linear-gradient(#3A3A3D, #2E2E31);
  --mu-r-switcher-thumb-shadow:
    /* mu-recipe:switcher:15 */ inset 0 0 4px 1px rgba(255,255,255,.06),
    /* mu-recipe:switcher:16 */ inset 1px 2px 2px -1px rgba(255,255,255,.12),
    /* mu-recipe:switcher:17 */ 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:switcher:18 */ 0 1px 2px rgba(0,0,0,.3),
    /* mu-recipe:switcher:19 */ 0 5px 12px -4px rgba(0,0,0,.3);
  --mu-r-switcher-option-ink: #A6A6A9;
  --mu-r-switcher-option-ink-on: #F2F2F0;
  --mu-r-menu-self-background:
    /* mu-recipe:menu:1 */ rgba(34,34,37,.92);
  --mu-r-menu-self-shadow:
    /* mu-recipe:menu:10 */ inset 0 0 6px 2px rgba(255,255,255,.055),
    /* mu-recipe:menu:11 */ inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
    /* mu-recipe:menu:12 */ inset -1px -3px 5px -2px rgba(0,0,0,.35),
    /* mu-recipe:menu:13 */ 0 0 0 .5px rgba(0,0,0,.45),
    /* mu-recipe:menu:14 */ 0 1px 2px rgba(0,0,0,.22),
    /* mu-recipe:menu:15 */ 0 8px 18px -6px rgba(0,0,0,.2),
    /* mu-recipe:menu:16 */ 0 26px 50px -16px rgba(0,0,0,.34),
    /* mu-recipe:menu:17 */ 0 52px 96px -36px rgba(0,0,0,.3);
  --mu-r-menu-row-hover-background:
    /* mu-recipe:menu:19 */ rgba(255,255,255,.06);
  --mu-r-menu-sep-background:
    /* mu-recipe:menu:21 */ rgba(0,0,0,.45);
  --mu-r-menu-sep-shadow:
    /* mu-recipe:menu:23 */ 0 1px 0 rgba(255,255,255,.035);
  --mu-r-row-list-hover-background:
    /* mu-recipe:row:1 */ rgba(255,255,255,.06);
  --mu-r-row-list-hover-shadow:
    /* mu-recipe:row:7 */ inset 0 0 4px 1px rgba(255,255,255,.06),
    /* mu-recipe:row:8 */ inset 1px 2px 2px -1px rgba(255,255,255,.12),
    /* mu-recipe:row:9 */ 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:row:10 */ 0 1px 2px rgba(0,0,0,.3),
    /* mu-recipe:row:11 */ 0 5px 12px -4px rgba(0,0,0,.3);
  --mu-r-row-panel-hover-background:
    /* mu-recipe:row:13 */ rgba(255,255,255,.06);
  --mu-r-row-panel-hover-shadow:
    /* mu-recipe:row:19 */ inset 0 0 4px 1px rgba(255,255,255,.06),
    /* mu-recipe:row:20 */ inset 1px 2px 2px -1px rgba(255,255,255,.12),
    /* mu-recipe:row:21 */ 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:row:22 */ 0 1px 2px rgba(0,0,0,.3),
    /* mu-recipe:row:23 */ 0 5px 12px -4px rgba(0,0,0,.3);
  --mu-r-row-option-on-background:
    /* mu-recipe:row:25 */ linear-gradient(#333337, #2A2A2D);
  --mu-r-row-option-on-shadow:
    /* mu-recipe:row:31 */ inset 0 0 4px 1px rgba(255,255,255,.06),
    /* mu-recipe:row:32 */ inset 1px 2px 2px -1px rgba(255,255,255,.12),
    /* mu-recipe:row:33 */ 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:row:34 */ 0 1px 2px rgba(0,0,0,.3),
    /* mu-recipe:row:35 */ 0 5px 12px -4px rgba(0,0,0,.3);
  --mu-r-row-text-checked: #77777B;
  --mu-r-glyph-ink-ink: #F2F2F0;
  --mu-r-glyph-ink-ink2: #A6A6A9;
  --mu-r-glyph-ink-ink3: #77777B;
  --mu-r-silhouette-file-background:
    /* mu-recipe:silhouette:10 */ linear-gradient(#2C2C2F, #202022);
  --mu-r-silhouette-file-shadow:
    /* mu-recipe:silhouette:12 */ 0 0 0 .5px rgba(0,0,0,.45);
  --mu-r-silhouette-region-background:
    /* mu-recipe:silhouette:14 */ linear-gradient(rgba(255,255,255,.035), rgba(255,255,255,.015));
  --mu-r-silhouette-region-shadow:
    /* mu-recipe:silhouette:16 */ inset 0 0 0 1px rgba(255,255,255,.07);
  --mu-r-silhouette-text-ink: rgba(242,242,240,.16);
  --mu-r-silhouette-region-ink: rgba(255,255,255,.4);
  --mu-r-switch-self-background:
    /* mu-recipe:switch:1 */ linear-gradient(#121213, #161617);
  --mu-r-switch-self-shadow:
    /* mu-recipe:switch:5 */ inset 1px 2px 5px -1px rgba(0,0,0,.6),
    /* mu-recipe:switch:6 */ inset 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:switch:7 */ 0 .5px 0 rgba(255,255,255,.07);
  --mu-r-switch-thumb-background:
    /* mu-recipe:switch:12 */ linear-gradient(#3A3A3D, #2E2E31);
  --mu-r-switch-thumb-shadow:
    /* mu-recipe:switch:18 */ inset 0 0 4px 1px rgba(255,255,255,.06),
    /* mu-recipe:switch:19 */ inset 1px 2px 2px -1px rgba(255,255,255,.12),
    /* mu-recipe:switch:20 */ 0 0 0 .5px rgba(0,0,0,.55),
    /* mu-recipe:switch:21 */ 0 1px 2px rgba(0,0,0,.3),
    /* mu-recipe:switch:22 */ 0 5px 12px -4px rgba(0,0,0,.3);
  --mu-r-brush-self-ring-ink: rgba(255,255,255,.6);
  --mu-r-brush-self-edge-ink: rgba(0,0,0,.5);
  --mu-r-brush-eraser-ink: rgba(255,255,255,.45);
  --mu-r-draw-ink-ink: #F2F2F0;
  --mu-r-draw-bead-gloss: inset 0 1px 1px rgba(255,255,255,.35), inset 0 -1.5px 2px rgba(0,0,0,.35), 0 0 0 .5px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.35);
  --mu-r-connector-halo-ink: rgba(120,214,165,.24);
  --mu-r-connector-end-ring-ink: #1B1B1D;
  --mu-r-connector-end-free-fill: #1B1B1D;
  --mu-r-folder-back-shadow: inset 0 0 6px 2px rgba(255,255,255,.2), 0 0 0 .5px rgba(0,0,0,.6), 0 30px 56px -18px rgba(0,0,0,.6), 0 56px 100px -40px rgba(0,0,0,.5);
  --mu-r-folder-back-tab-shadow: inset 0 0 6px 2px rgba(255,255,255,.2);
  --mu-r-folder-hue-neutral-top: #19191B;
  --mu-r-folder-hue-neutral-bottom: #111112;
  --mu-r-folder-hue-red-top: #2F1E1B;
  --mu-r-folder-hue-red-bottom: #221513;
  --mu-r-folder-hue-amber-top: #2D2619;
  --mu-r-folder-hue-amber-bottom: #211B12;
  --mu-r-folder-hue-green-top: #1C2B21;
  --mu-r-folder-hue-green-bottom: #131E17;
  --mu-r-folder-hue-blue-top: #1B2331;
  --mu-r-folder-hue-blue-bottom: #131926;
  --mu-r-folder-hue-violet-top: #251E2F;
  --mu-r-folder-hue-violet-bottom: #1A1522;
  --mu-r-folder-wash-neutral: rgba(0,0,0,0);
  --mu-r-folder-wash-red: rgba(255,122,102,.10);
  --mu-r-folder-wash-amber: rgba(245,191,85,.10);
  --mu-r-folder-wash-green: rgba(120,214,165,.09);
  --mu-r-folder-wash-blue: rgba(111,155,255,.10);
  --mu-r-folder-wash-violet: rgba(170,140,240,.10);
  --mu-r-folder-card-background: #2A2A2D;
  --mu-r-folder-card-border: rgba(255,255,255,.06);
  --mu-r-folder-card-shadow: inset 3px 5px 3px -2px rgba(255,255,255,.08), 0 1px 2px rgba(0,0,0,.3), 0 6px 14px -6px rgba(0,0,0,.5);
  --mu-r-folder-card-line-ink: #3C3C40;
  --mu-r-folder-card-line-lg-ink: #46464A;
  --mu-r-folder-card-line-blue: #34466E;
  --mu-r-folder-flap-border: rgba(151,151,151,.22);
  --mu-r-folder-flap-shadow: inset 0 1px 2.65px rgba(0,0,0,.08), inset 0 0 6px 2px rgba(255,255,255,.12), inset 2px 3px 4px -2px rgba(255,255,255,.14), 0 8px 18px -8px rgba(0,0,0,.4);
  --mu-r-folder-flap-lift: #3A3A3D;
  --mu-r-folder-flap-fill-opacity: 0.42;
  --mu-r-folder-count-background: rgba(255,255,255,.1);
  --mu-r-folder-count-shadow: inset 0 0 4px 1px rgba(255,255,255,.06), inset 1px 2px 2px -1px rgba(255,255,255,.14);
  --mu-r-folder-shape-edge: rgba(0,0,0,.55);
  --mu-r-folder-shape-light: rgba(255,255,255,.14);
  --mu-r-folder-shade-ink: rgba(0,0,0,.55);
  --mu-r-folder-region-wash-neutral: rgba(0,0,0,0);
  --mu-r-folder-region-wash-red: rgba(255,122,102,.08);
  --mu-r-folder-region-wash-amber: rgba(245,191,85,.08);
  --mu-r-folder-region-wash-green: rgba(120,214,165,.08);
  --mu-r-folder-region-wash-blue: rgba(111,155,255,.09);
  --mu-r-folder-region-wash-violet: rgba(170,140,240,.09);
  --mu-r-folder-region-ring-neutral: rgba(0,0,0,0);
  --mu-r-folder-region-ring-red: rgba(255,122,102,.2);
  --mu-r-folder-region-ring-amber: rgba(245,191,85,.2);
  --mu-r-folder-region-ring-green: rgba(120,214,165,.2);
  --mu-r-folder-region-ring-blue: rgba(111,155,255,.2);
  --mu-r-folder-region-ring-violet: rgba(170,140,240,.2);
  --mu-r-select-chevron-ink: #8E8E93;
  --mu-r-select-veil-hover: rgba(255,255,255,.035);
  --mu-r-select-error-ring: rgba(255,122,102,.5);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-mu-colorway="bone"]) {
    --mu-r-checkbox-self-background:
      linear-gradient(#141415, #18181A);
    --mu-r-checkbox-self-shadow:
      inset 1px 2px 5px -1px rgba(0,0,0,.6),
      inset 0 0 0 .5px rgba(0,0,0,.55),
      0 .5px 0 rgba(255,255,255,.07);
    --mu-r-checkbox-self-hover-background:
      linear-gradient(#1A1A1C, #1F1F21);
    --mu-r-checkbox-self-ghost-shadow:
      inset 0 0 0 1px rgba(255,255,255,.18),
      inset 0 2px 4px -2px rgba(0,0,0,.4);
    --mu-r-hover-engraving-self-background:
      rgba(34,34,37,.92);
    --mu-r-hover-engraving-self-shadow:
      inset 0 0 4px 1px rgba(255,255,255,.06),
      inset 1px 2px 2px -1px rgba(255,255,255,.12),
      0 0 0 .5px rgba(0,0,0,.55),
      0 1px 2px rgba(0,0,0,.3),
      0 5px 12px -4px rgba(0,0,0,.3);
    --mu-r-hover-engraving-tag-shadow:
      inset 0 0 0 .5px rgba(255,255,255,.2);
    --mu-r-hover-engraving-emphasis-color: rgba(255,255,255,.55);
    --mu-r-status-led-off-background:
      radial-gradient(circle at 40% 35%, #8B8B8E 0 18%, #6A6A6D 50%, #4A4A4D);
    --mu-r-status-led-off-shadow:
      0 0 0 .5px rgba(0,0,0,.25);
    --mu-r-status-badge-background:
      linear-gradient(#313134, #28282B);
    --mu-r-status-badge-shadow:
      inset 0 0 4px 1px rgba(255,255,255,.06),
      inset 1px 2px 2px -1px rgba(255,255,255,.12),
      0 0 0 .5px rgba(0,0,0,.55),
      0 1px 2px rgba(0,0,0,.3),
      0 5px 12px -4px rgba(0,0,0,.3);
    --mu-r-button-self-background:
      linear-gradient(#313134,#28282B);
    --mu-r-button-self-shadow:
      inset 0 0 4px 1px rgba(255,255,255,.05),
      inset 1px 2px 2px -1px rgba(255,255,255,.10),
      0 0 0 .5px rgba(0,0,0,.6),
      0 1px 2px rgba(0,0,0,.3),
      0 4px 9px -3px rgba(0,0,0,.3);
    --mu-r-button-self-pressed-background:
      linear-gradient(#18181A,#1C1C1E);
    --mu-r-button-self-pressed-shadow:
      inset 0 2px 5px -1px rgba(0,0,0,.65),
      inset 0 0 0 .5px rgba(0,0,0,.5),
      inset 0 -2px 3px -2px rgba(255,255,255,.05);
    --mu-r-button-compact-background:
      linear-gradient(#313134, #28282B);
    --mu-r-button-compact-shadow:
      inset 0 0 4px 1px rgba(255,255,255,.06),
      inset 1px 2px 2px -1px rgba(255,255,255,.12),
      0 0 0 .5px rgba(0,0,0,.55),
      0 1px 2px rgba(0,0,0,.3),
      0 5px 12px -4px rgba(0,0,0,.3);
    --mu-r-button-compact-pressed-shadow:
      inset 0 1px 2.5px rgba(0,0,0,.6),
      inset 0 0 0 .5px rgba(0,0,0,.5);
    --mu-r-button-primary-background:
      linear-gradient(#F4F3F0,#E4E3DF);
    --mu-r-button-primary-shadow:
      inset 0 0 4px 1px rgba(255,255,255,.7),
      inset 1px 2px 2px -1px #FFFFFF,
      0 0 0 .5px rgba(0,0,0,.6),
      0 1px 2px rgba(0,0,0,.35),
      0 5px 12px -4px rgba(0,0,0,.45);
    --mu-r-button-primary-pressed-background:
      linear-gradient(#DAD9D5,#E3E2DE);
    --mu-r-button-primary-pressed-shadow:
      inset 0 1px 3px rgba(0,0,0,.28),
      0 0 0 .5px rgba(0,0,0,.6);
    --mu-r-button-primary-ink: #1B1B1D;
    --mu-r-kbd-self-background:
      linear-gradient(#35353A,#2A2A2D);
    --mu-r-kbd-self-shadow:
      inset 0 0 4px 1px rgba(255,255,255,.06),
      inset 1px 2px 2px -1px rgba(255,255,255,.12),
      0 0 0 .5px rgba(0,0,0,.55),
      0 1px 2px rgba(0,0,0,.3),
      0 5px 12px -4px rgba(0,0,0,.3);
    --mu-r-surface-self-raise-background:
      linear-gradient(#2C2C2F, #252527 55%, #202022);
    --mu-r-surface-self-raise-shadow:
      inset 0 0 6px 2px rgba(255,255,255,.055),
      inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
      inset -1px -3px 5px -2px rgba(0,0,0,.35),
      0 0 0 .5px rgba(0,0,0,.45),
      0 1px 2px rgba(0,0,0,.22),
      0 8px 18px -6px rgba(0,0,0,.2),
      0 26px 50px -16px rgba(0,0,0,.34),
      0 52px 96px -36px rgba(0,0,0,.3);
    --mu-r-surface-self-raise-lite-background:
      linear-gradient(#2C2C2F, #252527 55%, #202022);
    --mu-r-surface-self-raise-lite-shadow:
      inset 0 0 6px 2px rgba(255,255,255,.05),
      inset 1.5px 2.5px 3px -1px rgba(255,255,255,.09),
      inset -1px -3px 5px -2px rgba(0,0,0,.3),
      0 0 0 .5px rgba(0,0,0,.4),
      0 1px 2px rgba(0,0,0,.2),
      0 8px 18px -8px rgba(0,0,0,.2),
      0 22px 40px -18px rgba(0,0,0,.28);
    --mu-r-surface-self-raise-sm-background:
      linear-gradient(#313134, #28282B);
    --mu-r-surface-self-raise-sm-shadow:
      inset 0 0 4px 1px rgba(255,255,255,.06),
      inset 1px 2px 2px -1px rgba(255,255,255,.12),
      0 0 0 .5px rgba(0,0,0,.55),
      0 1px 2px rgba(0,0,0,.3),
      0 5px 12px -4px rgba(0,0,0,.3);
    --mu-r-surface-self-frost-background:
      rgba(36,36,39,.82);
    --mu-r-surface-self-frost-shadow:
      inset 0 0 6px 2px rgba(255,255,255,.055),
      inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
      inset -1px -3px 5px -2px rgba(0,0,0,.35),
      0 0 0 .5px rgba(0,0,0,.45),
      0 1px 2px rgba(0,0,0,.22),
      0 8px 18px -6px rgba(0,0,0,.2),
      0 26px 50px -16px rgba(0,0,0,.34),
      0 52px 96px -36px rgba(0,0,0,.3);
    --mu-r-surface-self-plate-background:
      rgba(34,34,37,.84);
    --mu-r-surface-self-plate-shadow:
      inset 0 0 6px 2px rgba(255,255,255,.055),
      inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
      inset -1px -3px 5px -2px rgba(0,0,0,.35),
      0 0 0 .5px rgba(0,0,0,.45),
      0 1px 2px rgba(0,0,0,.22),
      0 8px 18px -6px rgba(0,0,0,.2),
      0 26px 50px -16px rgba(0,0,0,.34),
      0 52px 96px -36px rgba(0,0,0,.3);
    --mu-r-surface-self-panel-background:
      rgba(34,34,37,.86);
    --mu-r-surface-self-panel-shadow:
      inset 0 0 6px 2px rgba(255,255,255,.055),
      inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
      inset -1px -3px 5px -2px rgba(0,0,0,.35),
      0 0 0 .5px rgba(0,0,0,.45),
      0 1px 2px rgba(0,0,0,.22),
      0 8px 18px -6px rgba(0,0,0,.2),
      0 26px 50px -16px rgba(0,0,0,.34),
      0 52px 96px -36px rgba(0,0,0,.3);
    --mu-r-surface-self-pop-background:
      rgba(34,34,37,.92);
    --mu-r-surface-self-pop-shadow:
      inset 0 0 6px 2px rgba(255,255,255,.055),
      inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
      inset -1px -3px 5px -2px rgba(0,0,0,.35),
      0 0 0 .5px rgba(0,0,0,.45),
      0 1px 2px rgba(0,0,0,.22),
      0 8px 18px -6px rgba(0,0,0,.2),
      0 26px 50px -16px rgba(0,0,0,.34),
      0 52px 96px -36px rgba(0,0,0,.3);
    --mu-r-surface-self-tip-background:
      rgba(34,34,37,.92);
    --mu-r-surface-self-tip-shadow:
      inset 0 0 4px 1px rgba(255,255,255,.06),
      inset 1px 2px 2px -1px rgba(255,255,255,.12),
      0 0 0 .5px rgba(0,0,0,.55),
      0 1px 2px rgba(0,0,0,.3),
      0 5px 12px -4px rgba(0,0,0,.3);
    --mu-r-surface-self-lens-background:
      linear-gradient(rgba(44,44,47,.55), rgba(37,37,39,.45));
    --mu-r-surface-self-lens-shadow:
      inset 0 0 6px 2px rgba(255,255,255,.05),
      inset 1.5px 2.5px 3px -1px rgba(255,255,255,.09),
      inset -1px -3px 5px -2px rgba(0,0,0,.3),
      0 0 0 .5px rgba(0,0,0,.4),
      0 1px 2px rgba(0,0,0,.2),
      0 8px 18px -8px rgba(0,0,0,.2),
      0 22px 40px -18px rgba(0,0,0,.28);
    --mu-r-well-self-field-background:
      linear-gradient(#141415, #18181A);
    --mu-r-well-self-field-shadow:
      inset 1px 2px 5px -1px rgba(0,0,0,.6),
      inset 0 0 0 .5px rgba(0,0,0,.55),
      0 .5px 0 rgba(255,255,255,.07);
    --mu-r-well-self-track-background:
      linear-gradient(#121213, #161617);
    --mu-r-well-self-track-shadow:
      inset 1px 2px 5px -1px rgba(0,0,0,.6),
      inset 0 0 0 .5px rgba(0,0,0,.55),
      0 .5px 0 rgba(255,255,255,.07);
    --mu-r-well-self-region-background:
      radial-gradient(circle at 1px 1px, rgba(255,255,255,.07) .8px, transparent 1.3px) 7px 7px / 16px 16px,
      linear-gradient(rgba(255,255,255,.035), rgba(255,255,255,.02));
    --mu-r-well-self-region-shadow:
      0 0 0 .5px rgba(0,0,0,.55),
      0 1px 1.5px rgba(0,0,0,.35),
      0 4px 12px -6px rgba(0,0,0,.4);
    --mu-r-well-self-region-over-background:
      radial-gradient(circle at 1px 1px, rgba(255,255,255,.07) .8px, transparent 1.3px) 7px 7px / 16px 16px,
      linear-gradient(rgba(120,214,165,.09), rgba(120,214,165,.05));
    --mu-r-well-self-region-over-shadow:
      0 0 0 1px rgba(63,185,122,.45),
      0 2px 3px rgba(0,0,0,.4),
      0 10px 24px -10px rgba(0,0,0,.5);
    --mu-r-label-engraved-text-shadow:
      0 .5px 0 rgba(0,0,0,.35);
    --mu-r-label-engraved-color: rgba(255,255,255,.38);
    --mu-r-label-title-color: #F2F2F0;
    --mu-r-label-heading-color: #F2F2F0;
    --mu-r-label-count-color: #77777B;
    --mu-r-label-query-color: #F2F2F0;
    --mu-r-label-value-color: #F2F2F0;
    --mu-r-label-value-small-color: #F2F2F0;
    --mu-r-label-cell-color: #A6A6A9;
    --mu-r-label-display-color: #F2F2F0;
    --mu-r-label-display-quiet-color: #77777B;
    --mu-r-label-accent-color: #5FCB93;
    --mu-r-label-placeholder-color: #77777B;
    --mu-r-label-emphasis-color: rgba(255,255,255,.55);
    --mu-r-label-name-color: #F2F2F0;
    --mu-r-label-detail-color: #8E8E93;
    --mu-r-rule-self-background:
      rgba(0,0,0,.45);
    --mu-r-rule-self-shadow:
      1px 0 0 rgba(255,255,255,.035);
    --mu-r-mark-tag-background:
      rgba(255,255,255,.06);
    --mu-r-mark-tag-shadow:
      inset 0 0 3px 1px rgba(255,255,255,.04),
      inset 0 0 0 .5px rgba(0,0,0,.3);
    --mu-r-mark-derived-shadow:
      inset 0 0 0 .5px rgba(255,255,255,.2);
    --mu-r-icon-button-ghost-hover-background:
      rgba(255,255,255,.08);
    --mu-r-icon-button-mini-hover-background:
      rgba(255,255,255,.08);
    --mu-r-icon-button-ghost-ink: #A6A6A9;
    --mu-r-icon-button-ghost-ink-hover: #F2F2F0;
    --mu-r-icon-button-mini-ink: #77777B;
    --mu-r-icon-button-mini-ink-hover: #F2F2F0;
    --mu-r-chip-suggestion-background:
      rgba(44,44,47,.7);
    --mu-r-chip-suggestion-shadow:
      inset 0 0 0 .5px rgba(63,185,122,.4),
      inset 0 0 4px 1px rgba(255,255,255,.06),
      inset 1px 2px 2px -1px rgba(255,255,255,.12),
      0 0 0 .5px rgba(0,0,0,.55),
      0 1px 2px rgba(0,0,0,.3),
      0 5px 12px -4px rgba(0,0,0,.3);
    --mu-r-chip-tag-shadow:
      inset 0 0 0 .5px rgba(255,255,255,.16);
    --mu-r-chip-suggestion-ink: #A6A6A9;
    --mu-r-chip-tag-ink: rgba(255,255,255,.38);
    --mu-r-field-field-ink: #F2F2F0;
    --mu-r-field-field-hint: #77777B;
    --mu-r-sparkline-line-color: #A6A6A9;
    --mu-r-sparkline-dot-fill: #2C2C2F;
    --mu-r-sparkline-dot-ring: #A6A6A9;
    --mu-r-sparkline-base-color: rgba(255,255,255,.12);
    --mu-r-dialog-scrim-color: rgba(14,14,15,.25);
    --mu-r-slider-mark-color: rgba(255,255,255,.28);
    --mu-r-slider-tick-color: rgba(255,255,255,.18);
    --mu-r-switcher-self-background:
      linear-gradient(#121213, #161617);
    --mu-r-switcher-self-shadow:
      inset 1px 2px 5px -1px rgba(0,0,0,.6),
      inset 0 0 0 .5px rgba(0,0,0,.55),
      0 .5px 0 rgba(255,255,255,.07);
    --mu-r-switcher-thumb-background:
      linear-gradient(#3A3A3D, #2E2E31);
    --mu-r-switcher-thumb-shadow:
      inset 0 0 4px 1px rgba(255,255,255,.06),
      inset 1px 2px 2px -1px rgba(255,255,255,.12),
      0 0 0 .5px rgba(0,0,0,.55),
      0 1px 2px rgba(0,0,0,.3),
      0 5px 12px -4px rgba(0,0,0,.3);
    --mu-r-switcher-option-ink: #A6A6A9;
    --mu-r-switcher-option-ink-on: #F2F2F0;
    --mu-r-menu-self-background:
      rgba(34,34,37,.92);
    --mu-r-menu-self-shadow:
      inset 0 0 6px 2px rgba(255,255,255,.055),
      inset 1.5px 2.5px 3px -1px rgba(255,255,255,.10),
      inset -1px -3px 5px -2px rgba(0,0,0,.35),
      0 0 0 .5px rgba(0,0,0,.45),
      0 1px 2px rgba(0,0,0,.22),
      0 8px 18px -6px rgba(0,0,0,.2),
      0 26px 50px -16px rgba(0,0,0,.34),
      0 52px 96px -36px rgba(0,0,0,.3);
    --mu-r-menu-row-hover-background:
      rgba(255,255,255,.06);
    --mu-r-menu-sep-background:
      rgba(0,0,0,.45);
    --mu-r-menu-sep-shadow:
      0 1px 0 rgba(255,255,255,.035);
    --mu-r-row-list-hover-background:
      rgba(255,255,255,.06);
    --mu-r-row-list-hover-shadow:
      inset 0 0 4px 1px rgba(255,255,255,.06),
      inset 1px 2px 2px -1px rgba(255,255,255,.12),
      0 0 0 .5px rgba(0,0,0,.55),
      0 1px 2px rgba(0,0,0,.3),
      0 5px 12px -4px rgba(0,0,0,.3);
    --mu-r-row-panel-hover-background:
      rgba(255,255,255,.06);
    --mu-r-row-panel-hover-shadow:
      inset 0 0 4px 1px rgba(255,255,255,.06),
      inset 1px 2px 2px -1px rgba(255,255,255,.12),
      0 0 0 .5px rgba(0,0,0,.55),
      0 1px 2px rgba(0,0,0,.3),
      0 5px 12px -4px rgba(0,0,0,.3);
    --mu-r-row-option-on-background:
      linear-gradient(#333337, #2A2A2D);
    --mu-r-row-option-on-shadow:
      inset 0 0 4px 1px rgba(255,255,255,.06),
      inset 1px 2px 2px -1px rgba(255,255,255,.12),
      0 0 0 .5px rgba(0,0,0,.55),
      0 1px 2px rgba(0,0,0,.3),
      0 5px 12px -4px rgba(0,0,0,.3);
    --mu-r-row-text-checked: #77777B;
    --mu-r-glyph-ink-ink: #F2F2F0;
    --mu-r-glyph-ink-ink2: #A6A6A9;
    --mu-r-glyph-ink-ink3: #77777B;
    --mu-r-silhouette-file-background:
      linear-gradient(#2C2C2F, #202022);
    --mu-r-silhouette-file-shadow:
      0 0 0 .5px rgba(0,0,0,.45);
    --mu-r-silhouette-region-background:
      linear-gradient(rgba(255,255,255,.035), rgba(255,255,255,.015));
    --mu-r-silhouette-region-shadow:
      inset 0 0 0 1px rgba(255,255,255,.07);
    --mu-r-silhouette-text-ink: rgba(242,242,240,.16);
    --mu-r-silhouette-region-ink: rgba(255,255,255,.4);
    --mu-r-switch-self-background:
      linear-gradient(#121213, #161617);
    --mu-r-switch-self-shadow:
      inset 1px 2px 5px -1px rgba(0,0,0,.6),
      inset 0 0 0 .5px rgba(0,0,0,.55),
      0 .5px 0 rgba(255,255,255,.07);
    --mu-r-switch-thumb-background:
      linear-gradient(#3A3A3D, #2E2E31);
    --mu-r-switch-thumb-shadow:
      inset 0 0 4px 1px rgba(255,255,255,.06),
      inset 1px 2px 2px -1px rgba(255,255,255,.12),
      0 0 0 .5px rgba(0,0,0,.55),
      0 1px 2px rgba(0,0,0,.3),
      0 5px 12px -4px rgba(0,0,0,.3);
    --mu-r-brush-self-ring-ink: rgba(255,255,255,.6);
    --mu-r-brush-self-edge-ink: rgba(0,0,0,.5);
    --mu-r-brush-eraser-ink: rgba(255,255,255,.45);
    --mu-r-draw-ink-ink: #F2F2F0;
    --mu-r-draw-bead-gloss: inset 0 1px 1px rgba(255,255,255,.35), inset 0 -1.5px 2px rgba(0,0,0,.35), 0 0 0 .5px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.35);
    --mu-r-connector-halo-ink: rgba(120,214,165,.24);
    --mu-r-connector-end-ring-ink: #1B1B1D;
    --mu-r-connector-end-free-fill: #1B1B1D;
    --mu-r-folder-back-shadow: inset 0 0 6px 2px rgba(255,255,255,.2), 0 0 0 .5px rgba(0,0,0,.6), 0 30px 56px -18px rgba(0,0,0,.6), 0 56px 100px -40px rgba(0,0,0,.5);
    --mu-r-folder-back-tab-shadow: inset 0 0 6px 2px rgba(255,255,255,.2);
    --mu-r-folder-hue-neutral-top: #19191B;
    --mu-r-folder-hue-neutral-bottom: #111112;
    --mu-r-folder-hue-red-top: #2F1E1B;
    --mu-r-folder-hue-red-bottom: #221513;
    --mu-r-folder-hue-amber-top: #2D2619;
    --mu-r-folder-hue-amber-bottom: #211B12;
    --mu-r-folder-hue-green-top: #1C2B21;
    --mu-r-folder-hue-green-bottom: #131E17;
    --mu-r-folder-hue-blue-top: #1B2331;
    --mu-r-folder-hue-blue-bottom: #131926;
    --mu-r-folder-hue-violet-top: #251E2F;
    --mu-r-folder-hue-violet-bottom: #1A1522;
    --mu-r-folder-wash-neutral: rgba(0,0,0,0);
    --mu-r-folder-wash-red: rgba(255,122,102,.10);
    --mu-r-folder-wash-amber: rgba(245,191,85,.10);
    --mu-r-folder-wash-green: rgba(120,214,165,.09);
    --mu-r-folder-wash-blue: rgba(111,155,255,.10);
    --mu-r-folder-wash-violet: rgba(170,140,240,.10);
    --mu-r-folder-card-background: #2A2A2D;
    --mu-r-folder-card-border: rgba(255,255,255,.06);
    --mu-r-folder-card-shadow: inset 3px 5px 3px -2px rgba(255,255,255,.08), 0 1px 2px rgba(0,0,0,.3), 0 6px 14px -6px rgba(0,0,0,.5);
    --mu-r-folder-card-line-ink: #3C3C40;
    --mu-r-folder-card-line-lg-ink: #46464A;
    --mu-r-folder-card-line-blue: #34466E;
    --mu-r-folder-flap-border: rgba(151,151,151,.22);
    --mu-r-folder-flap-shadow: inset 0 1px 2.65px rgba(0,0,0,.08), inset 0 0 6px 2px rgba(255,255,255,.12), inset 2px 3px 4px -2px rgba(255,255,255,.14), 0 8px 18px -8px rgba(0,0,0,.4);
    --mu-r-folder-flap-lift: #3A3A3D;
    --mu-r-folder-flap-fill-opacity: 0.42;
    --mu-r-folder-count-background: rgba(255,255,255,.1);
    --mu-r-folder-count-shadow: inset 0 0 4px 1px rgba(255,255,255,.06), inset 1px 2px 2px -1px rgba(255,255,255,.14);
    --mu-r-folder-shape-edge: rgba(0,0,0,.55);
    --mu-r-folder-shape-light: rgba(255,255,255,.14);
    --mu-r-folder-shade-ink: rgba(0,0,0,.55);
    --mu-r-folder-region-wash-neutral: rgba(0,0,0,0);
    --mu-r-folder-region-wash-red: rgba(255,122,102,.08);
    --mu-r-folder-region-wash-amber: rgba(245,191,85,.08);
    --mu-r-folder-region-wash-green: rgba(120,214,165,.08);
    --mu-r-folder-region-wash-blue: rgba(111,155,255,.09);
    --mu-r-folder-region-wash-violet: rgba(170,140,240,.09);
    --mu-r-folder-region-ring-neutral: rgba(0,0,0,0);
    --mu-r-folder-region-ring-red: rgba(255,122,102,.2);
    --mu-r-folder-region-ring-amber: rgba(245,191,85,.2);
    --mu-r-folder-region-ring-green: rgba(120,214,165,.2);
    --mu-r-folder-region-ring-blue: rgba(111,155,255,.2);
    --mu-r-folder-region-ring-violet: rgba(170,140,240,.2);
    --mu-r-select-chevron-ink: #8E8E93;
    --mu-r-select-veil-hover: rgba(255,255,255,.035);
    --mu-r-select-error-ring: rgba(255,122,102,.5);
  }
}