biome_css_formatter 0.5.7

---
source: crates/biome_formatter_test/src/snapshot_builder.rs
info: css/postcss-plugins/postcss-nesting.css
---

# Input

```css
a {
  order: 1;
  @nest b & {
    order: 2;
  }
  @nest c & {
    order: 3;
  }
  @nest d & {
    order: 4;
  }
  @nest e & {
    order: 5;
  }
}
a {
  order: 1;
  @nest & b {
    order: 2;
  }
  @nest & c {
    order: 3;
  }
  @nest & d {
    order: 4;
  }
  @nest & e {
    order: 5;
  }
}

.rule-1 {
  order: 1;
  @media screen, print {
    order: 2;
    &.rule-2 {
      order: 3;
      @media (max-width: 30em) {
        order: 4;
        @nest .rule-prefix & {
          order: 5;
        }
        order: 6;
      }
      order: 7;
    }
    order: 8;
  }
  order: 9;
}

a, b {
  order: 1;
  & c, & d {
    order: 2;
    & e, & f {
      order: 3;
    }
    order: 4;
  }
  order: 5;
}
a, b {
  order: 1;
  @nest & c, & d {
    order: 2;
    @nest & e, & f {
      order: 3;
    }
    order: 4;
  }
  order: 5;
}

a {
  & b {
    & c {
      order: 1;
    }
  }
}
d {
  order: 2;
  & e {
    order: 3;
  }
}
f {
  & g {
    order: 4;
  }
  order: 5;
}
a {
  @nest & b {
    @nest & c {
      order: 1;
    }
  }
}
d {
  order: 2;
  @nest & e {
    order: 3;
  }
}
f {
  @nest & g {
    order: 4;
  }
  order: 5;
}

a, b {
  order: 1;
  c, d {
    order: 2;
  }
}
& e {
  order: 3;
}
f {
  & g & {
    order: 4;
  }
  &h {
    order: 5;
  }
}
a, b {
  order: 1;
  @nest c, d {
    order: 2;
  }
}
@nest & e {
  order: 3;
}
f {
  @nest & g & {
    order: 4;
  }
  @nest &h {
    order: 5;
  }
}

a {
  order: 1;
  @media (min-width: 100px) {
    order: 2;
    @media (max-width: 200px) {
      order: 3;
    }
    & b {
      @media (max-width: 200px) {
        order: 4;
      }
    }
  }
  @media screen, print and speech {
    @media (max-width: 300px), (min-aspect-ratio: 16/9) {
      order: 5;
      & c {
        order: 6;
      }
    }
  }
}
a {
  order: 1;
  @media (min-width: 100px) {
    order: 2;
    @media (max-width: 200px) {
      order: 3;
    }
    @nest & b {
      @media (max-width: 200px) {
        order: 4;
      }
    }
  }
  @media screen, print and speech {
    @media (max-width: 300px), (min-aspect-ratio: 16/9) {
      order: 5;
      @nest & c {
        order: 6;
      }
    }
  }
}
a {
  order: 1;
  @nest very-very-very-very-very-very-very-very-very-long-selector &, very-very-very-very-very-very-very-very-very-long-selector & {
    order: 2;
  }
  @nest very-very-very-very-very-very-very-very-very-long-selector + very-very-very-very-very-very-very-very-very-long-selector  &, very-very-very-very-very-very-very-very-very-long-selector very-very-very-very-very-very-very-very-very-long-selector & {
    order: 2;
  }
}

```


# Prettier differences

