--- source: crates/biome_formatter_test/src/snapshot_builder.rs info: css/atrule/custom-media.css --- # Input ```css @custom-media --small-viewport (max-width: 30em); @custom-media --small-viewport (max-width:30em); @custom-media --small-viewport ( max-width : 30em ) ; @custom-media --small-viewport (max-width: 30em); @custom-media --small-viewport ( max-width: 30em ); @custom-media --small-viewport ( max-width : 30em ) ; @custom-media --small-viewport ( max-width : 30em ) ; @custom-media --none not all; @custom-media --none not all ; @custom-media --none not all; @custom-media --none not all; @custom-media --none not all ; @custom-media --none not all ; @custom-media --tablet (min-width: 768px) and (max-width: 1279px); @custom-media --tablet (min-width:768px) and (max-width:1279px); @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; @custom-media --tablet (min-width: 768px) and (max-width: 1279px); @custom-media --tablet (min-width: 768px) and (max-width: 1279px); @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; ``` # Prettier differences ```diff --- Prettier +++ Biome @@ -1,20 +1,136 @@ -@custom-media --small-viewport (max-width: 30em); -@custom-media --small-viewport (max-width: 30em); -@custom-media --small-viewport (max-width: 30em); -@custom-media --small-viewport (max-width: 30em); -@custom-media --small-viewport (max-width: 30em); -@custom-media --small-viewport (max-width: 30em); -@custom-media --small-viewport (max-width: 30em); -@custom-media --none not all; -@custom-media --none not all; -@custom-media --none not all; -@custom-media --none not all; -@custom-media --none not all; -@custom-media --none not all; -@custom-media --tablet (min-width: 768px) and (max-width: 1279px); -@custom-media --tablet (min-width: 768px) and (max-width: 1279px); -@custom-media --tablet (min-width: 768px) and (max-width: 1279px); -@custom-media --tablet (min-width: 768px) and (max-width: 1279px); -@custom-media --tablet (min-width: 768px) and (max-width: 1279px); -@custom-media --tablet (min-width: 768px) and (max-width: 1279px); -@custom-media --tablet (min-width: 768px) and (max-width: 1279px); +@ +custom-media --small-viewport (max-width: 30em) +; +@ +custom-media --small-viewport (max-width:30em) +; +@ +custom-media --small-viewport ( max-width : 30em ) +; +@ +custom-media --small-viewport + (max-width: 30em) +; +@ +custom-media + --small-viewport + +( +max-width: 30em + ) +; +@ +custom-media +--small-viewport +( +max-width +: +30em +) +; +@ +custom-media + +--small-viewport + +( + +max-width + +: + +30em + +) + +; +@ +custom-media --none not all +; +@ +custom-media --none not all +; +@ +custom-media --none not all +; +@ +custom-media --none not all +; +@ +custom-media +--none +not +all +; +@ +custom-media + +--none + +not + +all + +; +@ +custom-media --tablet (min-width: 768px) and (max-width: 1279px) +; +@ +custom-media --tablet (min-width:768px) and (max-width:1279px) +; +@ +custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) +; +@ +custom-media --tablet + (min-width: 768px) and (max-width: 1279px) +; +@ +custom-media + --tablet + (min-width: 768px) and + (max-width: 1279px) +; +@ +custom-media +--tablet +( +min-width +: +768px +) +and +( +max-width +: +1279px +) +; +@ +custom-media + +--tablet + +( + +min-width + +: + +768px + +) + +and + +( + +max-width + +: + +1279px + +) + +; ``` # Output ```css @ custom-media --small-viewport (max-width: 30em) ; @ custom-media --small-viewport (max-width:30em) ; @ custom-media --small-viewport ( max-width : 30em ) ; @ custom-media --small-viewport (max-width: 30em) ; @ custom-media --small-viewport ( max-width: 30em ) ; @ custom-media --small-viewport ( max-width : 30em ) ; @ custom-media --small-viewport ( max-width : 30em ) ; @ custom-media --none not all ; @ custom-media --none not all ; @ custom-media --none not all ; @ custom-media --none not all ; @ custom-media --none not all ; @ custom-media --none not all ; @ custom-media --tablet (min-width: 768px) and (max-width: 1279px) ; @ custom-media --tablet (min-width:768px) and (max-width:1279px) ; @ custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; @ custom-media --tablet (min-width: 768px) and (max-width: 1279px) ; @ custom-media --tablet (min-width: 768px) and (max-width: 1279px) ; @ custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; @ custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; ``` # Errors ``` custom-media.css:1:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. > 1 │ @custom-media --small-viewport (max-width: 30em); │ ^^^^^^^^^^^^ 2 │ @custom-media --small-viewport (max-width:30em); 3 │ @custom-media --small-viewport ( max-width : 30em ) ; 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 custom-media.css:1:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. > 1 │ @custom-media --small-viewport (max-width: 30em); │ ^ 2 │ @custom-media --small-viewport (max-width:30em); 3 │ @custom-media --small-viewport ( max-width : 30em ) ; i Expected a compound selector here. > 1 │ @custom-media --small-viewport (max-width: 30em); │ ^ 2 │ @custom-media --small-viewport (max-width:30em); 3 │ @custom-media --small-viewport ( max-width : 30em ) ; custom-media.css:1:33 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `max-width` > 1 │ @custom-media --small-viewport (max-width: 30em); │ ^^^^^^^^^ 2 │ @custom-media --small-viewport (max-width:30em); 3 │ @custom-media --small-viewport ( max-width : 30em ) ; i Remove max-width custom-media.css:1:44 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. > 1 │ @custom-media --small-viewport (max-width: 30em); │ ^^ 2 │ @custom-media --small-viewport (max-width:30em); 3 │ @custom-media --small-viewport ( max-width : 30em ) ; 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 custom-media.css:1:46 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `em` > 1 │ @custom-media --small-viewport (max-width: 30em); │ ^^ 2 │ @custom-media --small-viewport (max-width:30em); 3 │ @custom-media --small-viewport ( max-width : 30em ) ; i Remove em custom-media.css:1:48 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` > 1 │ @custom-media --small-viewport (max-width: 30em); │ ^ 2 │ @custom-media --small-viewport (max-width:30em); 3 │ @custom-media --small-viewport ( max-width : 30em ) ; i Remove ) custom-media.css:1:49 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` > 1 │ @custom-media --small-viewport (max-width: 30em); │ ^ 2 │ @custom-media --small-viewport (max-width:30em); 3 │ @custom-media --small-viewport ( max-width : 30em ) ; i Remove ; custom-media.css:2:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 1 │ @custom-media --small-viewport (max-width: 30em); > 2 │ @custom-media --small-viewport (max-width:30em); │ ^^^^^^^^^^^^ 3 │ @custom-media --small-viewport ( max-width : 30em ) ; 4 │ @custom-media --small-viewport 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 custom-media.css:2:32 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 1 │ @custom-media --small-viewport (max-width: 30em); > 2 │ @custom-media --small-viewport (max-width:30em); │ ^ 3 │ @custom-media --small-viewport ( max-width : 30em ) ; 4 │ @custom-media --small-viewport i Expected a compound selector here. 1 │ @custom-media --small-viewport (max-width: 30em); > 2 │ @custom-media --small-viewport (max-width:30em); │ ^ 3 │ @custom-media --small-viewport ( max-width : 30em ) ; 4 │ @custom-media --small-viewport custom-media.css:2:33 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `max-width` 1 │ @custom-media --small-viewport (max-width: 30em); > 2 │ @custom-media --small-viewport (max-width:30em); │ ^^^^^^^^^ 3 │ @custom-media --small-viewport ( max-width : 30em ) ; 4 │ @custom-media --small-viewport i Remove max-width custom-media.css:2:43 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 1 │ @custom-media --small-viewport (max-width: 30em); > 2 │ @custom-media --small-viewport (max-width:30em); │ ^^ 3 │ @custom-media --small-viewport ( max-width : 30em ) ; 4 │ @custom-media --small-viewport 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 custom-media.css:2:45 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `em` 1 │ @custom-media --small-viewport (max-width: 30em); > 2 │ @custom-media --small-viewport (max-width:30em); │ ^^ 3 │ @custom-media --small-viewport ( max-width : 30em ) ; 4 │ @custom-media --small-viewport i Remove em custom-media.css:2:47 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 1 │ @custom-media --small-viewport (max-width: 30em); > 2 │ @custom-media --small-viewport (max-width:30em); │ ^ 3 │ @custom-media --small-viewport ( max-width : 30em ) ; 4 │ @custom-media --small-viewport i Remove ) custom-media.css:2:48 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 1 │ @custom-media --small-viewport (max-width: 30em); > 2 │ @custom-media --small-viewport (max-width:30em); │ ^ 3 │ @custom-media --small-viewport ( max-width : 30em ) ; 4 │ @custom-media --small-viewport i Remove ; custom-media.css:3:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 1 │ @custom-media --small-viewport (max-width: 30em); 2 │ @custom-media --small-viewport (max-width:30em); > 3 │ @custom-media --small-viewport ( max-width : 30em ) ; │ ^^^^^^^^^^^^ 4 │ @custom-media --small-viewport 5 │ (max-width: 30em); 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 custom-media.css:3:34 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 1 │ @custom-media --small-viewport (max-width: 30em); 2 │ @custom-media --small-viewport (max-width:30em); > 3 │ @custom-media --small-viewport ( max-width : 30em ) ; │ ^ 4 │ @custom-media --small-viewport 5 │ (max-width: 30em); i Expected a compound selector here. 1 │ @custom-media --small-viewport (max-width: 30em); 2 │ @custom-media --small-viewport (max-width:30em); > 3 │ @custom-media --small-viewport ( max-width : 30em ) ; │ ^ 4 │ @custom-media --small-viewport 5 │ (max-width: 30em); custom-media.css:3:37 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `max-width` 1 │ @custom-media --small-viewport (max-width: 30em); 2 │ @custom-media --small-viewport (max-width:30em); > 3 │ @custom-media --small-viewport ( max-width : 30em ) ; │ ^^^^^^^^^ 4 │ @custom-media --small-viewport 5 │ (max-width: 30em); i Remove max-width custom-media.css:3:51 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 1 │ @custom-media --small-viewport (max-width: 30em); 2 │ @custom-media --small-viewport (max-width:30em); > 3 │ @custom-media --small-viewport ( max-width : 30em ) ; │ ^^ 4 │ @custom-media --small-viewport 5 │ (max-width: 30em); 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 custom-media.css:3:53 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `em` 1 │ @custom-media --small-viewport (max-width: 30em); 2 │ @custom-media --small-viewport (max-width:30em); > 3 │ @custom-media --small-viewport ( max-width : 30em ) ; │ ^^ 4 │ @custom-media --small-viewport 5 │ (max-width: 30em); i Remove em custom-media.css:3:57 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 1 │ @custom-media --small-viewport (max-width: 30em); 2 │ @custom-media --small-viewport (max-width:30em); > 3 │ @custom-media --small-viewport ( max-width : 30em ) ; │ ^ 4 │ @custom-media --small-viewport 5 │ (max-width: 30em); i Remove ) custom-media.css:3:60 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 1 │ @custom-media --small-viewport (max-width: 30em); 2 │ @custom-media --small-viewport (max-width:30em); > 3 │ @custom-media --small-viewport ( max-width : 30em ) ; │ ^ 4 │ @custom-media --small-viewport 5 │ (max-width: 30em); i Remove ; custom-media.css:4:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 2 │ @custom-media --small-viewport (max-width:30em); 3 │ @custom-media --small-viewport ( max-width : 30em ) ; > 4 │ @custom-media --small-viewport │ ^^^^^^^^^^^^ 5 │ (max-width: 30em); 6 │ @custom-media 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 custom-media.css:5:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 3 │ @custom-media --small-viewport ( max-width : 30em ) ; 4 │ @custom-media --small-viewport > 5 │ (max-width: 30em); │ ^ 6 │ @custom-media 7 │ --small-viewport i Expected a compound selector here. 3 │ @custom-media --small-viewport ( max-width : 30em ) ; 4 │ @custom-media --small-viewport > 5 │ (max-width: 30em); │ ^ 6 │ @custom-media 7 │ --small-viewport custom-media.css:5:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `max-width` 3 │ @custom-media --small-viewport ( max-width : 30em ) ; 4 │ @custom-media --small-viewport > 5 │ (max-width: 30em); │ ^^^^^^^^^ 6 │ @custom-media 7 │ --small-viewport i Remove max-width custom-media.css:5:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 3 │ @custom-media --small-viewport ( max-width : 30em ) ; 4 │ @custom-media --small-viewport > 5 │ (max-width: 30em); │ ^^ 6 │ @custom-media 7 │ --small-viewport 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 custom-media.css:5:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `em` 3 │ @custom-media --small-viewport ( max-width : 30em ) ; 4 │ @custom-media --small-viewport > 5 │ (max-width: 30em); │ ^^ 6 │ @custom-media 7 │ --small-viewport i Remove em custom-media.css:5:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 3 │ @custom-media --small-viewport ( max-width : 30em ) ; 4 │ @custom-media --small-viewport > 5 │ (max-width: 30em); │ ^ 6 │ @custom-media 7 │ --small-viewport i Remove ) custom-media.css:5:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 3 │ @custom-media --small-viewport ( max-width : 30em ) ; 4 │ @custom-media --small-viewport > 5 │ (max-width: 30em); │ ^ 6 │ @custom-media 7 │ --small-viewport i Remove ; custom-media.css:6:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 4 │ @custom-media --small-viewport 5 │ (max-width: 30em); > 6 │ @custom-media │ ^^^^^^^^^^^^ 7 │ --small-viewport 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 custom-media.css:8:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 6 │ @custom-media 7 │ --small-viewport > 8 │ ( │ ^ 9 │ max-width: 30em 10 │ ); i Expected a compound selector here. 6 │ @custom-media 7 │ --small-viewport > 8 │ ( │ ^ 9 │ max-width: 30em 10 │ ); custom-media.css:9:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 7 │ --small-viewport 8 │ ( > 9 │ max-width: 30em │ ^^ 10 │ ); 11 │ @custom-media 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 custom-media.css:9:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `em` 7 │ --small-viewport 8 │ ( > 9 │ max-width: 30em │ ^^ 10 │ ); 11 │ @custom-media i Remove em custom-media.css:10:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 8 │ ( 9 │ max-width: 30em > 10 │ ); │ ^ 11 │ @custom-media 12 │ --small-viewport i Remove ) custom-media.css:10:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 8 │ ( 9 │ max-width: 30em > 10 │ ); │ ^ 11 │ @custom-media 12 │ --small-viewport i Remove ; custom-media.css:11:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 9 │ max-width: 30em 10 │ ); > 11 │ @custom-media │ ^^^^^^^^^^^^ 12 │ --small-viewport 13 │ ( 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 custom-media.css:12:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `--small-viewport` 10 │ ); 11 │ @custom-media > 12 │ --small-viewport │ ^^^^^^^^^^^^^^^^ 13 │ ( 14 │ max-width i Remove --small-viewport custom-media.css:13:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 11 │ @custom-media 12 │ --small-viewport > 13 │ ( │ ^ 14 │ max-width 15 │ : i Remove ( custom-media.css:16:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 14 │ max-width 15 │ : > 16 │ 30em │ ^^ 17 │ ) 18 │ ; 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 custom-media.css:16:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `em` 14 │ max-width 15 │ : > 16 │ 30em │ ^^ 17 │ ) 18 │ ; i Remove em custom-media.css:17:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 15 │ : 16 │ 30em > 17 │ ) │ ^ 18 │ ; 19 │ @custom-media i Remove ) custom-media.css:19:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 17 │ ) 18 │ ; > 19 │ @custom-media │ ^^^^^^^^^^^^ 20 │ 21 │ --small-viewport 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 custom-media.css:21:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `--small-viewport` 19 │ @custom-media 20 │ > 21 │ --small-viewport │ ^^^^^^^^^^^^^^^^ 22 │ 23 │ ( i Remove --small-viewport custom-media.css:23:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 21 │ --small-viewport 22 │ > 23 │ ( │ ^ 24 │ 25 │ max-width i Remove ( custom-media.css:29:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 27 │ : 28 │ > 29 │ 30em │ ^^ 30 │ 31 │ ) 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 custom-media.css:29:3 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `em` 27 │ : 28 │ > 29 │ 30em │ ^^ 30 │ 31 │ ) i Remove em custom-media.css:31:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 29 │ 30em 30 │ > 31 │ ) │ ^ 32 │ 33 │ ; i Remove ) custom-media.css:34:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 33 │ ; > 34 │ @custom-media --none not all; │ ^^^^^^^^^^^^ 35 │ @custom-media --none not all ; 36 │ @custom-media --none 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 custom-media.css:34:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 33 │ ; > 34 │ @custom-media --none not all; │ ^ 35 │ @custom-media --none not all ; 36 │ @custom-media --none i Remove ; custom-media.css:35:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 33 │ ; 34 │ @custom-media --none not all; > 35 │ @custom-media --none not all ; │ ^^^^^^^^^^^^ 36 │ @custom-media --none 37 │ not all; 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 custom-media.css:35:34 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found ';'. 33 │ ; 34 │ @custom-media --none not all; > 35 │ @custom-media --none not all ; │ ^ 36 │ @custom-media --none 37 │ not all; i Expected a compound selector here. 33 │ ; 34 │ @custom-media --none not all; > 35 │ @custom-media --none not all ; │ ^ 36 │ @custom-media --none 37 │ not all; custom-media.css:36:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 34 │ @custom-media --none not all; 35 │ @custom-media --none not all ; > 36 │ @custom-media --none │ ^^^^^^^^^^^^ 37 │ not all; 38 │ @custom-media --none 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 custom-media.css:37:12 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 35 │ @custom-media --none not all ; 36 │ @custom-media --none > 37 │ not all; │ ^ 38 │ @custom-media --none 39 │ not i Remove ; custom-media.css:38:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 36 │ @custom-media --none 37 │ not all; > 38 │ @custom-media --none │ ^^^^^^^^^^^^ 39 │ not 40 │ all; 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 custom-media.css:40:8 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 38 │ @custom-media --none 39 │ not > 40 │ all; │ ^ 41 │ @custom-media 42 │ --none i Remove ; custom-media.css:41:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 39 │ not 40 │ all; > 41 │ @custom-media │ ^^^^^^^^^^^^ 42 │ --none 43 │ not 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 custom-media.css:42:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `--none` 40 │ all; 41 │ @custom-media > 42 │ --none │ ^^^^^^ 43 │ not 44 │ all i Remove --none custom-media.css:43:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `not` 41 │ @custom-media 42 │ --none > 43 │ not │ ^^^ 44 │ all 45 │ ; i Remove not custom-media.css:44:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `all` 42 │ --none 43 │ not > 44 │ all │ ^^^ 45 │ ; 46 │ @custom-media i Remove all custom-media.css:45:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 43 │ not 44 │ all > 45 │ ; │ ^ 46 │ @custom-media 47 │ i Remove ; custom-media.css:46:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 44 │ all 45 │ ; > 46 │ @custom-media │ ^^^^^^^^^^^^ 47 │ 48 │ --none 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 custom-media.css:48:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `--none` 46 │ @custom-media 47 │ > 48 │ --none │ ^^^^^^ 49 │ 50 │ not i Remove --none custom-media.css:50:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `not` 48 │ --none 49 │ > 50 │ not │ ^^^ 51 │ 52 │ all i Remove not custom-media.css:52:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `all` 50 │ not 51 │ > 52 │ all │ ^^^ 53 │ 54 │ ; i Remove all custom-media.css:54:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 52 │ all 53 │ > 54 │ ; │ ^ 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); i Remove ; custom-media.css:55:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 54 │ ; > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); │ ^^^^^^^^^^^^ 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 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 custom-media.css:55:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 54 │ ; > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); │ ^ 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; i Expected a compound selector here. 54 │ ; > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); │ ^ 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; custom-media.css:55:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `min-width` 54 │ ; > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); │ ^^^^^^^^^ 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; i Remove min-width custom-media.css:55:36 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 54 │ ; > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); │ ^^^ 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 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 custom-media.css:55:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `px` 54 │ ; > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); │ ^^ 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; i Remove px custom-media.css:55:41 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 54 │ ; > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); │ ^ 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; i Remove ) custom-media.css:55:43 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `and` 54 │ ; > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); │ ^^^ 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; i Remove and custom-media.css:55:47 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 54 │ ; > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); │ ^ 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; i Expected a compound selector here. 54 │ ; > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); │ ^ 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; custom-media.css:55:48 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `max-width` 54 │ ; > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); │ ^^^^^^^^^ 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; i Remove max-width custom-media.css:55:59 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 54 │ ; > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); │ ^^^^ 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 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 custom-media.css:55:63 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `px` 54 │ ; > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); │ ^^ 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; i Remove px custom-media.css:55:65 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 54 │ ; > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); │ ^ 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; i Remove ) custom-media.css:55:66 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 54 │ ; > 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); │ ^ 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; i Remove ; custom-media.css:56:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 54 │ ; 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); │ ^^^^^^^^^^^^ 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet 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 custom-media.css:56:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 54 │ ; 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); │ ^ 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet i Expected a compound selector here. 54 │ ; 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); │ ^ 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet custom-media.css:56:25 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `min-width` 54 │ ; 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); │ ^^^^^^^^^ 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet i Remove min-width custom-media.css:56:35 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 54 │ ; 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); │ ^^^ 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet 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 custom-media.css:56:38 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `px` 54 │ ; 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); │ ^^ 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet i Remove px custom-media.css:56:40 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 54 │ ; 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); │ ^ 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet i Remove ) custom-media.css:56:42 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `and` 54 │ ; 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); │ ^^^ 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet i Remove and custom-media.css:56:46 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 54 │ ; 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); │ ^ 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet i Expected a compound selector here. 54 │ ; 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); │ ^ 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet custom-media.css:56:47 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `max-width` 54 │ ; 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); │ ^^^^^^^^^ 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet i Remove max-width custom-media.css:56:57 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 54 │ ; 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); │ ^^^^ 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet 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 custom-media.css:56:61 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `px` 54 │ ; 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); │ ^^ 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet i Remove px custom-media.css:56:63 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 54 │ ; 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); │ ^ 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet i Remove ) custom-media.css:56:64 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 54 │ ; 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); > 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); │ ^ 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet i Remove ; custom-media.css:57:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; │ ^^^^^^^^^^^^ 58 │ @custom-media --tablet 59 │ (min-width: 768px) and (max-width: 1279px); 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 custom-media.css:57:26 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; │ ^ 58 │ @custom-media --tablet 59 │ (min-width: 768px) and (max-width: 1279px); i Expected a compound selector here. 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; │ ^ 58 │ @custom-media --tablet 59 │ (min-width: 768px) and (max-width: 1279px); custom-media.css:57:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `min-width` 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; │ ^^^^^^^^^ 58 │ @custom-media --tablet 59 │ (min-width: 768px) and (max-width: 1279px); i Remove min-width custom-media.css:57:43 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; │ ^^^ 58 │ @custom-media --tablet 59 │ (min-width: 768px) and (max-width: 1279px); 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 custom-media.css:57:46 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `px` 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; │ ^^ 58 │ @custom-media --tablet 59 │ (min-width: 768px) and (max-width: 1279px); i Remove px custom-media.css:57:50 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; │ ^ 58 │ @custom-media --tablet 59 │ (min-width: 768px) and (max-width: 1279px); i Remove ) custom-media.css:57:53 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `and` 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; │ ^^^ 58 │ @custom-media --tablet 59 │ (min-width: 768px) and (max-width: 1279px); i Remove and custom-media.css:57:58 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; │ ^ 58 │ @custom-media --tablet 59 │ (min-width: 768px) and (max-width: 1279px); i Expected a compound selector here. 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; │ ^ 58 │ @custom-media --tablet 59 │ (min-width: 768px) and (max-width: 1279px); custom-media.css:57:61 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `max-width` 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; │ ^^^^^^^^^ 58 │ @custom-media --tablet 59 │ (min-width: 768px) and (max-width: 1279px); i Remove max-width custom-media.css:57:75 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; │ ^^^^ 58 │ @custom-media --tablet 59 │ (min-width: 768px) and (max-width: 1279px); 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 custom-media.css:57:79 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `px` 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; │ ^^ 58 │ @custom-media --tablet 59 │ (min-width: 768px) and (max-width: 1279px); i Remove px custom-media.css:57:83 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; │ ^ 58 │ @custom-media --tablet 59 │ (min-width: 768px) and (max-width: 1279px); i Remove ) custom-media.css:57:86 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 55 │ @custom-media --tablet (min-width: 768px) and (max-width: 1279px); 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); > 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; │ ^ 58 │ @custom-media --tablet 59 │ (min-width: 768px) and (max-width: 1279px); i Remove ; custom-media.css:58:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 56 │ @custom-media --tablet (min-width:768px) and (max-width:1279px); 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; > 58 │ @custom-media --tablet │ ^^^^^^^^^^^^ 59 │ (min-width: 768px) and (max-width: 1279px); 60 │ @custom-media 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 custom-media.css:59:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet > 59 │ (min-width: 768px) and (max-width: 1279px); │ ^ 60 │ @custom-media 61 │ --tablet i Expected a compound selector here. 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet > 59 │ (min-width: 768px) and (max-width: 1279px); │ ^ 60 │ @custom-media 61 │ --tablet custom-media.css:59:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `min-width` 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet > 59 │ (min-width: 768px) and (max-width: 1279px); │ ^^^^^^^^^ 60 │ @custom-media 61 │ --tablet i Remove min-width custom-media.css:59:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet > 59 │ (min-width: 768px) and (max-width: 1279px); │ ^^^ 60 │ @custom-media 61 │ --tablet 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 custom-media.css:59:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `px` 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet > 59 │ (min-width: 768px) and (max-width: 1279px); │ ^^ 60 │ @custom-media 61 │ --tablet i Remove px custom-media.css:59:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet > 59 │ (min-width: 768px) and (max-width: 1279px); │ ^ 60 │ @custom-media 61 │ --tablet i Remove ) custom-media.css:59:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `and` 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet > 59 │ (min-width: 768px) and (max-width: 1279px); │ ^^^ 60 │ @custom-media 61 │ --tablet i Remove and custom-media.css:59:28 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet > 59 │ (min-width: 768px) and (max-width: 1279px); │ ^ 60 │ @custom-media 61 │ --tablet i Expected a compound selector here. 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet > 59 │ (min-width: 768px) and (max-width: 1279px); │ ^ 60 │ @custom-media 61 │ --tablet custom-media.css:59:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `max-width` 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet > 59 │ (min-width: 768px) and (max-width: 1279px); │ ^^^^^^^^^ 60 │ @custom-media 61 │ --tablet i Remove max-width custom-media.css:59:40 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet > 59 │ (min-width: 768px) and (max-width: 1279px); │ ^^^^ 60 │ @custom-media 61 │ --tablet 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 custom-media.css:59:44 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `px` 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet > 59 │ (min-width: 768px) and (max-width: 1279px); │ ^^ 60 │ @custom-media 61 │ --tablet i Remove px custom-media.css:59:46 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet > 59 │ (min-width: 768px) and (max-width: 1279px); │ ^ 60 │ @custom-media 61 │ --tablet i Remove ) custom-media.css:59:47 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 57 │ @custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ; 58 │ @custom-media --tablet > 59 │ (min-width: 768px) and (max-width: 1279px); │ ^ 60 │ @custom-media 61 │ --tablet i Remove ; custom-media.css:60:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 58 │ @custom-media --tablet 59 │ (min-width: 768px) and (max-width: 1279px); > 60 │ @custom-media │ ^^^^^^^^^^^^ 61 │ --tablet 62 │ (min-width: 768px) and 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 custom-media.css:62:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 60 │ @custom-media 61 │ --tablet > 62 │ (min-width: 768px) and │ ^ 63 │ (max-width: 1279px); 64 │ @custom-media i Expected a compound selector here. 60 │ @custom-media 61 │ --tablet > 62 │ (min-width: 768px) and │ ^ 63 │ (max-width: 1279px); 64 │ @custom-media custom-media.css:62:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `min-width` 60 │ @custom-media 61 │ --tablet > 62 │ (min-width: 768px) and │ ^^^^^^^^^ 63 │ (max-width: 1279px); 64 │ @custom-media i Remove min-width custom-media.css:62:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 60 │ @custom-media 61 │ --tablet > 62 │ (min-width: 768px) and │ ^^^ 63 │ (max-width: 1279px); 64 │ @custom-media 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 custom-media.css:62:20 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `px` 60 │ @custom-media 61 │ --tablet > 62 │ (min-width: 768px) and │ ^^ 63 │ (max-width: 1279px); 64 │ @custom-media i Remove px custom-media.css:62:22 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 60 │ @custom-media 61 │ --tablet > 62 │ (min-width: 768px) and │ ^ 63 │ (max-width: 1279px); 64 │ @custom-media i Remove ) custom-media.css:62:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `and` 60 │ @custom-media 61 │ --tablet > 62 │ (min-width: 768px) and │ ^^^ 63 │ (max-width: 1279px); 64 │ @custom-media i Remove and custom-media.css:63:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Expected a compound selector but instead found '('. 61 │ --tablet 62 │ (min-width: 768px) and > 63 │ (max-width: 1279px); │ ^ 64 │ @custom-media 65 │ --tablet i Expected a compound selector here. 61 │ --tablet 62 │ (min-width: 768px) and > 63 │ (max-width: 1279px); │ ^ 64 │ @custom-media 65 │ --tablet custom-media.css:63:6 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `max-width` 61 │ --tablet 62 │ (min-width: 768px) and > 63 │ (max-width: 1279px); │ ^^^^^^^^^ 64 │ @custom-media 65 │ --tablet i Remove max-width custom-media.css:63:17 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 61 │ --tablet 62 │ (min-width: 768px) and > 63 │ (max-width: 1279px); │ ^^^^ 64 │ @custom-media 65 │ --tablet 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 custom-media.css:63:21 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `px` 61 │ --tablet 62 │ (min-width: 768px) and > 63 │ (max-width: 1279px); │ ^^ 64 │ @custom-media 65 │ --tablet i Remove px custom-media.css:63:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 61 │ --tablet 62 │ (min-width: 768px) and > 63 │ (max-width: 1279px); │ ^ 64 │ @custom-media 65 │ --tablet i Remove ) custom-media.css:63:24 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `;` 61 │ --tablet 62 │ (min-width: 768px) and > 63 │ (max-width: 1279px); │ ^ 64 │ @custom-media 65 │ --tablet i Remove ; custom-media.css:64:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 62 │ (min-width: 768px) and 63 │ (max-width: 1279px); > 64 │ @custom-media │ ^^^^^^^^^^^^ 65 │ --tablet 66 │ ( 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 custom-media.css:65:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `--tablet` 63 │ (max-width: 1279px); 64 │ @custom-media > 65 │ --tablet │ ^^^^^^^^ 66 │ ( 67 │ min-width i Remove --tablet custom-media.css:66:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 64 │ @custom-media 65 │ --tablet > 66 │ ( │ ^ 67 │ min-width 68 │ : i Remove ( custom-media.css:69:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 67 │ min-width 68 │ : > 69 │ 768px │ ^^^ 70 │ ) 71 │ and 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 custom-media.css:69:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `px` 67 │ min-width 68 │ : > 69 │ 768px │ ^^ 70 │ ) 71 │ and i Remove px custom-media.css:70:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 68 │ : 69 │ 768px > 70 │ ) │ ^ 71 │ and 72 │ ( i Remove ) custom-media.css:72:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 70 │ ) 71 │ and > 72 │ ( │ ^ 73 │ max-width 74 │ : i Remove ( custom-media.css:75:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 73 │ max-width 74 │ : > 75 │ 1279px │ ^^^^ 76 │ ) 77 │ ; 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 custom-media.css:75:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `px` 73 │ max-width 74 │ : > 75 │ 1279px │ ^^ 76 │ ) 77 │ ; i Remove px custom-media.css:76:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 74 │ : 75 │ 1279px > 76 │ ) │ ^ 77 │ ; 78 │ @custom-media i Remove ) custom-media.css:78:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 76 │ ) 77 │ ; > 78 │ @custom-media │ ^^^^^^^^^^^^ 79 │ 80 │ --tablet 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 custom-media.css:80:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `--tablet` 78 │ @custom-media 79 │ > 80 │ --tablet │ ^^^^^^^^ 81 │ 82 │ ( i Remove --tablet custom-media.css:82:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 80 │ --tablet 81 │ > 82 │ ( │ ^ 83 │ 84 │ min-width i Remove ( custom-media.css:88:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 86 │ : 87 │ > 88 │ 768px │ ^^^ 89 │ 90 │ ) 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 custom-media.css:88:4 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `px` 86 │ : 87 │ > 88 │ 768px │ ^^ 89 │ 90 │ ) i Remove px custom-media.css:90:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 88 │ 768px 89 │ > 90 │ ) │ ^ 91 │ 92 │ and i Remove ) custom-media.css:94:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `(` 92 │ and 93 │ > 94 │ ( │ ^ 95 │ 96 │ max-width i Remove ( custom-media.css:100:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 98 │ : 99 │ > 100 │ 1279px │ ^^^^ 101 │ 102 │ ) 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 custom-media.css:100:5 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `px` 98 │ : 99 │ > 100 │ 1279px │ ^^ 101 │ 102 │ ) i Remove px custom-media.css:102:1 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `,` but instead found `)` 100 │ 1279px 101 │ > 102 │ ) │ ^ 103 │ 104 │ ; i Remove ) ``` # Lines exceeding max width of 80 characters ``` 82: custom-media --tablet ( min-width : 768px ) and ( max-width : 1279px ) ```