Root {
 
css: StyleSheet {...}
 
type: "StyleSheet"
start: 217
end: 2345
attributes: []
children: [...] (17)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 227
end: 231
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 227
end: 231
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "main"
start: 227
end: 231
 }
 ]
start: 227
end: 231
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 232
end: 321
children: [...] (4)
 
 Declaration {...}
 
type: "Declaration"
start: 238
end: 256
property: "text-align"
value: "center"
 }
 Declaration {...}
 
type: "Declaration"
start: 262
end: 274
property: "padding"
value: "1em"
 }
 Declaration {...}
 
type: "Declaration"
start: 280
end: 296
property: "max-width"
value: "240px"
 }
 Declaration {...}
 
type: "Declaration"
start: 302
end: 316
property: "margin"
value: "0 auto"
 }
 ]
 }
start: 227
end: 321
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 325
end: 327
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 325
end: 327
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "h1"
start: 325
end: 327
 }
 ]
start: 325
end: 327
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 328
end: 447
children: [...] (5)
 
 Declaration {...}
 
type: "Declaration"
start: 334
end: 354
property: "color"
value: "var(--accent)"
 }
 Declaration {...}
 
type: "Declaration"
start: 360
end: 385
property: "text-transform"
value: "uppercase"
 }
 Declaration {...}
 
type: "Declaration"
start: 391
end: 405
property: "font-size"
value: "6em"
 }
 Declaration {...}
 
type: "Declaration"
start: 411
end: 420
property: "margin"
value: "0"
 }
 Declaration {...}
 
type: "Declaration"
start: 426
end: 442
property: "font-weight"
value: "100"
 }
 ]
 }
start: 325
end: 447
 }
 Atrule {...}
 
type: "Atrule"
start: 451
end: 522
name: "media"
prelude: "(min-width: 640px)"
block: Block {...}
 
type: "Block"
start: 477
end: 522
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 483
end: 487
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 483
end: 487
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "main"
start: 483
end: 487
 }
 ]
start: 483
end: 487
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 488
end: 518
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 496
end: 511
property: "max-width"
value: "none"
 }
 ]
 }
start: 483
end: 518
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 556
end: 570
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 556
end: 570
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "global"
args: SelectorList {...}
 
type: "SelectorList"
start: 564
end: 569
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 564
end: 569
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "root"
args: null
start: 564
end: 569
 }
 ]
start: 564
end: 569
 }
 ]
 }
 ]
 }
start: 556
end: 570
 }
 ]
start: 556
end: 570
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 571
end: 743
children: [...] (8)
 
 Declaration {...}
 
type: "Declaration"
start: 574
end: 587
property: "--black"
value: "#333"
 }
 Declaration {...}
 
type: "Declaration"
start: 590
end: 603
property: "--base"
value: "white"
 }
 Declaration {...}
 
type: "Declaration"
start: 606
end: 627
property: "--base-light"
value: "#f4f4f4"
 }
 Declaration {...}
 
type: "Declaration"
start: 630
end: 647
property: "--base-dark"
value: "#ddd"
 }
 Declaration {...}
 
type: "Declaration"
start: 651
end: 665
property: "--white"
value: "white"
 }
 Declaration {...}
 
type: "Declaration"
start: 668
end: 687
property: "--accent"
value: "orangered"
 }
 Declaration {...}
 
type: "Declaration"
start: 690
end: 715
property: "--accent-light"
value: "#ff4500d6"
 }
 Declaration {...}
 
type: "Declaration"
start: 718
end: 740
property: "--accent-dark"
value: "#e83f00"
 }
 ]
 }
start: 556
end: 743
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 745
end: 764
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 745
end: 764
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "global"
args: SelectorList {...}
 
type: "SelectorList"
start: 753
end: 763
children: [...] (2)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 753
end: 757
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "html"
start: 753
end: 757
 }
 ]
start: 753
end: 757
 }
 ]
 }
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 759
end: 763
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "body"
start: 759
end: 763
 }
 ]
start: 759
end: 763
 }
 ]
 }
 ]
 }
start: 745
end: 764
 }
 ]
start: 745
end: 764
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 765
end: 821
children: [...] (3)
 
 Declaration {...}
 
type: "Declaration"
start: 769
end: 787
property: "position"
value: "relative"
 }
 Declaration {...}
 