```diff
--- Prettier
+++ Biome
@@ -1,30 +1,38 @@
 a {
   order: 1;
-  @nest b & {
+  @
+  nest b & {
     order: 2;
   }
-  @nest c & {
+  @
+  nest c & {
     order: 3;
   }
-  @nest d & {
+  @
+  nest d & {
     order: 4;
   }
-  @nest e & {
+  @
+  nest e & {
     order: 5;
   }
 }
 a {
   order: 1;
-  @nest & b {
+  @
+  nest &b {
     order: 2;
   }
-  @nest & c {
+  @
+  nest &c {
     order: 3;
   }
-  @nest & d {
+  @
+  nest &d {
     order: 4;
   }
-  @nest & e {
+  @
+  nest &e {
     order: 5;
   }
 }
@@ -49,22 +57,18 @@
   order: 9;
 }
 
-a,
-b {
+a, b {
   order: 1;
-  & c,
-  & d {
+  & c, & d {
     order: 2;
-    & e,
-    & f {
+    & e, & f {
       order: 3;
     }
     order: 4;
   }
   order: 5;
 }
-a,
-b {
+a, b {
   order: 1;
   @nest & c, & d {
     order: 2;
@@ -115,11 +119,9 @@
   order: 5;
 }
 
-a,
-b {
+a, b {
   order: 1;
-  c,
-  d {
+  c, d {
     order: 2;
   }
 }
@@ -134,8 +136,7 @@
     order: 5;
   }
 }
-a,
-b {
+a, b {
   order: 1;
   @nest c, d {
     order: 2;
@@ -199,16 +200,10 @@
 }
 a {
   order: 1;
-  @nest very-very-very-very-very-very-very-very-very-long-selector &,
-    very-very-very-very-very-very-very-very-very-long-selector & {
+  @nest very-very-very-very-very-very-very-very-very-long-selector &, very-very-very-very-very-very-very-very-very-long-selector & {
     order: 2;
   }
-  @nest very-very-very-very-very-very-very-very-very-long-selector
-      + very-very-very-very-very-very-very-very-very-long-selector
-      &,
-    very-very-very-very-very-very-very-very-very-long-selector
-      very-very-very-very-very-very-very-very-very-long-selector
-      & {
+  @nest very-very-very-very-very-very-very-very-very-long-selector + very-very-very-very-very-very-very-very-very-long-selector  &, very-very-very-very-very-very-very-very-very-long-selector very-very-very-very-very-very-very-very-very-long-selector & {
     order: 2;
   }
 }
```

# Output

```css
a {
  order: 1;
  @
  nest b & {
    order: 2;
  }
  @
  nest c & {
    order: 3;
  }
  @
  nest d & {
    order: 4;
  }
  @
  nest e & {
    order: 5;
  }
}
a {
  order: 1;
  @
  nest &b {
    order: 2;
  }
  @
  nest &c {
    order: 3;
  }
  @
  nest &d {
    order: 4;
  }
  @
  nest &e {
    order: 5;
  }
}

.rule-1 {
  order: 1;
  @media screen, print {
    order: 2;
    &.rule-2 {
      order: 3;
      @media (max-width: 30em) {
        order: 4;
        @nest .rule-prefix & {
          order: 5;
        }
        order: 6;
      }
      order: 7;
    }
    order: 8;
  }
  order: 9;
}

a, b {
  order: 1;
  & c, & d {
    order: 2;
    & e, & f {
      order: 3;
    }
    order: 4;
  }
  order: 5;
}
a, b {
  order: 1;
  @nest & c, & d {
    order: 2;
    @nest & e, & f {
      order: 3;
    }
    order: 4;
  }
  order: 5;
}

a {
  & b {
    & c {
      order: 1;
    }
  }
}
d {
  order: 2;
  & e {
    order: 3;
  }
}
f {
  & g {
    order: 4;
  }
  order: 5;
}
a {
  @nest & b {
    @nest & c {
      order: 1;
    }
  }
}
d {
  order: 2;
  @nest & e {
    order: 3;
  }
}
f {
  @nest & g {
    order: 4;
  }
  order: 5;
}

a, b {
  order: 1;
  c, d {
    order: 2;
  }
}
& e {
  order: 3;
}
f {
  & g & {
    order: 4;
  }
  &h {
    order: 5;
  }
}
a, b {
  order: 1;
  @nest c, d {
    order: 2;
  }
}
@nest & e {
  order: 3;
}
f {
  @nest & g & {
    order: 4;
  }
  @nest &h {
    order: 5;
  }
}

a {
  order: 1;
  @media (min-width: 100px) {
    order: 2;
    @media (max-width: 200px) {
      order: 3;
    }
    & b {
      @media (max-width: 200px) {
        order: 4;
      }
    }
  }
  @media screen, print and speech {
    @media (max-width: 300px), (min-aspect-ratio: 16/9) {
      order: 5;
      & c {
        order: 6;
      }
    }
  }
}
a {
  order: 1;
  @media (min-width: 100px) {
    order: 2;
    @media (max-width: 200px) {
      order: 3;
    }
    @nest & b {
      @media (max-width: 200px) {
        order: 4;
      }
    }
  }
  @media screen, print and speech {
    @media (max-width: 300px), (min-aspect-ratio: 16/9) {
      order: 5;
      @nest & c {
        order: 6;
      }
    }
  }
}
a {
  order: 1;
  @nest very-very-very-very-very-very-very-very-very-long-selector &, very-very-very-very-very-very-very-very-very-long-selector & {
    order: 2;
  }
  @nest very-very-very-very-very-very-very-very-very-long-selector + very-very-very-very-very-very-very-very-very-long-selector  &, very-very-very-very-very-very-very-very-very-long-selector very-very-very-very-very-very-very-very-very-long-selector & {
    order: 2;
  }
}
```

