--- source: crates/biome_formatter_test/src/snapshot_builder.rs info: css/comments/at-rules.css --- # Input ```css @charset "utf-8"; /* comment 1 */ @import /* comment 2 */ url("fineprint.css") /* comment 3 */ print /* comment 4 */; /* comment 5 */ @import /* comment 6 */ url("bluish.css") /* comment 7 */ projection /* comment 8 */, /* comment 9 */ tv /* comment 10 */; /* comment 11 */ @import /* comment 12 */ /* comment 13 */ url("bluish.css") /* comment 14 */ /* comment 15 */ projection /* comment 16 */, /* comment 17 */ tv /* comment 18 */; /* comment 19 */ /* comment 20 */ @import/* comment 21 */url("bluish.css")/* comment 22 */projection/* comment 23 */,/* comment 24 */tv/* comment 25 */; @import /* comment 26 */'custom.css'/* comment 27 */;/* comment 28 */ @import /* comment 29 */ url('landscape.css') /* comment 30 */ screen /* comment 31 */ and /* comment 32 */ (/* comment 33 */orientation/* comment 34 */:/* comment 35 */landscape/* comment 36 */)/* comment 37 */; @namespace /* comment 38 */ url(http://www.w3.org/1999/xhtml) /* comment 39 */ ; @namespace /* comment 40 */ svg /* comment 41 */ url(http://www.w3.org/2000/svg) /* comment 42 */; @keyframes /* comment 43 */ slidein /* comment 44 */ {} /* comment 45 */ @font-feature-values /* comment 46 */ Font Two /* comment 47 */ { /* comment 48 */ /* comment 49 */ @styleset /* comment 50 */ { /* comment 51 */ nice-style: 4; /* comment 52 */ } /* comment 53 */ /* comment 54 */ } /* comment 55 */ /* comment 56 */ @counter-style /* comment 57 */ thumbs /* comment 58 */ {} /* comment 59 */ @viewport /* comment 60 */ {} @page /* comment 61 */ {} @page /* comment 62 */ :first /* comment 63 */ {} @page /* comment 64 */ vertical /* comment 65 */ {} /* comment 66 */ @media /* comment 67 */ print /* comment 68 */ {} @media /* comment 69 */ screen /* comment 70 */ , /* comment 71 */ print /* comment 72 */ {} /* comment 73 */ @media /* comment 74 */ only /* comment 75 */ screen /* comment 76 */ and /* comment 77 */ ( /* comment 78 */ min-width /* comment 79 */ : /* comment 80 */ 320px /* comment 81 */ ) /* comment 82 */ and /* comment 83 */ ( /* comment 84 */ max-width /* comment 85 */ : /* comment 86 */ 480px /* comment 87 */ ) /* comment 88 */ and /* comment 89 */ ( /* comment 90 */ resolution /* comment 91 */ : /* comment 92 */ 150dpi /* comment 93 */ ) /* comment 94 */ {} @media/* comment 95 */only/* comment 96 */screen/* comment 97 */and/* comment 98 */(/* comment 99 */min-width/* comment 100 */:/* comment 101 */320px/* comment 102 */)/* comment 103 */and/* comment 104 */(/* comment 105 */max-width/* comment 106 */:/* comment 107 */480px/* comment 108 */)/* comment 109 */and/* comment 110 */(/* comment 111 */resolution/* comment 112 */:/* comment 113 */150dpi/* comment 114 */)/* comment 115 */{} /* comment 116 */@media/* comment 117 */ /* comment 118 */only/* comment 119 */ /* comment 120 */screen/* comment 121 */ /* comment 122 */and/* comment 123 */ /* comment 124 */(/* comment 125 */ /* comment 126 */min-width/* comment 127 */ /* comment 128 */:/* comment 129 */ /* comment 130 */320px/* comment 131 */ /* comment 132 */)/* comment 133 */ /* comment 134 */and/* comment 135 */ /* comment 136 */(/* comment 137 */ /* comment 138 */max-width/* comment 139 */ /* comment 140 */:/* comment 141 */ /* comment 142 */480px/* comment 143 */ /* comment 144 */)/* comment 145 */ /* comment 146 */and/* comment 147 */ /* comment 148 */(/* comment 149 */ /* comment 150 */resolution/* comment 151 */ /* comment 152 */:/* comment 153 */ /* comment 154 */150dpi/* comment 155 */ /* comment 156 */)/* comment 157 */ /* comment 158 */{}/* comment 159 */ @supports /* comment 160 */ ( /* comment 161 */ display /* comment 162 */ : /* comment 163 */ flex /* comment 164 */ ) /* comment 165 */ {} @supports /* comment 166 */ not /* comment 167 */ ( /* comment 168 */ display /* comment 169 */ : /* comment 170 */ flex /* comment 171 */ ) /* comment 172 */ {} @supports /* comment 173 */ (/* comment 174 */ display /* comment 175 */ : /* comment 176 */ table-cell /* comment 177 */ ) /* comment 178 */ and /* comment 179 */ ( /* comment 180 */ display /* comment 181 */ : /* comment 182 */ list-item /* comment 183 */ ) /* comment 184 */ and /* comment 185 */ ( /* comment 186 */display /* comment 187 */ : /* comment 188 */ run-in /* comment 189 */ ) /* comment 190 */ {} @supports /* comment 191 */ (/* comment 192 */ --foo /* comment 193 */ : /* comment 194 */ green /* comment 195 */ ) /* comment 196 */ {} /* comment 197 */ @supports /* comment 198 */ ( /* comment 199 */ display /* comment 200 */ : /* comment 201 */ flex /* comment 202 */ ) /* comment 203 */ { /* comment 204 */ @media /* comment 205 */ screen /* comment 206 */ and /* comment 207 */ ( /* comment 208 */ min-width /* comment 209 */ : /* comment 210 */ 900px /* comment 211 */ ) /* comment 212 */ { /* comment 213 */ } /* comment 214 */ /* comment 215 */ } /* comment 216 */ ``` # Prettier differences ```diff --- Prettier +++ Biome @@ -1,38 +1,27 @@ @charset "utf-8"; /* comment 1 */ -@import /* comment 2 */ url("fineprint.css") /* comment 3 */ print - /* comment 4 */; /* comment 5 */ -@import /* comment 6 */ url("bluish.css") /* comment 7 */ projection - /* comment 8 */, - /* comment 9 */ tv /* comment 10 */; -/* comment 11 */ -@import /* comment 12 */ /* comment 13 */ url("bluish.css") /* comment 14 */ +@import /* comment 2 */ url("fineprint.css") /* comment 3 */ print /* comment 4 */; /* comment 5 */ +@import /* comment 6 */ url("bluish.css") /* comment 7 */ projection /* comment 8 */, /* comment 9 */ tv /* comment 10 */; +/* comment 11 */ @import /* comment 12 */ + /* comment 13 */ url("bluish.css") /* comment 14 */ /* comment 15 */ projection /* comment 16 */, - /* comment 17 */ tv /* comment 18 */; /* comment 19 */ + /* comment 17 */ tv /* comment 18 */; /* comment 19 */ /* comment 20 */ -@import /* comment 21 */ url("bluish.css") /* comment 22 */ projection - /* comment 23 */, - /* comment 24 */ tv /* comment 25 */; -@import /* comment 26 */ "custom.css" /* comment 27 */; /* comment 28 */ -@import /* comment 29 */ url("landscape.css") /* comment 30 */ screen - /* comment 31 */ and /* comment 32 */ - ( - /* comment 33 */ orientation /* comment 34 */: /* comment 35 */ landscape - /* comment 36 */ - ) - /* comment 37 */; +@import/* comment 21 */url("bluish.css")/* comment 22 */projection/* comment 23 */,/* comment 24 */tv/* comment 25 */; +@import /* comment 26 */'custom.css'/* comment 27 */; /* comment 28 */ +@import /* comment 29 */ url('landscape.css') /* comment 30 */ screen /* comment 31 */ and /* comment 32 */ (/* comment 33 */orientation/* comment 34 */:/* comment 35 */landscape/* comment 36 */)/* comment 37 */; -@namespace /* comment 38 */ url(http://www.w3.org/1999/xhtml) /* comment 39 */; +@namespace /* comment 38 */ url(http://www.w3.org/1999/xhtml) /* comment 39 */ ; @namespace /* comment 40 */ svg /* comment 41 */ url(http://www.w3.org/2000/svg) /* comment 42 */; @keyframes /* comment 43 */ slidein /* comment 44 */ { } -/* comment 45 */ -@font-feature-values /* comment 46 */ Font Two /* comment 47 */ { +/* comment 45 */ @font-feature-values /* comment 46 */ Font +two /* comment 47 */ { /* comment 48 */ - /* comment 49 */ - @styleset /* comment 50 */ { + /* comment 49 */ @ + styleset /* comment 50 */ { /* comment 51 */ nice-style: 4; /* comment 52 */ @@ -40,12 +29,11 @@ /* comment 54 */ } /* comment 55 */ -/* comment 56 */ -@counter-style /* comment 57 */ thumbs /* comment 58 */ { +/* comment 56 */ @counter-style /* comment 57 */ thumbs /* comment 58 */ { } -/* comment 59 */ -@viewport /* comment 60 */ { +/* comment 59 */ @ +viewport /* comment 60 */ { } @page /* comment 61 */ { @@ -55,80 +43,79 @@ @page /* comment 64 */ vertical /* comment 65 */ { } -/* comment 66 */ -@media /* comment 67 */ print /* comment 68 */ { +/* comment 66 */ @media /* comment 67 */ print /* comment 68 */ { } @media /* comment 69 */ screen /* comment 70 */, /* comment 71 */ print /* comment 72 */ { } /* comment 73 */ -@media /* comment 74 */ only /* comment 75 */ screen /* comment 76 */ and /* comment 77 */ (/* comment 78 */ min-width /* comment 79 */: /* comment 80 */ 320px /* comment 81 */) /* comment 82 */ and /* comment 83 */ (/* comment 84 */ max-width /* comment 85 */: /* comment 86 */ 480px /* comment 87 */) /* comment 88 */ and /* comment 89 */ (/* comment 90 */ resolution /* comment 91 */: /* comment 92 */ 150dpi /* comment 93 */) /* comment 94 */ { +@media /* comment 74 */ only /* comment 75 */ screen /* comment 76 */ and /* comment 77 */ ( + /* comment 78 */ /* comment 79 */ /* comment 80 */ min-width: 320px /* comment 81 */ + ) /* comment 82 */ and /* comment 83 */ ( + /* comment 84 */ /* comment 85 */ /* comment 86 */ max-width: 480px /* comment 87 */ + ) /* comment 88 */ and /* comment 89 */ ( + /* comment 90 */ /* comment 91 */ /* comment 92 */ resolution: 150dpi /* comment 93 */ + ) /* comment 94 */ { } -@media /* comment 95 */only/* comment 96 */screen/* comment 97 */and/* comment 98 */(/* comment 99 */min-width/* comment 100 */:/* comment 101 */320px/* comment 102 */) /* comment 103 */and/* comment 104 */(/* comment 105 */max-width/* comment 106 */:/* comment 107 */480px/* comment 108 */) /* comment 109 */and/* comment 110 */(/* comment 111 */resolution/* comment 112 */:/* comment 113 */150dpi/* comment 114 */) /* comment 115 */ { +@media /* comment 95 */ only /* comment 96 */ screen /* comment 97 */ and /* comment 98 */ ( + /* comment 99 */ /* comment 100 */ /* comment 101 */ min-width: 320px /* comment 102 */ + ) /* comment 103 */ and /* comment 104 */ ( + /* comment 105 */ /* comment 106 */ /* comment 107 */ max-width: 480px /* comment 108 */ + ) /* comment 109 */ and /* comment 110 */ ( + /* comment 111 */ /* comment 112 */ /* comment 113 */ resolution: 150dpi /* comment 114 */ + ) /* comment 115 */ { } -/* comment 116 */ -@media /* comment 117 */ /* comment 118 */only/* comment 119 */ /* comment 120 */screen/* comment 121 */ /* comment 122 */and/* comment 123 */ /* comment 124 */(/* comment 125 */ - /* comment 126 */min-width/* comment 127 */ - /* comment 128 */:/* comment 129 */ - /* comment 130 */320px/* comment 131 */ - /* comment 132 */) /* comment 133 */ /* comment 134 */and/* comment 135 */ /* comment 136 */(/* comment 137 */ - /* comment 138 */max-width/* comment 139 */ - /* comment 140 */:/* comment 141 */ - /* comment 142 */480px/* comment 143 */ - /* comment 144 */) /* comment 145 */ /* comment 146 */and/* comment 147 */ /* comment 148 */(/* comment 149 */ - /* comment 150 */resolution/* comment 151 */ - /* comment 152 */:/* comment 153 */ - /* comment 154 */150dpi/* comment 155 */ - /* comment 156 */) /* comment 157 */ /* comment 158 */ { +/* comment 116 */ @media /* comment 117 */ + /* comment 118 */ only /* comment 119 */ + /* comment 120 */ screen /* comment 121 */ /* comment 123 */ and /* comment 122 */ /* comment 124 */ ( + /* comment 125 */ + /* comment 126 */ /* comment 127 */ + /* comment 128 */ /* comment 129 */ + /* comment 130 */ min-width: 320px /* comment 131 */ + /* comment 132 */ + ) /* comment 133 */ /* comment 135 */ and /* comment 134 */ /* comment 136 */ ( + /* comment 137 */ + /* comment 138 */ /* comment 139 */ + /* comment 140 */ /* comment 141 */ + /* comment 142 */ max-width: 480px /* comment 143 */ + /* comment 144 */ + ) /* comment 145 */ /* comment 147 */ and /* comment 146 */ /* comment 148 */ ( + /* comment 149 */ + /* comment 150 */ /* comment 151 */ + /* comment 152 */ /* comment 153 */ + /* comment 154 */ resolution: 150dpi /* comment 155 */ + /* comment 156 */ + ) /* comment 157 */ /* comment 158 */ { } /* comment 159 */ -@supports /* comment 160 */ - ( - /* comment 161 */ display /* comment 162 */: /* comment 163 */ flex - /* comment 164 */ - ) - /* comment 165 */ { +@supports /* comment 160 */ ( + /* comment 161 */ /* comment 162 */ /* comment 163 */ display: flex /* comment 164 */ + ) /* comment 165 */ { } -@supports /* comment 166 */ not /* comment 167 */ - ( - /* comment 168 */ display /* comment 169 */: /* comment 170 */ flex - /* comment 171 */ - ) - /* comment 172 */ { +@supports /* comment 166 */ not /* comment 167 */ ( + /* comment 168 */ /* comment 169 */ /* comment 170 */ display: flex /* comment 171 */ + ) /* comment 172 */ { } -@supports /* comment 173 */ - ( - /* comment 174 */ display /* comment 175 */: /* comment 176 */ table-cell - /* comment 177 */ - ) - /* comment 178 */ and /* comment 179 */ - ( - /* comment 180 */ display /* comment 181 */: /* comment 182 */ list-item - /* comment 183 */ - ) - /* comment 184 */ and /* comment 185 */ - ( - /* comment 186 */ display /* comment 187 */: /* comment 188 */ run-in - /* comment 189 */ - ) - /* comment 190 */ { +@supports /* comment 173 */ ( + /* comment 174 */ /* comment 175 */ /* comment 176 */ display: table-cell /* comment 177 */ + ) /* comment 178 */ and + /* comment 179 */ ( + /* comment 180 */ /* comment 181 */ /* comment 182 */ display: list-item /* comment 183 */ + ) /* comment 184 */ and + /* comment 185 */ ( + /* comment 186 */ /* comment 187 */ /* comment 188 */ display: run-in /* comment 189 */ + ) /* comment 190 */ { } -@supports /* comment 191 */ - ( - /* comment 192 */ --foo /* comment 193 */: /* comment 194 */ green - /* comment 195 */ - ) - /* comment 196 */ { +@supports /* comment 191 */ ( + /* comment 192 */ /* comment 193 */ /* comment 194 */ --foo: green /* comment 195 */ + ) /* comment 196 */ { } -/* comment 197 */ -@supports /* comment 198 */ - ( - /* comment 199 */ display /* comment 200 */: /* comment 201 */ flex - /* comment 202 */ - ) - /* comment 203 */ { - /* comment 204 */ - @media /* comment 205 */ screen /* comment 206 */ and /* comment 207 */ (/* comment 208 */ min-width /* comment 209 */: /* comment 210 */ 900px /* comment 211 */) /* comment 212 */ { +/* comment 197 */ @supports /* comment 198 */ ( + /* comment 199 */ /* comment 200 */ /* comment 201 */ display: flex /* comment 202 */ + ) /* comment 203 */ { + /* comment 204 */ @media /* comment 205 */ screen /* comment 206 */ and /* comment 207 */ ( + /* comment 208 */ /* comment 209 */ /* comment 210 */ min-width: 900px /* comment 211 */ + ) /* comment 212 */ { /* comment 213 */ } /* comment 214 */ /* comment 215 */ ``` # Output ```css @charset "utf-8"; /* comment 1 */ @import /* comment 2 */ url("fineprint.css") /* comment 3 */ print /* comment 4 */; /* comment 5 */ @import /* comment 6 */ url("bluish.css") /* comment 7 */ projection /* comment 8 */, /* comment 9 */ tv /* comment 10 */; /* comment 11 */ @import /* comment 12 */ /* comment 13 */ url("bluish.css") /* comment 14 */ /* comment 15 */ projection /* comment 16 */, /* comment 17 */ tv /* comment 18 */; /* comment 19 */ /* comment 20 */ @import/* comment 21 */url("bluish.css")/* comment 22 */projection/* comment 23 */,/* comment 24 */tv/* comment 25 */; @import /* comment 26 */'custom.css'/* comment 27 */; /* comment 28 */ @import /* comment 29 */ url('landscape.css') /* comment 30 */ screen /* comment 31 */ and /* comment 32 */ (/* comment 33 */orientation/* comment 34 */:/* comment 35 */landscape/* comment 36 */)/* comment 37 */; @namespace /* comment 38 */ url(http://www.w3.org/1999/xhtml) /* comment 39 */ ; @namespace /* comment 40 */ svg /* comment 41 */ url(http://www.w3.org/2000/svg) /* comment 42 */; @keyframes /* comment 43 */ slidein /* comment 44 */ { } /* comment 45 */ @font-feature-values /* comment 46 */ Font two /* comment 47 */ { /* comment 48 */ /* comment 49 */ @ styleset /* comment 50 */ { /* comment 51 */ nice-style: 4; /* comment 52 */ } /* comment 53 */ /* comment 54 */ } /* comment 55 */ /* comment 56 */ @counter-style /* comment 57 */ thumbs /* comment 58 */ { } /* comment 59 */ @ viewport /* comment 60 */ { } @page /* comment 61 */ { } @page /* comment 62 */ :first /* comment 63 */ { } @page /* comment 64 */ vertical /* comment 65 */ { } /* comment 66 */ @media /* comment 67 */ print /* comment 68 */ { } @media /* comment 69 */ screen /* comment 70 */, /* comment 71 */ print /* comment 72 */ { } /* comment 73 */ @media /* comment 74 */ only /* comment 75 */ screen /* comment 76 */ and /* comment 77 */ ( /* comment 78 */ /* comment 79 */ /* comment 80 */ min-width: 320px /* comment 81 */ ) /* comment 82 */ and /* comment 83 */ ( /* comment 84 */ /* comment 85 */ /* comment 86 */ max-width: 480px /* comment 87 */ ) /* comment 88 */ and /* comment 89 */ ( /* comment 90 */ /* comment 91 */ /* comment 92 */ resolution: 150dpi /* comment 93 */ ) /* comment 94 */ { } @media /* comment 95 */ only /* comment 96 */ screen /* comment 97 */ and /* comment 98 */ ( /* comment 99 */ /* comment 100 */ /* comment 101 */ min-width: 320px /* comment 102 */ ) /* comment 103 */ and /* comment 104 */ ( /* comment 105 */ /* comment 106 */ /* comment 107 */ max-width: 480px /* comment 108 */ ) /* comment 109 */ and /* comment 110 */ ( /* comment 111 */ /* comment 112 */ /* comment 113 */ resolution: 150dpi /* comment 114 */ ) /* comment 115 */ { } /* comment 116 */ @media /* comment 117 */ /* comment 118 */ only /* comment 119 */ /* comment 120 */ screen /* comment 121 */ /* comment 123 */ and /* comment 122 */ /* comment 124 */ ( /* comment 125 */ /* comment 126 */ /* comment 127 */ /* comment 128 */ /* comment 129 */ /* comment 130 */ min-width: 320px /* comment 131 */ /* comment 132 */ ) /* comment 133 */ /* comment 135 */ and /* comment 134 */ /* comment 136 */ ( /* comment 137 */ /* comment 138 */ /* comment 139 */ /* comment 140 */ /* comment 141 */ /* comment 142 */ max-width: 480px /* comment 143 */ /* comment 144 */ ) /* comment 145 */ /* comment 147 */ and /* comment 146 */ /* comment 148 */ ( /* comment 149 */ /* comment 150 */ /* comment 151 */ /* comment 152 */ /* comment 153 */ /* comment 154 */ resolution: 150dpi /* comment 155 */ /* comment 156 */ ) /* comment 157 */ /* comment 158 */ { } /* comment 159 */ @supports /* comment 160 */ ( /* comment 161 */ /* comment 162 */ /* comment 163 */ display: flex /* comment 164 */ ) /* comment 165 */ { } @supports /* comment 166 */ not /* comment 167 */ ( /* comment 168 */ /* comment 169 */ /* comment 170 */ display: flex /* comment 171 */ ) /* comment 172 */ { } @supports /* comment 173 */ ( /* comment 174 */ /* comment 175 */ /* comment 176 */ display: table-cell /* comment 177 */ ) /* comment 178 */ and /* comment 179 */ ( /* comment 180 */ /* comment 181 */ /* comment 182 */ display: list-item /* comment 183 */ ) /* comment 184 */ and /* comment 185 */ ( /* comment 186 */ /* comment 187 */ /* comment 188 */ display: run-in /* comment 189 */ ) /* comment 190 */ { } @supports /* comment 191 */ ( /* comment 192 */ /* comment 193 */ /* comment 194 */ --foo: green /* comment 195 */ ) /* comment 196 */ { } /* comment 197 */ @supports /* comment 198 */ ( /* comment 199 */ /* comment 200 */ /* comment 201 */ display: flex /* comment 202 */ ) /* comment 203 */ { /* comment 204 */ @media /* comment 205 */ screen /* comment 206 */ and /* comment 207 */ ( /* comment 208 */ /* comment 209 */ /* comment 210 */ min-width: 900px /* comment 211 */ ) /* comment 212 */ { /* comment 213 */ } /* comment 214 */ /* comment 215 */ } /* comment 216 */ ``` # Errors ``` at-rules.css:19:61 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × expected `{` but instead found `Two` 17 │ @keyframes /* comment 43 */ slidein /* comment 44 */ {} 18 │ > 19 │ /* comment 45 */ @font-feature-values /* comment 46 */ Font Two /* comment 47 */ { /* comment 48 */ │ ^^^ 20 │ /* comment 49 */ @styleset /* comment 50 */ { /* comment 51 */ 21 │ nice-style: 4; i Remove Two at-rules.css:20:23 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 19 │ /* comment 45 */ @font-feature-values /* comment 46 */ Font Two /* comment 47 */ { /* comment 48 */ > 20 │ /* comment 49 */ @styleset /* comment 50 */ { /* comment 51 */ │ ^^^^^^^^ 21 │ nice-style: 4; 22 │ /* comment 52 */ } /* comment 53 */ 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 at-rules.css:27:19 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ × Unexpected value or character. 25 │ /* comment 56 */ @counter-style /* comment 57 */ thumbs /* comment 58 */ {} 26 │ > 27 │ /* comment 59 */ @viewport /* comment 60 */ {} │ ^^^^^^^^ 28 │ 29 │ @page /* comment 61 */ {} 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 ``` # Lines exceeding max width of 80 characters ``` 3: @import /* comment 2 */ url("fineprint.css") /* comment 3 */ print /* comment 4 */; /* comment 5 */ 4: @import /* comment 6 */ url("bluish.css") /* comment 7 */ projection /* comment 8 */, /* comment 9 */ tv /* comment 10 */; 10: @import/* comment 21 */url("bluish.css")/* comment 22 */projection/* comment 23 */,/* comment 24 */tv/* comment 25 */; 12: @import /* comment 29 */ url('landscape.css') /* comment 30 */ screen /* comment 31 */ and /* comment 32 */ (/* comment 33 */orientation/* comment 34 */:/* comment 35 */landscape/* comment 36 */)/* comment 37 */; 15: @namespace /* comment 40 */ svg /* comment 41 */ url(http://www.w3.org/2000/svg) /* comment 42 */; 51: @media /* comment 74 */ only /* comment 75 */ screen /* comment 76 */ and /* comment 77 */ ( 52: /* comment 78 */ /* comment 79 */ /* comment 80 */ min-width: 320px /* comment 81 */ 54: /* comment 84 */ /* comment 85 */ /* comment 86 */ max-width: 480px /* comment 87 */ 56: /* comment 90 */ /* comment 91 */ /* comment 92 */ resolution: 150dpi /* comment 93 */ 59: @media /* comment 95 */ only /* comment 96 */ screen /* comment 97 */ and /* comment 98 */ ( 60: /* comment 99 */ /* comment 100 */ /* comment 101 */ min-width: 320px /* comment 102 */ 62: /* comment 105 */ /* comment 106 */ /* comment 107 */ max-width: 480px /* comment 108 */ 64: /* comment 111 */ /* comment 112 */ /* comment 113 */ resolution: 150dpi /* comment 114 */ 69: /* comment 120 */ screen /* comment 121 */ /* comment 123 */ and /* comment 122 */ /* comment 124 */ ( 75: ) /* comment 133 */ /* comment 135 */ and /* comment 134 */ /* comment 136 */ ( 81: ) /* comment 145 */ /* comment 147 */ and /* comment 146 */ /* comment 148 */ ( 91: /* comment 161 */ /* comment 162 */ /* comment 163 */ display: flex /* comment 164 */ 95: /* comment 168 */ /* comment 169 */ /* comment 170 */ display: flex /* comment 171 */ 99: /* comment 174 */ /* comment 175 */ /* comment 176 */ display: table-cell /* comment 177 */ 102: /* comment 180 */ /* comment 181 */ /* comment 182 */ display: list-item /* comment 183 */ 105: /* comment 186 */ /* comment 187 */ /* comment 188 */ display: run-in /* comment 189 */ 109: /* comment 192 */ /* comment 193 */ /* comment 194 */ --foo: green /* comment 195 */ 114: /* comment 199 */ /* comment 200 */ /* comment 201 */ display: flex /* comment 202 */ 116: /* comment 204 */ @media /* comment 205 */ screen /* comment 206 */ and /* comment 207 */ ( 117: /* comment 208 */ /* comment 209 */ /* comment 210 */ min-width: 900px /* comment 211 */ ```