type: "Declaration"
start: 791
end: 802
property: "width"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 806
end: 818
property: "height"
value: "100%"
 }
 ]
 }
start: 745
end: 821
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 823
end: 836
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 823
end: 836
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "global"
args: SelectorList {...}
 
type: "SelectorList"
start: 831
end: 835
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 831
end: 835
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "body"
start: 831
end: 835
 }
 ]
start: 831
end: 835
 }
 ]
 }
 ]
 }
start: 823
end: 836
 }
 ]
start: 823
end: 836
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 837
end: 1070
children: [...] (6)
 
 Declaration {...}
 
type: "Declaration"
start: 841
end: 860
property: "color"
value: "var(--black)"
 }
 Declaration {...}
 
type: "Declaration"
start: 864
end: 873
property: "margin"
value: "0"
 }
 Declaration {...}
 
type: "Declaration"
start: 877
end: 889
property: "padding"
value: "8px"
 }
 Declaration {...}
 
type: "Declaration"
start: 893
end: 915
property: "box-sizing"
value: "border-box"
 }
 Declaration {...}
 
type: "Declaration"
start: 919
end: 1047
property: "font-family"
value: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif"
 }
 Declaration {...}
 
type: "Declaration"
start: 1051
end: 1067
property: "font-weight"
value: "300"
 }
 ]
 }
start: 823
end: 1070
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 1072
end: 1082
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1072
end: 1082
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "global"
args: SelectorList {...}
 
type: "SelectorList"
start: 1080
end: 1081
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1080
end: 1081
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "a"
start: 1080
end: 1081
 }
 ]
start: 1080
end: 1081
 }
 ]
 }
 ]
 }
start: 1072
end: 1082
 }
 ]
start: 1072
end: 1082
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 1083
end: 1136
children: [...] (2)
 
 Declaration {...}
 
type: "Declaration"
start: 1087
end: 1108
property: "color"
value: "rgb(0,100,200)"
 }
 Declaration {...}
 
type: "Declaration"
start: 1112
end: 1133
property: "text-decoration"
value: "none"
 }
 ]
 }
start: 1072
end: 1136
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 1138
end: 1178
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1138
end: 1178
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "global"
args: SelectorList {...}
 
type: "SelectorList"
start: 1146
end: 1177
children: [...] (4)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1146
end: 1151
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "input"
start: 1146
end: 1151
 }
 ]
start: 1146
end: 1151
 }
 ]
 }
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1153
end: 1159
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "button"
start: 1153
end: 1159
 }
 ]
start: 1153
end: 1159
 }
 ]
 }
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1161
end: 1167
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "select"
start: 1161
end: 1167
 }
 ]
start: 1161
end: 1167
 }
 ]
 }
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1169
end: 1177
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "textarea"
start: 1169
end: 1177
 }
 ]
start: 1169
end: 1177
 }
 ]
 }
 ]
 }
start: 1138
end: 1178
 }
 ]
start: 1138
end: 1178
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 1179
end: 1365
children: [...] (8)
 
 Declaration {...}
 
type: "Declaration"
start: 1183
end: 1203
property: "font-family"
value: "inherit"
 }
 Declaration {...}
 
type: "Declaration"
start: 1207
end: 1223
property: "font-size"
value: "1.5em"
 }
 Declaration {...}
 
type: "Declaration"
start: 1227
end: 1247
property: "font-weight"
value: "inherit"
 }
 Declaration {...}
 
type: "Declaration"
start: 1251
end: 1265
property: "padding"
value: "0.4em"
 }
 Declaration {...}
 
type: "Declaration"
start: 1269
end: 1288
property: "margin"
value: "0 0 0.5em 0"
 }
 Declaration {...}
 
type: "Declaration"
start: 1292
end: 1314
property: "box-sizing"
value: "border-box"
 }
 Declaration {...}
 
type: "Declaration"
start: 1318
end: 1340
property: "border"
value: "1px solid #ccc"
 }
 Declaration {...}
 
type: "Declaration"
start: 1344
end: 1362
property: "border-radius"
value: "2px"
 }
 ]
 }
start: 1138
end: 1365
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 1367
end: 1390
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1367
end: 1390
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "global"
args: SelectorList {...}
 