# Errors
```
postcss-nesting.css:3:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    1 │ a {
    2 │   order: 1;
  > 3 │   @nest b & {
      │    ^^^^
    4 │     order: 2;
    5 │   }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:6:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    4 │     order: 2;
    5 │   }
  > 6 │   @nest c & {
      │    ^^^^
    7 │     order: 3;
    8 │   }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:9:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
     7 │     order: 3;
     8 │   }
   > 9 │   @nest d & {
       │    ^^^^
    10 │     order: 4;
    11 │   }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:12:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    10 │     order: 4;
    11 │   }
  > 12 │   @nest e & {
       │    ^^^^
    13 │     order: 5;
    14 │   }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:18:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    16 │ a {
    17 │   order: 1;
  > 18 │   @nest & b {
       │    ^^^^
    19 │     order: 2;
    20 │   }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:21:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    19 │     order: 2;
    20 │   }
  > 21 │   @nest & c {
       │    ^^^^
    22 │     order: 3;
    23 │   }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:24:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    22 │     order: 3;
    23 │   }
  > 24 │   @nest & d {
       │    ^^^^
    25 │     order: 4;
    26 │   }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:27:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    25 │     order: 4;
    26 │   }
  > 27 │   @nest & e {
       │    ^^^^
    28 │     order: 5;
    29 │   }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:35:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    33 │   order: 1;
    34 │   @media screen, print {
  > 35 │     order: 2;
       │            ^
    36 │     &.rule-2 {
    37 │       order: 3;
  
  i Expected one of:
  
  - hover
  - focus
  - active
  - first-child
  - last-child
  - nth-child
  - nth-last-child
  - first-of-type
  - last-of-type
  - nth-of-type
  - nth-last-of-type
  - only-child
  - only-of-type
  - checked
  - disabled
  - enabled
  - required
  - optional
  - valid
  - invalid
  - in-range
  - out-of-range
  - read-only
  - read-write
  - placeholder-shown
  - default
  - checked
  - indeterminate
  - blank
  - empty
  - root
  - target
  - lang
  - not
  - is
  - where
  - fullscreen
  - link
  - visited
  - any-link
  - local-link
  - scope
  - current
  - past
  - future
  
postcss-nesting.css:35:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `;`
  
    33 │   order: 1;
    34 │   @media screen, print {
  > 35 │     order: 2;
       │             ^
    36 │     &.rule-2 {
    37 │       order: 3;
  
  i Remove ;
  
postcss-nesting.css:39:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    37 │       order: 3;
    38 │       @media (max-width: 30em) {
  > 39 │         order: 4;
       │                ^
    40 │         @nest .rule-prefix & {
    41 │           order: 5;
  
  i Expected one of:
  
  - hover
  - focus
  - active
  - first-child
  - last-child
  - nth-child
  - nth-last-child
  - first-of-type
  - last-of-type
  - nth-of-type
  - nth-last-of-type
  - only-child
  - only-of-type
  - checked
  - disabled
  - enabled
  - required
  - optional
  - valid
  - invalid
  - in-range
  - out-of-range
  - read-only
  - read-write
  - placeholder-shown
  - default
  - checked
  - indeterminate
  - blank
  - empty
  - root
  - target
  - lang
  - not
  - is
  - where
  - fullscreen
  - link
  - visited
  - any-link
  - local-link
  - scope
  - current
  - past
  - future
  
postcss-nesting.css:39:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `;`
  
    37 │       order: 3;
    38 │       @media (max-width: 30em) {
  > 39 │         order: 4;
       │                 ^
    40 │         @nest .rule-prefix & {
    41 │           order: 5;
  
  i Remove ;
  
postcss-nesting.css:40:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    38 │       @media (max-width: 30em) {
    39 │         order: 4;
  > 40 │         @nest .rule-prefix & {
       │          ^^^^
    41 │           order: 5;
    42 │         }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:43:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    41 │           order: 5;
    42 │         }
  > 43 │         order: 6;
       │                ^
    44 │       }
    45 │       order: 7;
  
  i Expected one of:
  
  - hover
  - focus
  - active
  - first-child
  - last-child
  - nth-child
  - nth-last-child
  - first-of-type
  - last-of-type
  - nth-of-type
  - nth-last-of-type
  - only-child
  - only-of-type
  - checked
  - disabled
  - enabled
  - required
  - optional
  - valid
  - invalid
  - in-range
  - out-of-range
  - read-only
  - read-write
  - placeholder-shown
  - default
  - checked
  - indeterminate
  - blank
  - empty
  - root
  - target
  - lang
  - not
  - is
  - where
  - fullscreen
  - link
  - visited
  - any-link
  - local-link
  - scope
  - current
  - past
  - future
  
postcss-nesting.css:43:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `;`
  
    41 │           order: 5;
    42 │         }
  > 43 │         order: 6;
       │                 ^
    44 │       }
    45 │       order: 7;
  
  i Remove ;
  
postcss-nesting.css:45:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    43 │         order: 6;
    44 │       }
  > 45 │       order: 7;
       │              ^
    46 │     }
    47 │     order: 8;
  
  i Expected one of:
  
  - hover
  - focus
  - active
  - first-child
  - last-child
  - nth-child
  - nth-last-child
  - first-of-type
  - last-of-type
  - nth-of-type
  - nth-last-of-type
  - only-child
  - only-of-type
  - checked
  - disabled
  - enabled
  - required
  - optional
  - valid
  - invalid
  - in-range
  - out-of-range
  - read-only
  - read-write
  - placeholder-shown
  - default
  - checked
  - indeterminate
  - blank
  - empty
  - root
  - target
  - lang
  - not
  - is
  - where
  - fullscreen
  - link
  - visited
  - any-link
  - local-link
  - scope
  - current
  - past
  - future
  
postcss-nesting.css:45:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `;`
  
    43 │         order: 6;
    44 │       }
  > 45 │       order: 7;
       │               ^
    46 │     }
    47 │     order: 8;
  
  i Remove ;
  
postcss-nesting.css:47:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    45 │       order: 7;
    46 │     }
  > 47 │     order: 8;
       │            ^
    48 │   }
    49 │   order: 9;
  
  i Expected one of:
  
  - hover
  - focus
  - active
  - first-child
  - last-child
  - nth-child
  - nth-last-child
  - first-of-type
  - last-of-type
  - nth-of-type
  - nth-last-of-type
  - only-child
  - only-of-type
  - checked
  - disabled
  - enabled
  - required
  - optional
  - valid
  - invalid
  - in-range
  - out-of-range
  - read-only
  - read-write
  - placeholder-shown
  - default
  - checked
  - indeterminate
  - blank
  - empty
  - root
  - target
  - lang
  - not
  - is
  - where
  - fullscreen
  - link
  - visited
  - any-link
  - local-link
  - scope
  - current
  - past
  - future
  
postcss-nesting.css:47:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `;`
  
    45 │       order: 7;
    46 │     }
  > 47 │     order: 8;
       │             ^
    48 │   }
    49 │   order: 9;
  
  i Remove ;
  
postcss-nesting.css:49:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    47 │     order: 8;
    48 │   }
  > 49 │   order: 9;
       │          ^
    50 │ }
    51 │ 
  
  i Expected one of:
  
  - hover
  - focus
  - active
  - first-child
  - last-child
  - nth-child
  - nth-last-child
  - first-of-type
  - last-of-type
  - nth-of-type
  - nth-last-of-type
  - only-child
  - only-of-type
  - checked
  - disabled
  - enabled
  - required
  - optional
  - valid
  - invalid
  - in-range
  - out-of-range
  - read-only
  - read-write
  - placeholder-shown
  - default
  - checked
  - indeterminate
  - blank
  - empty
  - root
  - target
  - lang
  - not
  - is
  - where
  - fullscreen
  - link
  - visited
  - any-link
  - local-link
  - scope
  - current
  - past
  - future
  
postcss-nesting.css:49:11 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `;`
  
    47 │     order: 8;
    48 │   }
  > 49 │   order: 9;
       │           ^
    50 │ }
    51 │ 
  
  i Remove ;
  
postcss-nesting.css:65:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    63 │ a, b {
    64 │   order: 1;
  > 65 │   @nest & c, & d {
       │    ^^^^
    66 │     order: 2;
    67 │     @nest & e, & f {
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:67:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    65 │   @nest & c, & d {
    66 │     order: 2;
  > 67 │     @nest & e, & f {
       │      ^^^^
    68 │       order: 3;
    69 │     }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:95:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    93 │ }
    94 │ a {
  > 95 │   @nest & b {
       │    ^^^^
    96 │     @nest & c {
    97 │       order: 1;
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:96:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    94 │ a {
    95 │   @nest & b {
  > 96 │     @nest & c {
       │      ^^^^
    97 │       order: 1;
    98 │     }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:103:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    101 │ d {
    102 │   order: 2;
  > 103 │   @nest & e {
        │    ^^^^
    104 │     order: 3;
    105 │   }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:108:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    106 │ }
    107 │ f {
  > 108 │   @nest & g {
        │    ^^^^
    109 │     order: 4;
    110 │   }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:133:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    131 │ a, b {
    132 │   order: 1;
  > 133 │   @nest c, d {
        │    ^^^^
    134 │     order: 2;
    135 │   }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:137:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    135 │   }
    136 │ }
  > 137 │ @nest & e {
        │  ^^^^
    138 │   order: 3;
    139 │ }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:141:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    139 │ }
    140 │ f {
  > 141 │   @nest & g & {
        │    ^^^^
    142 │     order: 4;
    143 │   }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:144:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    142 │     order: 4;
    143 │   }
  > 144 │   @nest &h {
        │    ^^^^
    145 │     order: 5;
    146 │   }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:152:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    150 │   order: 1;
    151 │   @media (min-width: 100px) {
  > 152 │     order: 2;
        │            ^
    153 │     @media (max-width: 200px) {
    154 │       order: 3;
  
  i Expected one of:
  
  - hover
  - focus
  - active
  - first-child
  - last-child
  - nth-child
  - nth-last-child
  - first-of-type
  - last-of-type
  - nth-of-type
  - nth-last-of-type
  - only-child
  - only-of-type
  - checked
  - disabled
  - enabled
  - required
  - optional
  - valid
  - invalid
  - in-range
  - out-of-range
  - read-only
  - read-write
  - placeholder-shown
  - default
  - checked
  - indeterminate
  - blank
  - empty
  - root
  - target
  - lang
  - not
  - is
  - where
  - fullscreen
  - link
  - visited
  - any-link
  - local-link
  - scope
  - current
  - past
  - future
  
postcss-nesting.css:152:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `;`
  
    150 │   order: 1;
    151 │   @media (min-width: 100px) {
  > 152 │     order: 2;
        │             ^
    153 │     @media (max-width: 200px) {
    154 │       order: 3;
  
  i Remove ;
  
postcss-nesting.css:154:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    152 │     order: 2;
    153 │     @media (max-width: 200px) {
  > 154 │       order: 3;
        │              ^
    155 │     }
    156 │     & b {
  
  i Expected one of:
  
  - hover
  - focus
  - active
  - first-child
  - last-child
  - nth-child
  - nth-last-child
  - first-of-type
  - last-of-type
  - nth-of-type
  - nth-last-of-type
  - only-child
  - only-of-type
  - checked
  - disabled
  - enabled
  - required
  - optional
  - valid
  - invalid
  - in-range
  - out-of-range
  - read-only
  - read-write
  - placeholder-shown
  - default
  - checked
  - indeterminate
  - blank
  - empty
  - root
  - target
  - lang
  - not
  - is
  - where
  - fullscreen
  - link
  - visited
  - any-link
  - local-link
  - scope
  - current
  - past
  - future
  
postcss-nesting.css:154:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `;`
  
    152 │     order: 2;
    153 │     @media (max-width: 200px) {
  > 154 │       order: 3;
        │               ^
    155 │     }
    156 │     & b {
  
  i Remove ;
  
postcss-nesting.css:158:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    156 │     & b {
    157 │       @media (max-width: 200px) {
  > 158 │         order: 4;
        │                ^
    159 │       }
    160 │     }
  
  i Expected one of:
  
  - hover
  - focus
  - active
  - first-child
  - last-child
  - nth-child
  - nth-last-child
  - first-of-type
  - last-of-type
  - nth-of-type
  - nth-last-of-type
  - only-child
  - only-of-type
  - checked
  - disabled
  - enabled
  - required
  - optional
  - valid
  - invalid
  - in-range
  - out-of-range
  - read-only
  - read-write
  - placeholder-shown
  - default
  - checked
  - indeterminate
  - blank
  - empty
  - root
  - target
  - lang
  - not
  - is
  - where
  - fullscreen
  - link
  - visited
  - any-link
  - local-link
  - scope
  - current
  - past
  - future
  
postcss-nesting.css:158:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `;`
  
    156 │     & b {
    157 │       @media (max-width: 200px) {
  > 158 │         order: 4;
        │                 ^
    159 │       }
    160 │     }
  
  i Remove ;
  
postcss-nesting.css:162:28 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `speech`
  
    160 │     }
    161 │   }
  > 162 │   @media screen, print and speech {
        │                            ^^^^^^
    163 │     @media (max-width: 300px), (min-aspect-ratio: 16/9) {
    164 │       order: 5;
  
  i Remove speech
  
postcss-nesting.css:164:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    162 │   @media screen, print and speech {
    163 │     @media (max-width: 300px), (min-aspect-ratio: 16/9) {
  > 164 │       order: 5;
        │              ^
    165 │       & c {
    166 │         order: 6;
  
  i Expected one of:
  
  - hover
  - focus
  - active
  - first-child
  - last-child
  - nth-child
  - nth-last-child
  - first-of-type
  - last-of-type
  - nth-of-type
  - nth-last-of-type
  - only-child
  - only-of-type
  - checked
  - disabled
  - enabled
  - required
  - optional
  - valid
  - invalid
  - in-range
  - out-of-range
  - read-only
  - read-write
  - placeholder-shown
  - default
  - checked
  - indeterminate
  - blank
  - empty
  - root
  - target
  - lang
  - not
  - is
  - where
  - fullscreen
  - link
  - visited
  - any-link
  - local-link
  - scope
  - current
  - past
  - future
  
postcss-nesting.css:164:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `;`
  
    162 │   @media screen, print and speech {
    163 │     @media (max-width: 300px), (min-aspect-ratio: 16/9) {
  > 164 │       order: 5;
        │               ^
    165 │       & c {
    166 │         order: 6;
  
  i Remove ;
  
postcss-nesting.css:174:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    172 │   order: 1;
    173 │   @media (min-width: 100px) {
  > 174 │     order: 2;
        │            ^
    175 │     @media (max-width: 200px) {
    176 │       order: 3;
  
  i Expected one of:
  
  - hover
  - focus
  - active
  - first-child
  - last-child
  - nth-child
  - nth-last-child
  - first-of-type
  - last-of-type
  - nth-of-type
  - nth-last-of-type
  - only-child
  - only-of-type
  - checked
  - disabled
  - enabled
  - required
  - optional
  - valid
  - invalid
  - in-range
  - out-of-range
  - read-only
  - read-write
  - placeholder-shown
  - default
  - checked
  - indeterminate
  - blank
  - empty
  - root
  - target
  - lang
  - not
  - is
  - where
  - fullscreen
  - link
  - visited
  - any-link
  - local-link
  - scope
  - current
  - past
  - future
  
postcss-nesting.css:174:13 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `;`
  
    172 │   order: 1;
    173 │   @media (min-width: 100px) {
  > 174 │     order: 2;
        │             ^
    175 │     @media (max-width: 200px) {
    176 │       order: 3;
  
  i Remove ;
  
postcss-nesting.css:176:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    174 │     order: 2;
    175 │     @media (max-width: 200px) {
  > 176 │       order: 3;
        │              ^
    177 │     }
    178 │     @nest & b {
  
  i Expected one of:
  
  - hover
  - focus
  - active
  - first-child
  - last-child
  - nth-child
  - nth-last-child
  - first-of-type
  - last-of-type
  - nth-of-type
  - nth-last-of-type
  - only-child
  - only-of-type
  - checked
  - disabled
  - enabled
  - required
  - optional
  - valid
  - invalid
  - in-range
  - out-of-range
  - read-only
  - read-write
  - placeholder-shown
  - default
  - checked
  - indeterminate
  - blank
  - empty
  - root
  - target
  - lang
  - not
  - is
  - where
  - fullscreen
  - link
  - visited
  - any-link
  - local-link
  - scope
  - current
  - past
  - future
  
postcss-nesting.css:176:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `;`
  
    174 │     order: 2;
    175 │     @media (max-width: 200px) {
  > 176 │       order: 3;
        │               ^
    177 │     }
    178 │     @nest & b {
  
  i Remove ;
  
postcss-nesting.css:178:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    176 │       order: 3;
    177 │     }
  > 178 │     @nest & b {
        │      ^^^^
    179 │       @media (max-width: 200px) {
    180 │         order: 4;
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:180:16 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    178 │     @nest & b {
    179 │       @media (max-width: 200px) {
  > 180 │         order: 4;
        │                ^
    181 │       }
    182 │     }
  
  i Expected one of:
  
  - hover
  - focus
  - active
  - first-child
  - last-child
  - nth-child
  - nth-last-child
  - first-of-type
  - last-of-type
  - nth-of-type
  - nth-last-of-type
  - only-child
  - only-of-type
  - checked
  - disabled
  - enabled
  - required
  - optional
  - valid
  - invalid
  - in-range
  - out-of-range
  - read-only
  - read-write
  - placeholder-shown
  - default
  - checked
  - indeterminate
  - blank
  - empty
  - root
  - target
  - lang
  - not
  - is
  - where
  - fullscreen
  - link
  - visited
  - any-link
  - local-link
  - scope
  - current
  - past
  - future
  
postcss-nesting.css:180:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `;`
  
    178 │     @nest & b {
    179 │       @media (max-width: 200px) {
  > 180 │         order: 4;
        │                 ^
    181 │       }
    182 │     }
  
  i Remove ;
  
postcss-nesting.css:184:28 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `speech`
  
    182 │     }
    183 │   }
  > 184 │   @media screen, print and speech {
        │                            ^^^^^^
    185 │     @media (max-width: 300px), (min-aspect-ratio: 16/9) {
    186 │       order: 5;
  
  i Remove speech
  
postcss-nesting.css:186:14 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    184 │   @media screen, print and speech {
    185 │     @media (max-width: 300px), (min-aspect-ratio: 16/9) {
  > 186 │       order: 5;
        │              ^
    187 │       @nest & c {
    188 │         order: 6;
  
  i Expected one of:
  
  - hover
  - focus
  - active
  - first-child
  - last-child
  - nth-child
  - nth-last-child
  - first-of-type
  - last-of-type
  - nth-of-type
  - nth-last-of-type
  - only-child
  - only-of-type
  - checked
  - disabled
  - enabled
  - required
  - optional
  - valid
  - invalid
  - in-range
  - out-of-range
  - read-only
  - read-write
  - placeholder-shown
  - default
  - checked
  - indeterminate
  - blank
  - empty
  - root
  - target
  - lang
  - not
  - is
  - where
  - fullscreen
  - link
  - visited
  - any-link
  - local-link
  - scope
  - current
  - past
  - future
  
postcss-nesting.css:186:15 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `;`
  
    184 │   @media screen, print and speech {
    185 │     @media (max-width: 300px), (min-aspect-ratio: 16/9) {
  > 186 │       order: 5;
        │               ^
    187 │       @nest & c {
    188 │         order: 6;
  
  i Remove ;
  
postcss-nesting.css:187:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    185 │     @media (max-width: 300px), (min-aspect-ratio: 16/9) {
    186 │       order: 5;
  > 187 │       @nest & c {
        │        ^^^^
    188 │         order: 6;
    189 │       }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:195:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    193 │ a {
    194 │   order: 1;
  > 195 │   @nest very-very-very-very-very-very-very-very-very-long-selector &, very-very-very-very-very-very-very-very-very-long-selector & {
        │    ^^^^
    196 │     order: 2;
    197 │   }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:198:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    196 │     order: 2;
    197 │   }
  > 198 │   @nest very-very-very-very-very-very-very-very-very-long-selector + very-very-very-very-very-very-very-very-very-long-selector  &, very-very-very-very-very-very-very-very-very-long-selector very-very-very-very-very-very-very-very-very-long-selector & {
        │    ^^^^
    199 │     order: 2;
    200 │   }
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
postcss-nesting.css:202:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `}` but instead the file ends
  
    200 │   }
    201 │ }
  > 202 │ 
        │ 
  
  i the file ends here
  
    200 │   }
    201 │ }
  > 202 │ 
        │ 
  

```

# Lines exceeding max width of 80 characters
```
  203:   @nest very-very-very-very-very-very-very-very-very-long-selector &, very-very-very-very-very-very-very-very-very-long-selector & {
  206:   @nest very-very-very-very-very-very-very-very-very-long-selector + very-very-very-very-very-very-very-very-very-long-selector  &, very-very-very-very-very-very-very-very-very-long-selector very-very-very-very-very-very-very-very-very-long-selector & {
```