real-world-css-libraries 1.0.2 → 1.0.4

package/libs/vim-css3-syntax-v2.10.0.css

@@ -0,0 +1,1642 @@
+/* https://github.com/hail2u/vim-css3-syntax/blob/main/test/test.css */
+.align-3 {
+  place-self: auto;
+  place-content: auto;
+  place-items: auto;
+  row-gap: auto;
+  display: safe;
+  display: unsafe;
+  display: self-start;
+  display: self-end;
+  display: legacy;
+}
+
+@position-try --anchor-position-1 {
+  anchor-name: auto;
+  anchor-scope: auto;
+  position-area: auto;
+  position-anchor: auto;
+  position-try: auto;
+  position-try-fallbacks: auto;
+  position-try-order: auto;
+  position-visibility: auto;
+  display: span-left;
+  display: span-right;
+  display: span-x-start;
+  display: span-x-end;
+  display: self-x-start;
+  display: self-x-end;
+  display: span-self-x-start;
+  display: span-self-x-end;
+  display: span-all;
+  display: span-top;
+  display: span-bottom;
+  display: span-y-start;
+  display: span-y-end;
+  display: self-y-start;
+  display: self-y-end;
+  display: span-self-y-start;
+  display: span-self-y-end;
+  display: span-block-start;
+  display: span-block-end;
+  display: self-block-start;
+  display: self-block-end;
+  display: span-self-block-start;
+  display: span-self-block-end;
+  display: span-inline-start;
+  display: span-inline-end;
+  display: self-inline-start;
+  display: self-inline-end;
+  display: span-self-inline-start;
+  display: span-self-inline-end;
+  display: span-start;
+  display: span-end;
+  display: span-self-start;
+  display: span-self-end;
+  display: anchor-center;
+  display: most-width;
+  display: most-height;
+  display: most-block-size;
+  display: most-inline-size;
+  display: flip-x;
+  display: flip-y;
+  display: flip-block;
+  display: flip-inline;
+  display: flip-start;
+  display: dialog;
+  display: anchor(--x 50%);
+  display: anchor-size(--foo height);
+}
+
+.anchor-position-2 {
+  display: anchored;
+}
+
+.animations-1 {
+  display: auto;
+}
+
+.animations-2 {
+  animation-composition: auto;
+  animation-timeline: auto;
+  display: replace;
+  display: accumulate;
+}
+
+.backgrounds-3 {
+  display: auto;
+}
+
+.backgrounds-4 {
+  background-repeat-x: auto;
+  background-repeat-y: auto;
+  background-repeat-inline: auto;
+  background-repeat-block: auto;
+  background-position-x: auto;
+  background-position-y: auto;
+  background-position-inline: auto;
+  background-position-block: auto;
+  background-tbd: auto;
+  display: x-start;
+  display: x-end;
+  display: y-start;
+  display: y-end;
+  display: border-area;
+  display: text;
+  display: repeat-block;
+  display: repeat-inline;
+}
+
+.borders-4 {
+  border-top-radius: auto;
+  border-right-radius: auto;
+  border-bottom-radius: auto;
+  border-left-radius: auto;
+  border-block-start-radius: auto;
+  border-block-end-radius: auto;
+  border-inline-start-radius: auto;
+  border-inline-end-radius: auto;
+  corner: auto;
+  corner-top-left-shape: auto;
+  corner-top-right-shape: auto;
+  corner-bottom-right-shape: auto;
+  corner-bottom-left-shape: auto;
+  corner-start-start-shape: auto;
+  corner-start-end-shape: auto;
+  corner-end-start-shape: auto;
+  corner-end-end-shape: auto;
+  corner-top-shape: auto;
+  corner-right-shape: auto;
+  corner-bottom-shape: auto;
+  corner-left-shape: auto;
+  corner-inline-start-shape: auto;
+  corner-inline-end-shape: auto;
+  corner-block-start-shape: auto;
+  corner-block-end-shape: auto;
+  corner-shape: auto;
+  corner-top-right: auto;
+  corner-bottom-left: auto;
+  corner-bottom-right: auto;
+  corner-start-start: auto;
+  corner-start-end: auto;
+  corner-end-start: auto;
+  corner-end-end: auto;
+  border-limit: auto;
+  border-clip: auto;
+  border-top-clip: auto;
+  border-right-clip: auto;
+  border-bottom-clip: auto;
+  border-left-clip: auto;
+  border-block-start-clip: auto;
+  border-block-end-clip: auto;
+  border-inline-start-clip: auto;
+  border-inline-end-clip: auto;
+  box-shadow-color: auto;
+  box-shadow-offset: auto;
+  box-shadow-blur: auto;
+  box-shadow-spread: auto;
+  box-shadow-position: auto;
+  border-shape: auto;
+  display: squircle;
+  display: bevel;
+  display: scoop;
+  display: notch;
+  display: superellipse(1);
+  display: sides;
+  display: corners;
+}
+
+.box-3 {
+  display: auto;
+}
+
+.box-4 {
+  margin-trim: auto;
+  display: in-flow;
+}
+
+.break-3 {
+  display: recto;
+  display: verso;
+}
+
+.break-4 {
+  margin-break: auto;
+  display: keep;
+}
+
+.cascade-3 {
+  display: auto;
+}
+
+@import "cascade-4.css" supports(display: auto);
+
+.cascade-4 {
+  display: revert;
+}
+
+@import "cascade-5.css" layer(framework component);
+
+.cascade-5 {
+  display: revert-layer;
+}
+
+.color-3 {
+  display: auto;
+}
+
+.color-4 {
+  display: hwb(120deg, 44%, 50%);
+  display: lab(1 2 3);
+  display: lch(4 5 6);
+  display: oklab(1 2 3);
+  display: oklch(4 5 6);
+  display: color(swopc, 0 206 190 77);
+  display: accentcolor;
+  display: accentcolortext;
+}
+
+.color-5 {
+  display: device-cmyk(0, 81%, 81%, 30%);
+  display: color-mix(red yellow 65%);
+  display: light-dark(white, black);
+  display: contrast-color(red max);
+}
+
+@color-profile swopc {
+  src: url("http://example.org/swop-coated.icc");
+  components: auto;
+  display: relative-colorimetric;
+  display: absolute-colorimetric;
+  display: perceptual;
+}
+
+.color-adjust-1 {
+  color-scheme: auto;
+  forced-color-adjust: auto;
+  print-color-adjust: auto;
+  color-adjust: auto;
+  display: light;
+  display: economy;
+  display: exact;
+}
+
+.color-hdr-1 {
+  dynamic-range-limit: auto;
+  display: standard;
+  display: constrained-high;
+  display: dynamic-range-limit-mix(standard 10%, constrained-high 40%, high 50%);
+  display: hdr-color(
+    color(rec2100-linear 0.9 1.0 0.8) 0,
+    color(rec2100-linear 1.8 2.0 1.5) 2
+  );
+}
+
+.compositing-1 {
+  mix-blend-mode: auto;
+  isolation: auto;
+  background-blend-mode: auto;
+  display: multiply;
+  display: screen;
+  display: overlay;
+  display: darken;
+  display: lighten;
+  display: color-dodge;
+  display: color-burn;
+  display: hard-light;
+  display: soft-light;
+  display: difference;
+  display: exclusion;
+  display: hue;
+  display: saturation;
+  display: color;
+  display: luminosity;
+}
+
+@supports (display: auto) or
+  (display: auto) not
+  (display: auto) {
+  .conditional-3 {
+    display: auto;
+  }
+}
+
+@supports (selector(.conditional-4)) {
+  .conditional-4 {
+    display: auto;
+  }
+}
+
+@when media(screen) {
+  .conditional-5 {
+    container-type: auto;
+    container-name: auto;
+    container: auto;
+    display: inline-size;
+  }
+} @else {
+  .conditional-5 {
+    display: auto;
+  }
+}
+
+@supports-condition --thicker-underlines {
+  .conditional-5 {
+    display: auto;
+  }
+}
+
+.contain-1 {
+  contain: auto;
+  display: layout;
+  display: paint;
+  display: size;
+}
+
+.contain-2 {
+  content-visibility: auto;
+}
+
+.contain-3 {
+  display: auto;
+}
+
+.content-3 {
+  string-set: auto;
+  bookmark-level: auto;
+  bookmark-label: auto;
+  bookmark-state: auto;
+  display: open;
+  display: closed;
+  display: leader('.');
+  display: string(heading, first);
+  display: target-counter(attr(href url), page);
+  display: target-counters(lack-of-example);
+  display: target-text(attr(href url));
+}
+
+@counter-style counter-styles-3 {
+  system: auto;
+  negative: auto;
+  prefix: auto;
+  suffix: auto;
+  range: auto;
+  pad: auto;
+  fallback: auto;
+  symbols: auto;
+  additive-symbols: auto;
+  speak-as: auto;
+  display: cyclic;
+  display: symbolic;
+  display: additive;
+  display: extends;
+  display: bullets;
+  display: numbers;
+  display: words;
+  display: symbols("*" "\2020" "\2021" "\A7");
+  display: arabic-indic;
+  display: upper-armenian;
+  display: lower-armenian;
+  display: bengali;
+  display: cambodian;
+  display: khmer;
+  display: cjk-decimal;
+  display: devanagari;
+  display: gujarati;
+  display: gurmukhi;
+  display: kannada;
+  display: lao;
+  display: malayalam;
+  display: mongolian;
+  display: myanmar;
+  display: oriya;
+  display: persian;
+  display: tamil;
+  display: telugu;
+  display: thai;
+  display: tibetan;
+  display: cjk-earthly-branch;
+  display: cjk-heavenly-stem;
+  display: disclosure-closed;
+  display: disclosure-open;
+  display: japanese-informal;
+  display: japanese-formal;
+  display: korean-hangul-formal;
+  display: korean-hanja-informal;
+  display: korean-hanja-formal;
+  display: simp-chinese-informal;
+  display: simp-chinese-formal;
+  display: trad-chinese-informal;
+  display: trad-chinese-formal;
+  display: ethiopic-numeric;
+}
+
+.cssom-1 {
+}
+
+.cssom-view-1 {
+  display: auto;
+}
+
+.device-adapt-1 {
+  display: auto;
+}
+
+@viewport {
+  min-zoom: auto;
+  max-zoom: auto;
+  user-zoom: auto;
+}
+
+.display-3 {
+  display: contents;
+  display: run-in;
+}
+
+.display-4 {
+  reading-flow: auto;
+  reading-order: auto;
+  display: flex-visual;
+  display: flex-flow;
+  display: grid-rows;
+  display: grid-columns;
+  display: source-order;
+  display: force-hidden;
+}
+
+.easing-1 {
+  display: auto;
+}
+
+.easing-2 {
+  display: linear(0, 0.25, 1);
+}
+
+.env-1 {
+  display: env(foo, red, blue);
+}
+
+.exclusions-3 {
+  wrap-flow: auto;
+  wrap-through: auto;
+  display: minimum;
+  display: maximum;
+}
+
+.fill-stroke-3 {
+  fill-rule: auto;
+  fill-break: auto;
+  fill-color: auto;
+  fill-image: auto;
+  fill-origin: auto;
+  fill-position: auto;
+  fill-size: auto;
+  fill-repeat: auto;
+  fill: auto;
+  fill-opacity: auto;
+  stroke-width: auto;
+  stroke-align: auto;
+  stroke-linecap: auto;
+  stroke-linejoin: auto;
+  stroke-miterlimit: auto;
+  stroke-break: auto;
+  stroke-dasharray: auto;
+  stroke-dashoffset: auto;
+  stroke-dash-corner: auto;
+  stroke-dash-justify: auto;
+  stroke-color: auto;
+  stroke-image: auto;
+  stroke-origin: auto;
+  stroke-position: auto;
+  stroke-size: auto;
+  stroke-repeat: auto;
+  stroke: auto;
+  stroke-opacity: auto;
+  display: butt;
+  display: arcs;
+  display: stupid;
+  display: compress;
+  display: dashes;
+  display: gaps;
+  display: bounding-box;
+}
+
+.filter-effects-1 {
+  flood-color: auto;
+  flood-opacity: auto;
+  color-interpolation-filters: auto;
+  lighting-color: auto;
+  display: sRGB;
+  display: linearRGB;
+}
+
+.flexbox-1 {
+  display: auto;
+}
+
+.font-loading-3 {
+  display: auto;
+}
+
+.fonts-3 {
+  display: common-ligatures;
+  display: no-common-ligatures;
+  display: discretionary-ligatures;
+  display: no-discretionary-ligatures;
+  display: historical-ligatures;
+  display: no-historical-ligatures;
+  display: contextual;
+  display: no-contextual;
+  display: all-small-caps;
+  display: petite-caps;
+  display: all-petite-caps;
+  display: unicase;
+  display: titling-caps;
+  display: lining-nums;
+  display: oldstyle-nums;
+  display: proportional-nums;
+  display: tabular-nums;
+  display: diagonal-fractions;
+  display: stacked-fractions;
+  display: jis78;
+  display: jis83;
+  display: jis90;
+  display: jis04;
+  display: simplified;
+  display: traditional;
+  display: proportional-width;
+  display: ordinal;
+  display: slashed-zero;
+}
+
+.fonts-4 {
+  font-synthesis-position: auto;
+  font-synthesis-weight: auto;
+  font-synthesis-style: auto;
+  font-synthesis-small-caps: auto;
+  font-named-instance: auto;
+  font-display: auto;
+  ascent-override: auto;
+  descent-override: auto;
+  line-gap-override: auto;
+  font-optical-sizing: auto;
+  font-variation-settings: auto;
+  font-palette: auto;
+  font-variant-emoji: auto;
+  font-presentation: auto;
+  display: oblique-only;
+  display: system-ui;
+  display: emoji;
+  display: math;
+  display: fangsong;
+  display: ui-serif;
+  display: ui-sans-serif;
+  display: ui-monospace;
+  display: ui-rounded;
+  display: xxx-large;
+  display: swap;
+  display: fallback;
+  display: historical-forms;
+  display: stylistic(feature-value-name);
+  display: styleset(feature-value-name #);
+  display: character-variant(feature-vlue-name #);
+  display: swash(feature-value-name);
+  display: ornaments(feature-value-name);
+  display: annotation(feature-value-name);
+  display: light;
+  display: dark;
+}
+
+@font-feature-values Test {
+  @swash {
+    swishy: 1;
+    flowing: 2;
+  }
+}
+
+@font-palette-values Test {
+  base-palette: 1;
+  override-color: 1 rgb(43, 12, 9);
+}
+
+.forms-1::picker(select),
+.forms-1::picker-icon,
+.forms-1::file-selector-button,
+.forms-1::checkmark,
+.forms-1::thumb,
+.forms-1::track,
+.forms-1::fill
+.forms-1::field-text,
+.forms-1::clear-icon,
+.forms-1::placeholder,
+.forms-1::field-text,
+.forms-1::step-control,
+.forms-1::step-up,
+.forms-1::step-down,
+.forms-1::field-component,
+.forms-1::field-separator,
+.forms-1::color-swatch,
+.forms-1:low-value,
+.forms-1:high-value,
+.forms-1:optimal-value {
+  slider-orientation: auto;
+  display: base;
+  display: control-value(<number>);
+  display: left-to-right;
+  display: right-to-left;
+  display: top-to-bottom;
+  display: bottom-to-top;
+}
+
+.gaps-1 {
+  column-rule-break: auto;
+  row-rule-break: auto;
+  rule-break: auto;
+  column-rule-edge-inset-end: auto;
+  column-rule-interior-inset-start: auto;
+  column-rule-interior-inset-end: auto;
+  row-rule-edge-inset-start: auto;
+  row-rule-edge-inset-end: auto;
+  row-rule-interior-inset-start: auto;
+  row-rule-interior-inset-end: auto;
+  rule-overlap: auto;
+  row-rule-color: auto;
+  rule-color: auto;
+  row-rule-style: auto;
+  rule-style: auto;
+  row-rule-width: auto;
+  rule-width: auto;
+  row-rule: auto;
+  rule: auto;
+  display: intersection;
+  display: row-over-column;
+  display: column-over-row;
+}
+
+.gcpm-3::footnote-call,
+.gcpm-3::footnote-marker {
+  running: auto;
+  footnote-display: auto;
+  footnote-policy: auto;
+  display: footnote;
+  display: line;
+  display: element(header);
+  display: running(heading);
+}
+
+.geometry-1 {
+  display: auto;
+}
+
+.grid-1 {
+  display: minmax(0, 1);
+  display: repeat(4);
+  display: dense;
+  display: auto-flow;
+  display: span;
+}
+
+.grid-2 {
+  display: auto;
+}
+
+.grid-3 {
+  flow-tolerance: auto;
+  item-track: auto;
+  item-direction: auto;
+  item-cross: auto;
+  item-wrap: auto;
+  item-pack: auto;
+  item-flow: auto;
+  display: grid-lanes;
+  display: inline-grid-lanes;
+}
+
+.highlight-api-1::highlight(test) {
+  display: auto;
+}
+
+.html5,
+rb,
+rtc,
+slot,
+template {
+  display: auto;
+}
+
+.image-animation-1:animated-image {
+  image-animation: auto;
+  display: stopped;
+}
+
+.images-3 {
+  image-orientation: auto;
+  display: snap;
+  display: flip;
+  display: from-image;
+  display: pixelated;
+  display: repeating-linear-gradient(to bottom, yellow, blue);
+  display: repeating-radial-gradient(farthest-corner at 50% 50%, yellow, green);
+}
+
+.images-4 {
+  image-resolution: auto;
+  display: image("sprite.svg#xywh=40,0,20,20");
+  display: element(#test);
+}
+
+.inline-3 {
+  dominant-baseline: auto;
+  alignment-baseline: auto;
+  baseline-source: auto;
+  baseline-shift: auto;
+  line-fit-edge: auto;
+  text-box: auto;
+  text-box-edge: auto;
+  text-box-trim: auto;
+  inline-sizing: auto;
+  initial-letter: auto;
+  initial-letter-align: auto;
+  initial-letter-wrap: auto;
+  display: mathematical;
+  display: central;
+  display: ideographic;
+  display: leading;
+  display: cap;
+  display: ex;
+  display: ideographic-ink;
+  display: drop;
+  display: raise;
+  display: trim-start;
+  display: trim-end;
+  display: trim-both;
+}
+
+.layout-api-1 {
+  display: auto;
+}
+
+.line-grid-1 {
+  line-grid: auto;
+  line-snap: auto;
+  box-snap: auto;
+  display: create;
+  display: block-start;
+  display: block-end;
+  display: first-baseline;
+  display: last-baseline;
+}
+
+.lists-3::marker {
+  marker-side: auto;
+  counter-set: auto;
+  display: match-self;
+  display: list-container;
+  display: counters(lack-of-example);
+}
+
+.logical-1 {
+  block-size: auto;
+  inline-size: auto;
+  min-block-size: auto;
+  min-inline-size: auto;
+  max-block-size: auto;
+  max-inline-size: auto;
+  margin-block-start: auto;
+  margin-block-end: auto;
+  margin-inline-start: auto;
+  margin-inline-end: auto;
+  margin-block: auto;
+  margin-inline: auto;
+  padding-block-start: auto;
+  padding-block-end: auto;
+  padding-inline-start: auto;
+  padding-inline-end: auto;
+  padding-block: auto;
+  padding-inline: auto;
+  border-block-start-width: auto;
+  border-block-end-width: auto;
+  border-inline-start-width: auto;
+  border-inline-end-width: auto;
+  border-block-width: auto;
+  border-inline-width: auto;
+  border-block-start-style: auto;
+  border-block-end-style: auto;
+  border-inline-start-style: auto;
+  border-inline-end-style: auto;
+  border-block-style: auto;
+  border-inline-style: auto;
+  border-block-start-color: auto;
+  border-block-end-color: auto;
+  border-inline-start-color: auto;
+  border-inline-end-color: auto;
+  border-block-color: auto;
+  border-inline-color: auto;
+  border-block-start: auto;
+  border-block-end: auto;
+  border-inline-start: auto;
+  border-inline-end: auto;
+  border-block: auto;
+  border-inline: auto;
+  border-start-start-radius: auto;
+  border-start-end-radius: auto;
+  border-end-start-radius: auto;
+  border-end-end-radius: auto;
+  display: logical;
+  display: physical;
+  display: rotate;
+}
+
+.masking-1,
+mask {
+  clip-path: auto;
+  clip-rule: auto;
+  mask-image: auto;
+  mask-mode: auto;
+  mask-repeat: auto;
+  mask-position: auto;
+  mask-clip: auto;
+  mask-origin: auto;
+  mask-size: auto;
+  mask-composite: auto;
+  mask: auto;
+  mask-border-source: auto;
+  display: fill-box;
+  display: stroke-box;
+  display: view-box;
+  display: nonzero;
+  display: evenodd;
+  display: alpha;
+  display: luminance;
+  display: no-clip;
+  display: add;
+  display: subtract;
+  display: intersect;
+  display: exclude;
+  mask-border-mode: auto;
+  mask-border-slice: auto;
+  mask-border-width: auto;
+  mask-border-outset: auto;
+  mask-border-repeat: auto;
+  mask-border: auto;
+  mask-type: auto;
+}
+
+@function mixins-1() {
+  result: auto;
+}
+
+.motion-1 {
+  offset-path: auto;
+  offset-distance: auto;
+  offset-position: auto;
+  offset-anchor: auto;
+  offset-rotate: auto;
+  offset: auto;
+  display: ray(45deg closest-side);
+  display: path(M 100 100 L 300 100 L 200 300 z);
+}
+
+.multicol-1 {
+  display: balance-all;
+}
+
+.multicol-2::column {
+  display: auto:
+}
+
+.namespace-3 {
+  display: auto;
+}
+
+.nav-1 {
+  spatial-navigation-contain: auto;
+  spatial-navigation-action: auto;
+  spatial-navigation-function: auto;
+  display: focus;
+}
+
+.overflow-3 {
+  overflow-clip-margin: auto;
+  overflow-block: auto;
+  overflow-inline: auto;
+  scrollbar-gutter: auto;
+  block-ellipsis: auto;
+  scroll-behavior: auto;
+  line-clamp: auto;
+  max-lines: auto;
+  continue: auto;
+  display: smooth;
+}
+
+.overflow-4::nth-fragment(1) {
+  overflow-clip-margin-block: auto;
+  overflow-clip-margin-block-start: auto;
+  overflow-clip-margin-block-end: auto;
+  overflow-clip-margin-inline: auto;
+  overflow-clip-margin-inline-start: auto;
+  overflow-clip-margin-inline-end: auto;
+  overflow-clip-margin-top: auto;
+  overflow-clip-margin-right: auto;
+  overflow-clip-margin-bottom: auto;
+  overflow-clip-margin-left: auto;
+  display: stable;
+  display: force;
+  display: overflow;
+  display: paginate;
+  display: fragments;
+}
+
+.overflow-5::scroll-marker-group,
+.overflow-5::scroll-marker,
+.overflow-5:target-current {
+  sroll-marker-group: auto;
+}
+
+.overscroll-1 {
+  overscroll-behavior: auto;
+  overscroll-behavior-block: auto;
+  overscroll-behavior-inline: auto;
+  overscroll-behavior-x: auto;
+  overscroll-behavior-y: auto;
+}
+
+.page-3 {
+  marks: auto;
+  bleed: auto;
+  page-orientation: auto;
+}
+
+.page-floats-3 {
+  float-reference: auto;
+  float-defer: auto;
+  float-offset: auto;
+  display: inline-start;
+  display: inline-end;
+  display: snap-block;
+  display: snap-inline;
+  display: snap-block(2em, near);
+  display: snap-inline(2em, near);
+}
+
+.paint-api-1 {
+  display: paint(my_logo);
+}
+
+.pointerevents {
+  touch-action: auto;
+  display: pan-x;
+  display: pan-y;
+  display: manipulation;
+}
+
+.position-3 {
+  inset-block-start: auto;
+  inset-block-end: auto;
+  inset-inline-start: auto;
+  inset-inline-end: auto;
+  inset-block: auto;
+  inset-inline: auto;
+  inset: auto;
+}
+
+.position-4::backdrop {
+  overlay: auto;
+}
+
+.properties-values-api-1 {
+  syntax: auto;
+  inherits: auto;
+  initial-value: auto;
+}
+
+.pseudo-4::first-letter::prefix,
+.pseudo-4::first-letter::suffix,
+.pseudo-4::target-text,
+.pseudo-4::spelling-error,
+.pseudo-4::grammer-error,
+.pseudo-4::file-selectors-button,
+.pseudo-4::search-text,
+.pseudo-4::details-content {
+  display: auto;
+}
+
+.regions-1:region {
+  flow-into: auto;
+  flow-from: auto;
+  region-fragment: auto;
+  display: element;
+  display: content;
+  display: break;
+  display: region;
+  display: avoid-region;
+}
+
+.resize-observer-1 {
+  display: auto;
+}
+
+.rhythm-1 {
+  block-step-size: auto;
+  block-step-insert: auto;
+  block-step-align: auto;
+  block-step-round: auto;
+  block-step: auto;
+  line-height-step: auto;
+  display: up;
+  display: down;
+  display: nearest;
+}
+
+@media (device-radius: 50%) {
+  .round-display-1 {
+    shape-inside: auto;
+    border-boundary: auto;
+    polar-angle: auto;
+    polar-distance: auto;
+    display: outside-shape;
+    display: shape-box;
+    display: parent;
+    display: polar;
+  }
+}
+
+.ruby-1 {
+  ruby-position: auto;
+  ruby-merge: auto;
+  ruby-align: auto;
+  ruby-overhang: auto;
+  display: ruby;
+  display: ruby-base;
+  display: ruby-text;
+  display: ruby-base-container;
+  display: ruby-text-container;
+  display: inter-character;
+  display: merge;
+}
+
+.scoping-1:scope-context div,
+.scoping-1:host,
+.scoping-1:host(.foo),
+.scoping-1:host-context,
+.scoping-1::shadow,
+.scoping-1::content,
+.scoping-1 /deep/ span {
+  display: auto;
+}
+
+@scope .scoping-1 {
+  div {
+    display: auto;
+  }
+}
+
+.scroll-anchoring-1 {
+  overflow-anchor: auto;
+}
+
+.scroll-animations-1 {
+  scroll-timeline-name: auto;
+  scroll-timeline-axis: auto;
+  scroll-timeline: auto;
+  view-timeline-name: auto;
+  view-timeline-axis: auto;
+  view-timeline-inset: auto;
+  view-timeline: auto;
+  animation-range: auto;
+  animation-delay-start: auto;
+  animation-delay-end: auto;
+  timeline-scope: auto;
+  display: entry;
+  display: exit;
+  display: defer;
+  display: ancestor;
+}
+
+.scroll-snap-1 {
+  scroll-snap-type: auto;
+  scroll-padding: auto;
+  scroll-margin: auto;
+  scroll-snap-align: auto;
+  scroll-snap-stop: auto;
+  scroll-padding-top: auto;
+  scroll-padding-right: auto;
+  scroll-padding-bottom: auto;
+  scroll-padding-left: auto;
+  scroll-padding-inline-start: auto;
+  scroll-padding-block-start: auto;
+  scroll-padding-inline-end: auto;
+  scroll-padding-block-end: auto;
+  scroll-padding-block: auto;
+  scroll-padding-inline: auto;
+  scroll-margin-top: auto;
+  scroll-margin-right: auto;
+  scroll-margin-bottom: auto;
+  scroll-margin-left: auto;
+  scroll-margin-inline-start: auto;
+  scroll-margin-block-start: auto;
+  scroll-margin-inline-end: auto;
+  scroll-margin-block-end: auto;
+  scroll-margin-block: auto;
+  scroll-margin-inline: auto;
+  display: x;
+  display: y;
+  display: mandatory;
+  display: proximity;
+}
+
+.scroll-snap-2,
+.scroll-snap-2:snapped-x,
+.scroll-snap-2:snapped-y,
+.scroll-snap-3:snapped-inline,
+.scroll-snap-2:snapped-block,
+.scroll-snap-2:snapped {
+  scroll-start-target: auto;
+}
+
+.scrollbars-1 {
+  scrollbar-color: auto;
+  scrollbar-width: auto;
+}
+
+.selectors-3:indeterminate,
+.selectors-3:nth-child(2n+1),
+.selectors-3:nth-last-child(-n+2),
+.selectors-3:nth-of-type(2n+1),
+.selectors-3:nth-last-of-type(n+2),
+.selectors-3:not([DISABLED]) {
+  display: auto;
+}
+
+.selectors-4 | h1,
+.selectors-4:where(:not(:hover)),
+.selectors-4:has(> img),
+.selectors-4:defined,
+.selectors-4:dir(ltr),
+.selectors-4:any-link,
+.selectors-4:scope,
+.selectors-4:playing,
+.selectors-4:paused,
+.selectors-4:seeking,
+.selectors-4:buffering,
+.selectors-4:stalled,
+.selectors-4:muted,
+.selectors-4:volume-locked,
+.selectors-4:open,
+.selectors-4:popover-open,
+.selectors-4:modal,
+.selectors-4:fullscreen,
+.selectors-4:picture-in-picture,
+.selectors-4:read-only,
+.selectors-4:read-write,
+.selectors-4:placeholder-shown,
+.selectors-4:autofill,
+.selectors-4:default,
+.selectors-4:valid,
+.selectors-4:in-range,
+.selectors-4:out-of-range,
+.selectors-4:required,
+.selectors-4:optional,
+.selectors-4:user-valid,
+.selectors-4:user-invalid {
+  display: auto;
+}
+
+.selectors-5:local-link,
+.selectors-5:interest-source,
+.selectors-5:interest-target,
+.selectors-5:blank,
+.selectors-5:current,
+.selectors-5:past,
+.selectors-5:future,
+.selectors-5:state(loading),
+.selectors-5:heading,
+.selectors-5:headings(1, 3, 5),
+.selectors-5 || .foo,
+.selectors-5:nth-col(1),
+.selectors-5:nth-last-col(1),
+.selectors-5 /for/ .foo {
+  display: auto;
+}
+
+.shadow-parts::part(textspan) {
+  display: auto;
+}
+
+.shapes-1 {
+  shape-outside: auto;
+  shape-image-threshold: auto;
+  shape-margin: auto;
+  display: margin-box;
+  display: inset(50% 50% 50% 50%);
+  display: circle(100px 50px 100px);
+  display: ellipse(0 0 250px 100px);
+  display: polygon(0 0, 100% 100%, 0 100%);
+  display: shape(from 0% 0%, hline to 100%, line to 0% 100%, vline to 0%);
+}
+
+.sizing-3 {
+display: auto;
+}
+
+.sizing-4 {
+  contain-intrinsic-size: auto;
+  min-intrinsic-sizing: auto;
+  display: fit-content;
+  display: zero-if-scroll;
+  display: zero-if-extrinsic;
+}
+
+.speech-1 {
+  voice-volume: auto;
+  voice-balance: auto;
+  rest-before: auto;
+  rest-after: auto;
+  rest: auto;
+  voice-rate: auto;
+  voice-pitch: auto;
+  voice-range: auto;
+  voice-stress: auto;
+  voice-duration: auto;
+  display: 10dB;
+  display: literal-punctuation;
+  display: no-punctuation;
+  display: x-weak;
+  display: weak;
+  display: strong;
+  display: x-strong;
+  display: young;
+  display: old;
+  display: neutral;
+  display: preserve;
+  display: 10st;
+  display: moderate;
+  display: reduced;
+  display: never;
+}
+
+.style-attr {
+  display: auto;
+}
+
+.svg2,
+animate,
+animateMotion,
+animateTransform,
+circle,
+clipPath,
+cursor,
+defs,
+desc,
+discard,
+ellipse,
+feBlend,
+feColorMatrix,
+feComponentTransfer,
+feComposite,
+feConvolveMatrix,
+feDiffuseLighting,
+feDisplacementMap,
+feDistantLight,
+feDropShadow,
+feFlood,
+feFuncA,
+feFuncB,
+feFuncG,
+feFuncR,
+feGaussianBlur,
+feImage,
+feMerge,
+feMergeNode,
+feMorphology,
+feOffset,
+fePointLight,
+feSpecularLighting,
+feSpotLight,
+feTile,
+feTurbulence,
+filter,
+foreignObject,
+g,
+hatch,
+hatchpath,
+image,
+line,
+linearGradient,
+marker,
+mesh,
+meshgradient,
+meshpatch,
+meshrow,
+metadata,
+mpath,
+path,
+pattern,
+polygon,
+polyline,
+radialGradient,
+rect,
+set,
+solidcolor,
+stop,
+switch,
+symbol,
+text,
+textPath,
+tspan,
+unknown,
+use,
+view {
+  color-interpolation: auto;
+  color-rendering: auto;
+  cx: auto;
+  cy: auto;
+  d: auto;
+  marker-end: auto;
+  marker-mid: auto;
+  marker-start: auto;
+  r: auto;
+  rx: auto;
+  ry: auto;
+  shape-rendering: auto;
+  solid-color: auto;
+  solid-opacity: auto;
+  stop-color: auto;
+  stop-opacity: auto;
+  text-anchor: auto;
+  vector-effect: auto;
+  x: auto;
+  y: auto;
+  display: crispEdges;
+  display: geometricPrecision;
+  display: optimizeQuality;
+  display: viewport;
+  display: context-fill;
+  display: context-stroke;
+  display: fixed-position;
+  display: miter;
+  display: miter-clip;
+  display: non-scaling-stroke;
+  display: non-scaling-size;
+  display: non-rotation;
+  display: child(1);
+  display: icc-color(foo);
+}
+
+.syntax-3 {
+  display: auto;
+}
+
+.tables-3 {
+  display: auto;
+}
+
+.text-3 {
+  tab-size: auto;
+  text-align-all: auto;
+  display: loose;
+  display: strict;
+  display: match-parent;
+  display: hanging;
+  display: each-line;
+  display: full-width;
+  display: anywhere;
+  display: justify-all;
+  display: break-spaces;
+}
+
+.text-4 {
+  white-space-collapse: auto;
+  white-space-trim: auto;
+  text-wrap: auto;
+  wrap-before: auto;
+  wrap-after: auto;
+  wrap-inside: auto;
+  hyphenate-character: auto;
+  hyphenate-limit-zone: auto;
+  hyphenate-limit-chars: auto;
+  hyphenate-limit-lines: auto;
+  hyphenate-limit-last: auto;
+  text-group-align: auto;
+  line-padding: auto;
+  text-autospace: auto;
+  text-spacing-trim: auto;
+  text-spacing: auto;
+  word-boundary-detection: auto;
+  word-space-transform: auto;
+  display: math-auto;
+  display: preserve-breaks;
+  display: preserve-spaces;
+  display: discard-inner;
+  display: discard-before;
+  display: discard-after;
+  display: pretty;
+  display: avoid-line;
+  display: avoid-flex;
+  display: pre-wrap-auto;
+  display: no-limit;
+  display: spread;
+  display: space-all;
+  display: trim-both;
+  display: space-first;
+  display: trim-all;
+  display: no-compress;
+  display: ideograph-alpha;
+  display: ideograph-numeric;
+  display: punctuation;
+  display: ideographic-space;
+  display: avoid-orphans;
+}
+
+.text-decor-3 {
+  text-decoration-color: auto;
+  text-decoration-line: auto;
+  text-decoration-style: auto;
+  text-emphasis: auto;
+  text-emphasis-color: auto;
+  text-emphasis-position: auto;
+  text-emphasis-style: auto;
+  display: filled;
+  display: dot;
+  display: sesame;
+  display: alphabetic;
+  display: ink;
+  display: under;
+  display: wavy;
+  display: under;
+  display: over;
+  display: triangle;
+}
+
+.text-decor-4 {
+  text-decoration-thickness: auto;
+  text-underline-offset: auto;
+  text-decoration-skip: auto;
+  text-decoration-skip-ink: auto;
+  text-emphasis-skip: auto;
+  display: spelling-error;
+  display: grammer-error;
+  display: objects;
+  display: from-font;
+  display: spaces;
+  display: leading-spaces;
+  display: trailing-spaces;
+  display: edges;
+  display: box-decoration;
+  display: symbols;
+  display: narrow;
+}
+
+.timing-1 {
+  display: frames(2);
+}
+
+.transforms-1 {
+  transform-box: auto;
+}
+
+.tranforms-2 {
+  rotate: auto;
+  scale: auto;
+  translate: auto;
+  display: flat;
+}
+
+.transitions-1 {
+  display: auto;
+}
+
+@starting-style {
+  .transitions-2 {
+    display: auto;
+  }
+}
+
+.typed-om-1 {
+  display: auto;
+}
+
+.ui-3 {
+  caret-color: auto;
+  display: grab;
+  display: grabbing;
+}
+
+.ui-4 {
+  caret-shape: auto;
+  caret-animation: auto;
+  caret: auto;
+  interactivity: auto;
+  interest-delay-start: auto;
+  interest-delay-end: auto;
+  interest-delay: auto;
+  accent-color: auto;
+  display: underscore;
+  display: inert;
+}
+
+.unofficials {
+  backdrop-filter: auto;
+  display: env(safe-area-inset-top, 20px);
+}
+
+.values-3 {
+  display: 1q;
+  display: 1turn;
+}
+
+.values-4 {
+  display: 1vi;
+  display: 1vb;
+  display: 1rex;
+  display: 1cap;
+  display: 1rcap;
+  display: 1rch;
+  display: 1ic;
+  display: 1ric;
+  display: 1lh;
+  display: 1rlh;
+  display: 1svh;
+  display: 1svw;
+  display: 1svi;
+  display: 1svb;
+  display: 1svmin;
+  display: 1svmax;
+  display: 1lvh;
+  display: 1lvw;
+  display: 1lvi;
+  display: 1lvb;
+  display: 1lvmin;
+  display: 1lvmax;
+  display: 1dvh;
+  display: 1dvw;
+  display: 1dvi;
+  display: 1dvb;
+  display: 1dvmin;
+  display: 1dvmax;
+  display: min(0, 1);
+  display: max(0, 1);
+  display: clamp(0, 100, 2);
+  display: round(var(--width), 50px);
+  display: mod(-18px, 5px);
+  display: rem(-18px, 5px);
+  display: sin(45deg);
+  display: cos(1);
+  display: tan(1);
+  display: asin(45deg);
+  display: acos(1);
+  display: atan(1);
+  display: atan2(1, -1);
+  display: pow(1.5, -1);
+  display: sqrt(4);
+  display: hypot(30px, 40px);
+  display: log(10);
+  display: exp(1);
+  display: abs(-1);
+  display: sign(-4);
+}
+
+.values-5 {
+  interpolate-size: auto;
+  display: numeric-only;
+  display: allow-keyword;
+  display: progress(1, 0, 100);
+  display: media-progress(width, 0, 100);
+  display: container-progress(width, 0, 100);
+  display: calc-mix(0.5, 0, 100);
+  display: color-mix(15%, black, white);
+  display: transform-mix(1, scale(0.5), rotate(10deg));
+  display: mix(90%, red, blue);
+  display: cross-fade(15%, url(foo.png), white);
+  display: toggle(italic, normal);
+  display: first-valid(center, none, 1px);
+  display: if(media(screen): red; else: auto);
+  display: inherit(--foo, auto);
+  display: random(1, 10, by 1);
+  display: random-item(--x, red, yellow, green);
+  display: sibling-count();
+  display: sibling-index();
+  display: calc-size(any, 0px);
+}
+
+.variables-1 {
+  display: auto;
+}
+
+.view-transitions-1::view-transition,
+.view-transitions-1::view-transition-group(*),
+.view-transitions-1::view-transition-image-pair(*),
+.view-transitions-1::view-transition-old(*),
+.view-transitions-1::view-transition-new(*) {
+  view-transition-name: auto;
+}
+
+.view-transitions-2:active-view-transition,
+.view-transitions-2:active-view-transition-type(slide-in) {
+  view-transition-class: auto;
+  navigation: auto;
+  types: auto;
+}
+
+.web-animations-1 {
+  display: auto;
+}
+
+.webvtt1::cue,
+.webvtt1::cue-region,
+.webvtt1::cue(#cue1),
+.webvtt1::cue-region(#scroll), {
+  display: auto;
+}
+
+.will-change-1 {
+  will-change: auto;
+  display: scroll-position;
+}
+
+.worklets-1 {
+  display: auto;
+}
+
+.writing-modes-3 {
+  writing-mode: auto;
+  text-orientation: auto;
+  text-combine-upright: auto;
+  glyph-orientation-vertical: auto;
+  display: before;
+  display: after;
+  display: mixed;
+  display: upright;
+  display: plaintext;
+  display: sideways;
+  display: isolate;
+  display: isolate-override;
+  display: horizontal-tb;
+  display: vertical-rl;
+  display: vertical-lr;
+}
+
+.writing-modes-4 {
+  display: sideways-rl;
+  display: sideways-lr;
+}