type: "SelectorList"
start: 1375
end: 1389
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1375
end: 1389
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "input"
start: 1375
end: 1380
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "disabled"
args: null
start: 1380
end: 1389
 }
 ]
start: 1375
end: 1389
 }
 ]
 }
 ]
 }
start: 1367
end: 1390
 }
 ]
start: 1367
end: 1390
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 1391
end: 1409
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 1395
end: 1406
property: "color"
value: "#ccc"
 }
 ]
 }
start: 1367
end: 1409
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 1411
end: 1439
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1411
end: 1439
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "global"
args: SelectorList {...}
 
type: "SelectorList"
start: 1419
end: 1438
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1419
end: 1438
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "input"
start: 1419
end: 1424
 }
 AttributeSelector {...}
 
type: "AttributeSelector"
start: 1424
end: 1438
name: "type"
matcher: "="
value: "range"
flags: null
 }
 ]
start: 1419
end: 1438
 }
 ]
 }
 ]
 }
start: 1411
end: 1439
 }
 ]
start: 1411
end: 1439
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 1440
end: 1456
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 1444
end: 1453
property: "height"
value: "0"
 }
 ]
 }
start: 1411
end: 1456
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 1458
end: 1473
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1458
end: 1473
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "global"
args: SelectorList {...}
 
type: "SelectorList"
start: 1466
end: 1472
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1466
end: 1472
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "button"
start: 1466
end: 1472
 }
 ]
start: 1466
end: 1472
 }
 ]
 }
 ]
 }
start: 1458
end: 1473
 }
 ]
start: 1458
end: 1473
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 1474
end: 1731
children: [...] (8)
 
 Declaration {...}
 
type: "Declaration"
start: 1478
end: 1507
property: "background-color"
value: "var(--base)"
 }
 Declaration {...}
 
type: "Declaration"
start: 1511
end: 1537
property: "border-color"
value: "var(--black)"
 }
 Declaration {...}
 
type: "Declaration"
start: 1541
end: 1560
property: "color"
value: "var(--black)"
 }
 Declaration {...}
 
type: "Declaration"
start: 1564
end: 1580
property: "font-size"
value: "1.5em"
 }
 Declaration {...}
 
type: "Declaration"
start: 1584
end: 1604
property: "font-weight"
value: "inherit"
 }
 Declaration {...}
 
type: "Declaration"
start: 1608
end: 1621
property: "outline"
value: "none"
 }
 Declaration {...}
 
type: "Declaration"
start: 1625
end: 1650
property: "text-transform"
value: "uppercase"
 }
 Declaration {...}
 
type: "Declaration"
start: 1654
end: 1728
property: "transition"
value: "background-color .2s, color .2s, border-color .2s, opacity .2s"
 }
 ]
 }
start: 1458
end: 1731
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 1733
end: 1757
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1733
end: 1757
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "global"
args: SelectorList {...}
 
type: "SelectorList"
start: 1741
end: 1756
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1741
end: 1756
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "button"
start: 1741
end: 1747
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "disabled"
args: null
start: 1747
end: 1756
 }
 ]
start: 1741
end: 1756
 }
 ]
 }
 ]
 }
start: 1733
end: 1757
 }
 ]
start: 1733
end: 1757
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 1758
end: 1777
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 1762
end: 1774
property: "opacity"
value: "0.5"
 }
 ]
 }
start: 1733
end: 1777
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 1779
end: 1838
children: [...] (2)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1779
end: 1800
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "global"
args: SelectorList {...}
 
type: "SelectorList"
start: 1787
end: 1799
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1787
end: 1799
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "button"
start: 1787
end: 1793
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "focus"
args: null
start: 1793
end: 1799
 }
 ]
start: 1787
end: 1799
 }
 ]
 }
 ]
 }
start: 1779
end: 1800
 }
 ]
start: 1779
end: 1800
 }
 ]
 }
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1802
end: 1838
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "global"
args: SelectorList {...}
 
type: "SelectorList"
start: 1810
end: 1837
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1810
end: 1837
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (3)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "button"
start: 1810
end: 1816
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "not"
args: SelectorList {...}
 
type: "SelectorList"
start: 1821
end: 1830
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1821
end: 1830
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "disabled"
args: null
start: 1821
end: 1830
 }
 ]
start: 1821
end: 1830
 }
 ]
 }
 ]
 }
start: 1816
end: 1831
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "hover"
args: null
start: 1831
end: 1837
 }
 ]
start: 1810
end: 1837
 }
 ]
 }
 ]
 }
start: 1802
end: 1838
 }
 ]
start: 1802
end: 1838
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 1839
end: 1881
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 1843
end: 1878
property: "background-color"
value: "var(--base-light)"
 }
 ]
 }
start: 1779
end: 1881
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 1883
end: 1920
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1883
end: 1920
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "global"
args: SelectorList {...}
 
type: "SelectorList"
start: 1891
end: 1919
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1891
end: 1919
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (3)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "button"
start: 1891
end: 1897
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "not"
args: SelectorList {...}
 
type: "SelectorList"
start: 1902
end: 1911
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1902
end: 1911
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "disabled"
args: null
start: 1902
end: 1911
 }
 ]
start: 1902
end: 1911
 }
 ]
 }
 ]
 }
start: 1897
end: 1912
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "active"
args: null
start: 1912
end: 1919
 }
 ]
start: 1891
end: 1919
 }
 ]
 }
 ]
 }
start: 1883
end: 1920
 }
 ]
start: 1883
end: 1920
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 1921
end: 1962
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 1925
end: 1959
property: "background-color"
value: "var(--base-dark)"
 }
 ]
 }
start: 1883
end: 1962
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 1964
end: 1987
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1964
end: 1987
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "global"
args: SelectorList {...}
 
type: "SelectorList"
start: 1972
end: 1986
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 1972
end: 1986
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "button"
start: 1972
end: 1978
 }
 ClassSelector {...}
 
type: "ClassSelector"
name: "primary"
start: 1978
end: 1986
 }
 ]
start: 1972
end: 1986
 }
 ]
 }
 ]
 }
start: 1964
end: 1987
 }
 ]
start: 1964
end: 1987
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 1988
end: 2080
children: [...] (3)
 
 Declaration {...}
 
type: "Declaration"
start: 1992
end: 2023
property: "background-color"
value: "var(--accent)"
 }
 Declaration {...}
 
type: "Declaration"
start: 2027
end: 2054
property: "border-color"
value: "var(--accent)"
 }
 Declaration {...}
 
type: "Declaration"
start: 2058
end: 2077
property: "color"
value: "var(--white)"
 }
 ]
 }
start: 1964
end: 2080
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 2082
end: 2126
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 2082
end: 2126
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "global"
args: SelectorList {...}
 
type: "SelectorList"
start: 2090
end: 2125
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 2090
end: 2125
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (4)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "button"
start: 2090
end: 2096
 }
 ClassSelector {...}
 
type: "ClassSelector"
name: "primary"
start: 2096
end: 2104
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "not"
args: SelectorList {...}
 
type: "SelectorList"
start: 2109
end: 2118
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 2109
end: 2118
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "disabled"
args: null
start: 2109
end: 2118
 }
 ]
start: 2109
end: 2118
 }
 ]
 }
 ]
 }
start: 2104
end: 2119
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "hover"
args: null
start: 2119
end: 2125
 }
 ]
start: 2090
end: 2125
 }
 ]
 }
 ]
 }
start: 2082
end: 2126
 }
 ]
start: 2082
end: 2126
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 2127
end: 2208
children: [...] (2)
 
 Declaration {...}
 
type: "Declaration"
start: 2131
end: 2168
property: "background-color"
value: "var(--accent-light)"
 }
 Declaration {...}
 
type: "Declaration"
start: 2172
end: 2205
property: "border-color"
value: "var(--accent-light)"
 }
 ]
 }
start: 2082
end: 2208
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 2210
end: 2255
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 2210
end: 2255
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "global"
args: SelectorList {...}
 
type: "SelectorList"
start: 2218
end: 2254
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 2218
end: 2254
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (4)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "button"
start: 2218
end: 2224
 }
 ClassSelector {...}
 
type: "ClassSelector"
name: "primary"
start: 2224
end: 2232
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "not"
args: SelectorList {...}
 
type: "SelectorList"
start: 2237
end: 2246
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 2237
end: 2246
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "disabled"
args: null
start: 2237
end: 2246
 }
 ]
start: 2237
end: 2246
 }
 ]
 }
 ]
 }
start: 2232
end: 2247
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "active"
args: null
start: 2247
end: 2254
 }
 ]
start: 2218
end: 2254
 }
 ]
 }
 ]
 }
start: 2210
end: 2255
 }
 ]
start: 2210
end: 2255
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 2256
end: 2335
children: [...] (2)
 
 Declaration {...}
 
type: "Declaration"
start: 2260
end: 2296
property: "background-color"
value: "var(--accent-dark)"
 }
 Declaration {...}
 
type: "Declaration"
start: 2300
end: 2332
property: "border-color"
value: "var(--accent-dark)"
 }
 ]
 }
start: 2210
end: 2335
 }
 ]
content:  {...}
 
start: 224
end: 2337
styles: "\n  main {\n    text-align: center;\n    padding: 1em;\n    max-width: 240px;\n    margin: 0 auto;\n  }\n\n  h1 {\n    color: var(--accent);\n    text-transform: uppercase;\n    font-size: 6em;\n    margin: 0;\n    font-weight: 100;\n  }\n\n  @media (min-width: 640px) {\n    main {\n      max-width: none;\n    }\n  }\n\n/* global.css simulated here */\n:global(:root) {\n --black: #333;\n --base: white;\n --base-light: #f4f4f4;\n --base-dark: #ddd;\n\n --white: white;\n --accent: orangered;\n --accent-light: #ff4500d6;\n --accent-dark: #e83f00;\n}\n\n:global(html, body) {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n:global(body) {\n  color: var(--black);\n  margin: 0;\n  padding: 8px;\n  box-sizing: border-box;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  font-weight: 300;\n}\n\n:global(a) {\n  color: rgb(0,100,200);\n  text-decoration: none;\n}\n\n:global(input, button, select, textarea) {\n  font-family: inherit;\n  font-size: 1.5em;\n  font-weight: inherit;\n  padding: 0.4em;\n  margin: 0 0 0.5em 0;\n  box-sizing: border-box;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n}\n\n:global(input:disabled) {\n  color: #ccc;\n}\n\n:global(input[type=\"range\"]) {\n  height: 0;\n}\n\n:global(button) {\n  background-color: var(--base);\n  border-color: var(--black);\n  color: var(--black);\n  font-size: 1.5em;\n  font-weight: inherit;\n  outline: none;\n  text-transform: uppercase;\n  transition: background-color .2s, color .2s, border-color .2s, opacity .2s;\n}\n\n:global(button:disabled) {\n  opacity: 0.5;\n}\n\n:global(button:focus),\n:global(button:not(:disabled):hover) {\n  background-color: var(--base-light);\n}\n\n:global(button:not(:disabled):active) {\n  background-color: var(--base-dark);\n}\n\n:global(button.primary) {\n  background-color: var(--accent);\n  border-color: var(--accent);\n  color: var(--white);\n}\n\n:global(button.primary:not(:disabled):hover) {\n  background-color: var(--accent-light);\n  border-color: var(--accent-light);\n}\n\n:global(button.primary:not(:disabled):active) {\n  background-color: var(--accent-dark);\n  border-color: var(--accent-dark);\n}\n\n"
comment: null
 }
 }
js: []
start: 147
end: 215
type: "Root"
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 145
end: 147
raw: "\n\n"
data: "\n\n"
 }
 RegularElement {...}
 
type: "RegularElement"
start: 147
end: 215
name: "main"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: -1
end: -1
name: "class"
value: [...] (1)
 
 Text {...}
 
type: "Text"
data: ""
raw: ""
start: -1
end: -1
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (7)
 
 Text {...}
 
type: "Text"
start: 153
end: 156
raw: "\n  "
data: "\n  "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 156
end: 172
name: "h1"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: -1
end: -1
name: "class"
value: [...] (1)
 
 Text {...}
 
type: "Text"
data: ""
raw: ""
start: -1
end: -1
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (1)
 
 ExpressionTag {...}
 
type: "ExpressionTag"
start: 160
end: 167
expression: Identifier {...}
 
type: "Identifier"
start: 161
end: 166
loc:  {...}
 
start:  {...}
 
line: 8
column: 7
 }
end:  {...}
 
line: 8
column: 12
 }
 }
name: "title"
 }
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 172
end: 175
raw: " "
data: " "
 }
 Component {...}
 
type: "Component"
start: 175
end: 192
name: "PomodoroTimer"
attributes: []
fragment: Fragment {...}
 
type: "Fragment"
nodes: []
 }
 }
 Text {...}
 
type: "Text"
start: 192
end: 195
raw: " "
data: " "
 }
 Component {...}
 
type: "Component"
start: 195
end: 207
name: "TaskList"
attributes: []
fragment: Fragment {...}
 
type: "Fragment"
nodes: []
 }
 }
 Text {...}
 
type: "Text"
start: 207
end: 208
raw: "\n"
data: "\n"
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 215
end: 217
raw: "\n\n"
data: "\n\n"
 }
 ]
 }
options: null
instance: Script {...}
 
type: "Script"
start: 0
end: 145
context: "default"
content: Program {...}
 
type: "Program"
start: 8
end: 136
loc:  {...}
 
start:  {...}
 
line: 1
column: 0
 }
end:  {...}
 
line: 5
column: 0
 }
 }
body: [...] (3)
 
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 11
end: 37
loc:  {...}
 
start:  {...}
 
line: 2
column: 2
 }
end:  {...}
 
line: 2
column: 28
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 15
end: 36
loc:  {...}
 
start:  {...}
 
line: 2
column: 6
 }
end:  {...}
 
line: 2
column: 27
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 15
end: 20
loc:  {...}
 
start:  {...}
 
line: 2
column: 6
 }
end:  {...}
 
line: 2
column: 11
 }
 }
name: "title"
 }
init: Literal {...}
 
type: "Literal"
start: 23
end: 36
loc:  {...}
 
start:  {...}
 
line: 2
column: 14
 }
end:  {...}
 
line: 2
column: 27
 }
 }
value: "il Pomodoro"
raw: "\"il Pomodoro\""
 }
 }
 ]
kind: "let"
 }
 ImportDeclaration {...}
 
type: "ImportDeclaration"
start: 40
end: 81
loc:  {...}
 
start:  {...}
 
line: 3
column: 2
 }
end:  {...}
 
line: 3
column: 43
 }
 }
specifiers: [...] (1)
 
 ImportDefaultSpecifier {...}
 
type: "ImportDefaultSpecifier"
start: 47
end: 55
loc:  {...}
 
start:  {...}
 
line: 3
column: 9
 }
end:  {...}
 
line: 3
column: 17
 }
 }
local: Identifier {...}
 
type: "Identifier"
start: 47
end: 55
loc:  {...}
 
start:  {...}
 
line: 3
column: 9
 }
end:  {...}
 
line: 3
column: 17
 }
 }
name: "TaskList"
 }
 }
 ]
source: Literal {...}
 
type: "Literal"
start: 61
end: 80
loc:  {...}
 
start:  {...}
 
line: 3
column: 23
 }
end:  {...}
 
line: 3
column: 42
 }
 }
value: "./TaskList.svelte"
raw: "'./TaskList.svelte'"
 }
 }
 ImportDeclaration {...}
 
type: "ImportDeclaration"
start: 84
end: 135
loc:  {...}
 
start:  {...}
 
line: 4
column: 2
 }
end:  {...}
 
line: 4
column: 53
 }
 }
specifiers: [...] (1)
 
 ImportDefaultSpecifier {...}
 
type: "ImportDefaultSpecifier"
start: 91
end: 104
loc:  {...}
 
start:  {...}
 
line: 4
column: 9
 }
end:  {...}
 
line: 4
column: 22
 }
 }
local: Identifier {...}
 
type: "Identifier"
start: 91
end: 104
loc:  {...}
 
start:  {...}
 
line: 4
column: 9
 }
end:  {...}
 
line: 4
column: 22
 }
 }
name: "PomodoroTimer"
 }
 }
 ]
source: Literal {...}
 
type: "Literal"
start: 110
end: 134
loc:  {...}
 
start:  {...}
 
line: 4
column: 28
 }
end:  {...}
 
line: 4
column: 52
 }
 }
value: "./PomodoroTimer.svelte"
raw: "'./PomodoroTimer.svelte'"
 }
 }
 ]
sourceType: "module"
 }
attributes: []
 }
 }