Root {
 
css: StyleSheet {...}
 
type: "StyleSheet"
start: 2150
end: 13095
attributes: []
children: [...] (88)
 
 Atrule {...}
 
type: "Atrule"
start: 2158
end: 2286
name: "import"
prelude: "url(\"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700|Source+Sans+Pro:400,600,700&display=swap\")"
block: null
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 2288
end: 2289
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 2288
end: 2289
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "*"
start: 2288
end: 2289
 }
 ]
start: 2288
end: 2289
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 2290
end: 2319
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 2294
end: 2316
property: "box-sizing"
value: "border-box"
 }
 ]
 }
start: 2288
end: 2319
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 2320
end: 2327
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 2320
end: 2327
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "*"
start: 2320
end: 2321
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "focus"
args: null
start: 2321
end: 2327
 }
 ]
start: 2320
end: 2327
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 2328
end: 2348
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 2332
end: 2345
property: "outline"
value: "none"
 }
 ]
 }
start: 2320
end: 2348
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 2350
end: 2358
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 2350
end: 2358
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "wrapper"
start: 2350
end: 2358
 }
 ]
start: 2350
end: 2358
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 2359
end: 2422
children: [...] (3)
 
 Declaration {...}
 
type: "Declaration"
start: 2363
end: 2380
property: "min-height"
value: "100vh"
 }
 Declaration {...}
 
type: "Declaration"
start: 2384
end: 2397
property: "display"
value: "flex"
 }
 Declaration {...}
 
type: "Declaration"
start: 2401
end: 2419
property: "padding"
value: "50px 15px"
 }
 ]
 }
start: 2350
end: 2422
 }
 Atrule {...}
 
type: "Atrule"
start: 2423
end: 2550
name: "media"
prelude: "screen and (max-width: 700px), (max-height: 500px)"
block: Block {...}
 
type: "Block"
start: 2481
end: 2550
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 2485
end: 2493
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 2485
end: 2493
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "wrapper"
start: 2485
end: 2493
 }
 ]
start: 2485
end: 2493
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 2494
end: 2548
children: [...] (2)
 
 Declaration {...}
 
type: "Declaration"
start: 2500
end: 2515
property: "flex-wrap"
value: "wrap"
 }
 Declaration {...}
 
type: "Declaration"
start: 2521
end: 2543
property: "flex-direction"
value: "column"
 }
 ]
 }
start: 2485
end: 2548
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 2552
end: 2562
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 2552
end: 2562
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form"
start: 2552
end: 2562
 }
 ]
start: 2552
end: 2562
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 2563
end: 2617
children: [...] (3)
 
 Declaration {...}
 
type: "Declaration"
start: 2567
end: 2583
property: "max-width"
value: "570px"
 }
 Declaration {...}
 
type: "Declaration"
start: 2587
end: 2599
property: "margin"
value: "auto"
 }
 Declaration {...}
 
type: "Declaration"
start: 2603
end: 2614
property: "width"
value: "100%"
 }
 ]
 }
start: 2552
end: 2617
 }
 Atrule {...}
 
type: "Atrule"
start: 2618
end: 2697
name: "media"
prelude: "screen and (max-width: 576px)"
block: Block {...}
 
type: "Block"
start: 2655
end: 2697
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 2659
end: 2669
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 2659
end: 2669
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form"
start: 2659
end: 2669
 }
 ]
start: 2659
end: 2669
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 2670
end: 2695
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 2676
end: 2690
property: "margin"
value: "0 auto"
 }
 ]
 }
start: 2659
end: 2695
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 2698
end: 2715
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 2698
end: 2715
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form__inner"
start: 2698
end: 2715
 }
 ]
start: 2698
end: 2715
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 2716
end: 2854
children: [...] (5)
 
 Declaration {...}
 
type: "Declaration"
start: 2720
end: 2736
property: "background"
value: "#fff"
 }
 Declaration {...}
 
type: "Declaration"
start: 2740
end: 2789
property: "box-shadow"
value: "0 30px 60px 0 rgba(90, 116, 148, 0.4)"
 }
 Declaration {...}
 
type: "Declaration"
start: 2793
end: 2812
property: "border-radius"
value: "10px"
 }
 Declaration {...}
 
type: "Declaration"
start: 2816
end: 2829
property: "padding"
value: "35px"
 }
 Declaration {...}
 
type: "Declaration"
start: 2833
end: 2851
property: "padding-top"
value: "180px"
 }
 ]
 }
start: 2698
end: 2854
 }
 Atrule {...}
 
type: "Atrule"
start: 2855
end: 2964
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 2892
end: 2964
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 2896
end: 2913
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 2896
end: 2913
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form__inner"
start: 2896
end: 2913
 }
 ]
start: 2896
end: 2913
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 2914
end: 2962
children: [...] (2)
 
 Declaration {...}
 
type: "Declaration"
start: 2920
end: 2933
property: "padding"
value: "25px"
 }
 Declaration {...}
 
type: "Declaration"
start: 2939
end: 2957
property: "padding-top"
value: "165px"
 }
 ]
 }
start: 2896
end: 2962
 }
 ]
 }
 }
 Atrule {...}
 
type: "Atrule"
start: 2965
end: 3074
name: "media"
prelude: "screen and (max-width: 360px)"
block: Block {...}
 
type: "Block"
start: 3002
end: 3074
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 3006
end: 3023
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 3006
end: 3023
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form__inner"
start: 3006
end: 3023
 }
 ]
start: 3006
end: 3023
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 3024
end: 3072
children: [...] (2)
 
 Declaration {...}
 
type: "Declaration"
start: 3030
end: 3043
property: "padding"
value: "15px"
 }
 Declaration {...}
 
type: "Declaration"
start: 3049
end: 3067
property: "padding-top"
value: "165px"
 }
 ]
 }
start: 3006
end: 3072
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 3075
end: 3090
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 3075
end: 3090
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form__row"
start: 3075
end: 3090
 }
 ]
start: 3075
end: 3090
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 3091
end: 3138
children: [...] (2)
 
 Declaration {...}
 
type: "Declaration"
start: 3095
end: 3108
property: "display"
value: "flex"
 }
 Declaration {...}
 
type: "Declaration"
start: 3112
end: 3135
property: "align-items"
value: "flex-start"
 }
 ]
 }
start: 3075
end: 3138
 }
 Atrule {...}
 
type: "Atrule"
start: 3139
end: 3224
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 3176
end: 3224
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 3180
end: 3195
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 3180
end: 3195
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form__row"
start: 3180
end: 3195
 }
 ]
start: 3180
end: 3195
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 3196
end: 3222
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 3202
end: 3217
property: "flex-wrap"
value: "wrap"
 }
 ]
 }
start: 3180
end: 3222
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 3225
end: 3240
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 3225
end: 3240
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form__col"
start: 3225
end: 3240
 }
 ]
start: 3225
end: 3240
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 3241
end: 3280
children: [...] (2)
 
 Declaration {...}
 
type: "Declaration"
start: 3245
end: 3255
property: "flex"
value: "auto"
 }
 Declaration {...}
 
type: "Declaration"
start: 3259
end: 3277
property: "margin-right"
value: "35px"
 }
 ]
 }
start: 3225
end: 3280
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 3281
end: 3307
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 3281
end: 3307
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form__col"
start: 3281
end: 3296
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "last-child"
args: null
start: 3296
end: 3307
 }
 ]
start: 3281
end: 3307
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 3308
end: 3330
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 3312
end: 3327
property: "margin-right"
value: "0"
 }
 ]
 }
start: 3281
end: 3330
 }
 Atrule {...}
 
type: "Atrule"
start: 3331
end: 3532
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 3368
end: 3532
children: [...] (2)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 3372
end: 3387
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 3372
end: 3387
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form__col"
start: 3372
end: 3387
 }
 ]
start: 3372
end: 3387
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 3388
end: 3473
children: [...] (4)
 
 Declaration {...}
 
type: "Declaration"
start: 3394
end: 3409
property: "margin-right"
value: "0"
 }
 Declaration {...}
 
type: "Declaration"
start: 3415
end: 3426
property: "flex"
value: "unset"
 }
 Declaration {...}
 
type: "Declaration"
start: 3432
end: 3443
property: "width"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 3449
end: 3468
property: "margin-bottom"
value: "20px"
 }
 ]
 }
start: 3372
end: 3473
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 3476
end: 3502
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 3476
end: 3502
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form__col"
start: 3476
end: 3491
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "last-child"
args: null
start: 3491
end: 3502
 }
 ]
start: 3476
end: 3502
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 3503
end: 3530
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 3509
end: 3525
property: "margin-bottom"
value: "0"
 }
 ]
 }
start: 3476
end: 3530
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 3533
end: 3552
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 3533
end: 3552
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form__col"
start: 3533
end: 3548
 }
 ClassSelector {...}
 
type: "ClassSelector"
name: "cvv"
start: 3548
end: 3552
 }
 ]
start: 3533
end: 3552
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 3553
end: 3576
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 3557
end: 3573
property: "max-width"
value: "150px"
 }
 ]
 }
start: 3533
end: 3576
 }
 Atrule {...}
 
type: "Atrule"
start: 3577
end: 3669
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 3614
end: 3669
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 3618
end: 3637
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 3618
end: 3637
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form__col"
start: 3618
end: 3633
 }
 ClassSelector {...}
 
type: "ClassSelector"
name: "cvv"
start: 3633
end: 3637
 }
 ]
start: 3618
end: 3637
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 3638
end: 3667
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 3644
end: 3662
property: "max-width"
value: "initial"
 }
 ]
 }
start: 3618
end: 3667
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 3670
end: 3687
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 3670
end: 3687
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form__group"
start: 3670
end: 3687
 }
 ]
start: 3670
end: 3687
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 3688
end: 3754
children: [...] (3)
 
 Declaration {...}
 
type: "Declaration"
start: 3692
end: 3705
property: "display"
value: "flex"
 }
 Declaration {...}
 
type: "Declaration"
start: 3709
end: 3732
property: "align-items"
value: "flex-start"
 }
 Declaration {...}
 
type: "Declaration"
start: 3736
end: 3751
property: "flex-wrap"
value: "wrap"
 }
 ]
 }
start: 3670
end: 3754
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 3755
end: 3791
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 3755
end: 3791
children: [...] (2)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form__group"
start: 3755
end: 3772
 }
 ]
start: 3755
end: 3772
 }
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: Combinator {...}
 
type: "Combinator"
name: " "
start: 3772
end: 3773
 }
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-input__input"
start: 3773
end: 3791
 }
 ]
start: 3772
end: 3791
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 3792
end: 3828
children: [...] (2)
 
 Declaration {...}
 
type: "Declaration"
start: 3796
end: 3803
property: "flex"
value: "1"
 }
 Declaration {...}
 
type: "Declaration"
start: 3807
end: 3825
property: "margin-right"
value: "15px"
 }
 ]
 }
start: 3755
end: 3828
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 3829
end: 3876
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 3829
end: 3876
children: [...] (2)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form__group"
start: 3829
end: 3846
 }
 ]
start: 3829
end: 3846
 }
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: Combinator {...}
 
type: "Combinator"
name: " "
start: 3846
end: 3847
 }
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-input__input"
start: 3847
end: 3865
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "last-child"
args: null
start: 3865
end: 3876
 }
 ]
start: 3846
end: 3876
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 3877
end: 3899
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 3881
end: 3896
property: "margin-right"
value: "0"
 }
 ]
 }
start: 3829
end: 3899
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 3900
end: 3918
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 3900
end: 3918
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form__button"
start: 3900
end: 3918
 }
 ]
start: 3900
end: 3918
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 3919
end: 4210
children: [...] (12)
 
 Declaration {...}
 
type: "Declaration"
start: 3923
end: 3934
property: "width"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 3938
end: 3950
property: "height"
value: "55px"
 }
 Declaration {...}
 
type: "Declaration"
start: 3954
end: 3973
property: "background"
value: "#2364d2"
 }
 Declaration {...}
 
type: "Declaration"
start: 3977
end: 3989
property: "border"
value: "none"
 }
 Declaration {...}
 
type: "Declaration"
start: 3993
end: 4011
property: "border-radius"
value: "5px"
 }
 Declaration {...}
 
type: "Declaration"
start: 4015
end: 4030
property: "font-size"
value: "22px"
 }
 Declaration {...}
 
type: "Declaration"
start: 4034
end: 4050
property: "font-weight"
value: "500"
 }
 Declaration {...}
 
type: "Declaration"
start: 4054
end: 4096
property: "font-family"
value: "\"Source Sans Pro\", sans-serif"
 }
 Declaration {...}
 
type: "Declaration"
start: 4100
end: 4153
property: "box-shadow"
value: "3px 10px 20px 0px rgba(35, 100, 210, 0.3)"
 }
 Declaration {...}
 
type: "Declaration"
start: 4157
end: 4168
property: "color"
value: "#fff"
 }
 Declaration {...}
 
type: "Declaration"
start: 4172
end: 4188
property: "margin-top"
value: "20px"
 }
 Declaration {...}
 
type: "Declaration"
start: 4192
end: 4207
property: "cursor"
value: "pointer"
 }
 ]
 }
start: 3900
end: 4210
 }
 Atrule {...}
 
type: "Atrule"
start: 4211
end: 4300
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 4248
end: 4300
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 4252
end: 4270
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 4252
end: 4270
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-form__button"
start: 4252
end: 4270
 }
 ]
start: 4252
end: 4270
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 4271
end: 4298
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 4277
end: 4293
property: "margin-top"
value: "10px"
 }
 ]
 }
start: 4252
end: 4298
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 4302
end: 4312
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 4302
end: 4312
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item"
start: 4302
end: 4312
 }
 ]
start: 4302
end: 4312
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 4313
end: 4447
children: [...] (7)
 
 Declaration {...}
 
type: "Declaration"
start: 4317
end: 4333
property: "max-width"
value: "430px"
 }
 Declaration {...}
 
type: "Declaration"
start: 4337
end: 4350
property: "height"
value: "270px"
 }
 Declaration {...}
 
type: "Declaration"
start: 4354
end: 4371
property: "margin-left"
value: "auto"
 }
 Declaration {...}
 
type: "Declaration"
start: 4375
end: 4393
property: "margin-right"
value: "auto"
 }
 Declaration {...}
 
type: "Declaration"
start: 4397
end: 4415
property: "position"
value: "relative"
 }
 Declaration {...}
 
type: "Declaration"
start: 4419
end: 4429
property: "z-index"
value: "2"
 }
 Declaration {...}
 
type: "Declaration"
start: 4433
end: 4444
property: "width"
value: "100%"
 }
 ]
 }
start: 4302
end: 4447
 }
 Atrule {...}
 
type: "Atrule"
start: 4448
end: 4564
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 4485
end: 4564
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 4489
end: 4499
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 4489
end: 4499
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item"
start: 4489
end: 4499
 }
 ]
start: 4489
end: 4499
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 4500
end: 4562
children: [...] (3)
 
 Declaration {...}
 
type: "Declaration"
start: 4506
end: 4522
property: "max-width"
value: "310px"
 }
 Declaration {...}
 
type: "Declaration"
start: 4528
end: 4541
property: "height"
value: "220px"
 }
 Declaration {...}
 
type: "Declaration"
start: 4547
end: 4557
property: "width"
value: "90%"
 }
 ]
 }
start: 4489
end: 4562
 }
 ]
 }
 }
 Atrule {...}
 
type: "Atrule"
start: 4565
end: 4643
name: "media"
prelude: "screen and (max-width: 360px)"
block: Block {...}
 
type: "Block"
start: 4602
end: 4643
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 4606
end: 4616
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 4606
end: 4616
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item"
start: 4606
end: 4616
 }
 ]
start: 4606
end: 4616
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 4617
end: 4641
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 4623
end: 4636
property: "height"
value: "180px"
 }
 ]
 }
start: 4606
end: 4641
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 4644
end: 4684
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 4644
end: 4684
children: [...] (2)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item"
start: 4644
end: 4654
 }
 ClassSelector {...}
 
type: "ClassSelector"
name: "active"
start: 4654
end: 4661
 }
 ]
start: 4644
end: 4661
 }
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: Combinator {...}
 
type: "Combinator"
name: " "
start: 4661
end: 4662
 }
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__side"
start: 4662
end: 4678
 }
 ClassSelector {...}
 
type: "ClassSelector"
name: "front"
start: 4678
end: 4684
 }
 ]
start: 4661
end: 4684
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 4685
end: 4766
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 4689
end: 4763
property: "transform"
value: "perspective(1000px) rotateY(180deg) rotateX(0deg) rotateZ(0deg)"
 }
 ]
 }
start: 4644
end: 4766
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 4767
end: 4806
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 4767
end: 4806
children: [...] (2)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item"
start: 4767
end: 4777
 }
 ClassSelector {...}
 
type: "ClassSelector"
name: "active"
start: 4777
end: 4784
 }
 ]
start: 4767
end: 4784
 }
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: Combinator {...}
 
type: "Combinator"
name: " "
start: 4784
end: 4785
 }
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__side"
start: 4785
end: 4801
 }
 ClassSelector {...}
 
type: "ClassSelector"
name: "back"
start: 4801
end: 4806
 }
 ]
start: 4784
end: 4806
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 4807
end: 4883
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 4811
end: 4880
property: "transform"
value: "perspective(1000px) rotateY(0) rotateX(0deg) rotateZ(0deg)"
 }
 ]
 }
start: 4767
end: 4883
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 4884
end: 4901
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 4884
end: 4901
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__focus"
start: 4884
end: 4901
 }
 ]
start: 4884
end: 4901
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 4902
end: 5182
children: [...] (12)
 
 Declaration {...}
 
type: "Declaration"
start: 4906
end: 4924
property: "position"
value: "absolute"
 }
 Declaration {...}
 
type: "Declaration"
start: 4928
end: 4938
property: "z-index"
value: "3"
 }
 Declaration {...}
 
type: "Declaration"
start: 4942
end: 4960
property: "border-radius"
value: "5px"
 }
 Declaration {...}
 
type: "Declaration"
start: 4964
end: 4971
property: "left"
value: "0"
 }
 Declaration {...}
 
type: "Declaration"
start: 4975
end: 4981
property: "top"
value: "0"
 }
 Declaration {...}
 
type: "Declaration"
start: 4985
end: 4996
property: "width"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 5000
end: 5012
property: "height"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 5016
end: 5074
property: "transition"
value: "all 0.35s cubic-bezier(0.71, 0.03, 0.56, 0.85)"
 }
 Declaration {...}
 
type: "Declaration"
start: 5078
end: 5088
property: "opacity"
value: "0"
 }
 Declaration {...}
 
type: "Declaration"
start: 5092
end: 5112
property: "pointer-events"
value: "none"
 }
 Declaration {...}
 
type: "Declaration"
start: 5116
end: 5132
property: "overflow"
value: "hidden"
 }
 Declaration {...}
 
type: "Declaration"
start: 5136
end: 5179
property: "border"
value: "2px solid rgba(255, 255, 255, 0.65)"
 }
 ]
 }
start: 4884
end: 5182
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 5183
end: 5206
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 5183
end: 5206
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__focus"
start: 5183
end: 5200
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "after"
args: null
start: 5200
end: 5206
 }
 ]
start: 5183
end: 5206
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 5207
end: 5382
children: [...] (10)
 
 Declaration {...}
 
type: "Declaration"
start: 5211
end: 5222
property: "content"
value: "\"\""
 }
 Declaration {...}
 
type: "Declaration"
start: 5226
end: 5244
property: "position"
value: "absolute"
 }
 Declaration {...}
 
type: "Declaration"
start: 5248
end: 5254
property: "top"
value: "0"
 }
 Declaration {...}
 
type: "Declaration"
start: 5258
end: 5265
property: "left"
value: "0"
 }
 Declaration {...}
 
type: "Declaration"
start: 5269
end: 5280
property: "width"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 5284
end: 5303
property: "background"
value: "#08142f"
 }
 Declaration {...}
 
type: "Declaration"
start: 5307
end: 5319
property: "height"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 5323
end: 5341
property: "border-radius"
value: "5px"
 }
 Declaration {...}
 
type: "Declaration"
start: 5345
end: 5363
property: "filter"
value: "blur(25px)"
 }
 Declaration {...}
 
type: "Declaration"
start: 5367
end: 5379
property: "opacity"
value: "0.5"
 }
 ]
 }
start: 5183
end: 5382
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 5383
end: 5407
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 5383
end: 5407
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__focus"
start: 5383
end: 5400
 }
 ClassSelector {...}
 
type: "ClassSelector"
name: "active"
start: 5400
end: 5407
 }
 ]
start: 5383
end: 5407
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 5408
end: 5425
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 5412
end: 5422
property: "opacity"
value: "1"
 }
 ]
 }
start: 5383
end: 5425
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 5426
end: 5442
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 5426
end: 5442
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__side"
start: 5426
end: 5442
 }
 ]
start: 5426
end: 5442
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 5443
end: 5756
children: [...] (8)
 
 Declaration {...}
 
type: "Declaration"
start: 5447
end: 5466
property: "border-radius"
value: "15px"
 }
 Declaration {...}
 
type: "Declaration"
start: 5470
end: 5486
property: "overflow"
value: "hidden"
 }
 Declaration {...}
 
type: "Declaration"
start: 5490
end: 5538
property: "box-shadow"
value: "0 20px 60px 0 rgba(14, 42, 90, 0.55)"
 }
 Declaration {...}
 
type: "Declaration"
start: 5542
end: 5613
property: "transform"
value: "perspective(2000px) rotateY(0deg) rotateX(0deg) rotate(0deg)"
 }
 Declaration {...}
 
type: "Declaration"
start: 5617
end: 5645
property: "transform-style"
value: "preserve-3d"
 }
 Declaration {...}
 
type: "Declaration"
start: 5649
end: 5706
property: "transition"
value: "all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85)"
 }
 Declaration {...}
 
type: "Declaration"
start: 5710
end: 5737
property: "backface-visibility"
value: "hidden"
 }
 Declaration {...}
 
type: "Declaration"
start: 5741
end: 5753
property: "height"
value: "100%"
 }
 ]
 }
start: 5426
end: 5756
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 5757
end: 5778
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 5757
end: 5778
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__side"
start: 5757
end: 5773
 }
 ClassSelector {...}
 
type: "ClassSelector"
name: "back"
start: 5773
end: 5778
 }
 ]
start: 5757
end: 5778
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 5779
end: 5962
children: [...] (8)
 
 Declaration {...}
 
type: "Declaration"
start: 5783
end: 5801
property: "position"
value: "absolute"
 }
 Declaration {...}
 
type: "Declaration"
start: 5805
end: 5811
property: "top"
value: "0"
 }
 Declaration {...}
 
type: "Declaration"
start: 5815
end: 5822
property: "left"
value: "0"
 }
 Declaration {...}
 
type: "Declaration"
start: 5826
end: 5837
property: "width"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 5841
end: 5915
property: "transform"
value: "perspective(2000px) rotateY(-180deg) rotateX(0deg) rotate(0deg)"
 }
 Declaration {...}
 
type: "Declaration"
start: 5919
end: 5929
property: "z-index"
value: "2"
 }
 Declaration {...}
 
type: "Declaration"
start: 5933
end: 5943
property: "padding"
value: "0"
 }
 Declaration {...}
 
type: "Declaration"
start: 5947
end: 5959
property: "height"
value: "100%"
 }
 ]
 }
start: 5757
end: 5962
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 5963
end: 6002
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 5963
end: 6002
children: [...] (2)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__side"
start: 5963
end: 5979
 }
 ClassSelector {...}
 
type: "ClassSelector"
name: "back"
start: 5979
end: 5984
 }
 ]
start: 5963
end: 5984
 }
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: Combinator {...}
 
type: "Combinator"
name: " "
start: 5984
end: 5985
 }
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__cover"
start: 5985
end: 6002
 }
 ]
start: 5984
end: 6002
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 6003
end: 6037
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 6007
end: 6034
property: "transform"
value: "rotateY(-180deg)"
 }
 ]
 }
start: 5963
end: 6037
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 6038
end: 6052
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 6038
end: 6052
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__bg"
start: 6038
end: 6052
 }
 ]
start: 6038
end: 6052
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 6053
end: 6165
children: [...] (6)
 
 Declaration {...}
 
type: "Declaration"
start: 6057
end: 6072
property: "max-width"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 6076
end: 6090
property: "display"
value: "block"
 }
 Declaration {...}
 
type: "Declaration"
start: 6094
end: 6110
property: "max-height"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 6114
end: 6126
property: "height"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 6130
end: 6141
property: "width"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 6145
end: 6162
property: "object-fit"
value: "cover"
 }
 ]
 }
start: 6038
end: 6165
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 6166
end: 6183
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 6166
end: 6183
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__cover"
start: 6166
end: 6183
 }
 ]
start: 6166
end: 6183
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 6184
end: 6378
children: [...] (10)
 
 Declaration {...}
 
type: "Declaration"
start: 6188
end: 6200
property: "height"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 6204
end: 6229
property: "background-color"
value: "#1c1d27"
 }
 Declaration {...}
 
type: "Declaration"
start: 6233
end: 6251
property: "position"
value: "absolute"
 }
 Declaration {...}
 
type: "Declaration"
start: 6255
end: 6267
property: "height"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 6271
end: 6296
property: "background-color"
value: "#1c1d27"
 }
 Declaration {...}
 
type: "Declaration"
start: 6300
end: 6307
property: "left"
value: "0"
 }
 Declaration {...}
 
type: "Declaration"
start: 6311
end: 6317
property: "top"
value: "0"
 }
 Declaration {...}
 
type: "Declaration"
start: 6321
end: 6332
property: "width"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 6336
end: 6355
property: "border-radius"
value: "15px"
 }
 Declaration {...}
 
type: "Declaration"
start: 6359
end: 6375
property: "overflow"
value: "hidden"
 }
 ]
 }
start: 6166
end: 6378
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 6379
end: 6402
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 6379
end: 6402
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__cover"
start: 6379
end: 6396
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "after"
args: null
start: 6396
end: 6402
 }
 ]
start: 6379
end: 6402
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 6403
end: 6531
children: [...] (7)
 
 Declaration {...}
 
type: "Declaration"
start: 6407
end: 6418
property: "content"
value: "\"\""
 }
 Declaration {...}
 
type: "Declaration"
start: 6422
end: 6440
property: "position"
value: "absolute"
 }
 Declaration {...}
 
type: "Declaration"
start: 6444
end: 6451
property: "left"
value: "0"
 }
 Declaration {...}
 
type: "Declaration"
start: 6455
end: 6461
property: "top"
value: "0"
 }
 Declaration {...}
 
type: "Declaration"
start: 6465
end: 6476
property: "width"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 6480
end: 6492
property: "height"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 6496
end: 6528
property: "background"
value: "rgba(6, 2, 29, 0.45)"
 }
 ]
 }
start: 6379
end: 6531
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 6532
end: 6547
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 6532
end: 6547
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__top"
start: 6532
end: 6547
 }
 ]
start: 6532
end: 6547
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 6548
end: 6671
children: [...] (5)
 
 Declaration {...}
 
type: "Declaration"
start: 6552
end: 6565
property: "display"
value: "flex"
 }
 Declaration {...}
 
type: "Declaration"
start: 6569
end: 6592
property: "align-items"
value: "flex-start"
 }
 Declaration {...}
 
type: "Declaration"
start: 6596
end: 6626
property: "justify-content"
value: "space-between"
 }
 Declaration {...}
 
type: "Declaration"
start: 6630
end: 6649
property: "margin-bottom"
value: "40px"
 }
 Declaration {...}
 
type: "Declaration"
start: 6653
end: 6668
property: "padding"
value: "0 10px"
 }
 ]
 }
start: 6532
end: 6671
 }
 Atrule {...}
 
type: "Atrule"
start: 6672
end: 6761
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 6709
end: 6761
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 6713
end: 6728
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 6713
end: 6728
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__top"
start: 6713
end: 6728
 }
 ]
start: 6713
end: 6728
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 6729
end: 6759
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 6735
end: 6754
property: "margin-bottom"
value: "25px"
 }
 ]
 }
start: 6713
end: 6759
 }
 ]
 }
 }
 Atrule {...}
 
type: "Atrule"
start: 6762
end: 6851
name: "media"
prelude: "screen and (max-width: 360px)"
block: Block {...}
 
type: "Block"
start: 6799
end: 6851
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 6803
end: 6818
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 6803
end: 6818
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__top"
start: 6803
end: 6818
 }
 ]
start: 6803
end: 6818
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 6819
end: 6849
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 6825
end: 6844
property: "margin-bottom"
value: "15px"
 }
 ]
 }
start: 6803
end: 6849
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 6852
end: 6868
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 6852
end: 6868
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__chip"
start: 6852
end: 6868
 }
 ]
start: 6852
end: 6868
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 6869
end: 6887
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 6873
end: 6884
property: "width"
value: "60px"
 }
 ]
 }
start: 6852
end: 6887
 }
 Atrule {...}
 
type: "Atrule"
start: 6888
end: 6970
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 6925
end: 6970
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 6929
end: 6945
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 6929
end: 6945
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__chip"
start: 6929
end: 6945
 }
 ]
start: 6929
end: 6945
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 6946
end: 6968
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 6952
end: 6963
property: "width"
value: "50px"
 }
 ]
 }
start: 6929
end: 6968
 }
 ]
 }
 }
 Atrule {...}
 
type: "Atrule"
start: 6971
end: 7053
name: "media"
prelude: "screen and (max-width: 360px)"
block: Block {...}
 
type: "Block"
start: 7008
end: 7053
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 7012
end: 7028
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 7012
end: 7028
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__chip"
start: 7012
end: 7028
 }
 ]
start: 7012
end: 7028
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 7029
end: 7051
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 7035
end: 7046
property: "width"
value: "40px"
 }
 ]
 }
start: 7012
end: 7051
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 7054
end: 7070
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 7054
end: 7070
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__type"
start: 7054
end: 7070
 }
 ]
start: 7054
end: 7070
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 7071
end: 7214
children: [...] (7)
 
 Declaration {...}
 
type: "Declaration"
start: 7075
end: 7087
property: "height"
value: "45px"
 }
 Declaration {...}
 
type: "Declaration"
start: 7091
end: 7109
property: "position"
value: "relative"
 }
 Declaration {...}
 
type: "Declaration"
start: 7113
end: 7126
property: "display"
value: "flex"
 }
 Declaration {...}
 
type: "Declaration"
start: 7130
end: 7155
property: "justify-content"
value: "flex-end"
 }
 Declaration {...}
 
type: "Declaration"
start: 7159
end: 7175
property: "max-width"
value: "100px"
 }
 Declaration {...}
 
type: "Declaration"
start: 7179
end: 7196
property: "margin-left"
value: "auto"
 }
 Declaration {...}
 
type: "Declaration"
start: 7200
end: 7211
property: "width"
value: "100%"
 }
 ]
 }
start: 7054
end: 7214
 }
 Atrule {...}
 
type: "Atrule"
start: 7215
end: 7319
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 7252
end: 7319
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 7256
end: 7272
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 7256
end: 7272
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__type"
start: 7256
end: 7272
 }
 ]
start: 7256
end: 7272
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 7273
end: 7317
children: [...] (2)
 
 Declaration {...}
 
type: "Declaration"
start: 7279
end: 7291
property: "height"
value: "40px"
 }
 Declaration {...}
 
type: "Declaration"
start: 7297
end: 7312
property: "max-width"
value: "90px"
 }
 ]
 }
start: 7256
end: 7317
 }
 ]
 }
 }
 Atrule {...}
 
type: "Atrule"
start: 7320
end: 7403
name: "media"
prelude: "screen and (max-width: 360px)"
block: Block {...}
 
type: "Block"
start: 7357
end: 7403
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 7361
end: 7377
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 7361
end: 7377
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__type"
start: 7361
end: 7377
 }
 ]
start: 7361
end: 7377
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 7378
end: 7401
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 7384
end: 7396
property: "height"
value: "30px"
 }
 ]
 }
start: 7361
end: 7401
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 7404
end: 7423
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 7404
end: 7423
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__typeImg"
start: 7404
end: 7423
 }
 ]
start: 7404
end: 7423
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 7424
end: 7541
children: [...] (5)
 
 Declaration {...}
 
type: "Declaration"
start: 7428
end: 7446
property: "position"
value: "absolute"
 }
 Declaration {...}
 
type: "Declaration"
start: 7450
end: 7465
property: "max-width"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 7469
end: 7488
property: "object-fit"
value: "contain"
 }
 Declaration {...}
 
type: "Declaration"
start: 7492
end: 7508
property: "max-height"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 7512
end: 7538
property: "object-position"
value: "top right"
 }
 ]
 }
start: 7404
end: 7541
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 7542
end: 7558
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 7542
end: 7558
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__info"
start: 7542
end: 7558
 }
 ]
start: 7542
end: 7558
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 7559
end: 7703
children: [...] (7)
 
 Declaration {...}
 
type: "Declaration"
start: 7563
end: 7574
property: "color"
value: "#fff"
 }
 Declaration {...}
 
type: "Declaration"
start: 7578
end: 7589
property: "width"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 7593
end: 7621
property: "max-width"
value: "calc(100% - 85px)"
 }
 Declaration {...}
 
type: "Declaration"
start: 7625
end: 7643
property: "padding"
value: "10px 15px"
 }
 Declaration {...}
 
type: "Declaration"
start: 7647
end: 7663
property: "font-weight"
value: "500"
 }
 Declaration {...}
 
type: "Declaration"
start: 7667
end: 7681
property: "display"
value: "block"
 }
 Declaration {...}
 
type: "Declaration"
start: 7685
end: 7700
property: "cursor"
value: "pointer"
 }
 ]
 }
start: 7542
end: 7703
 }
 Atrule {...}
 
type: "Atrule"
start: 7704
end: 7788
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 7741
end: 7788
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 7745
end: 7761
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 7745
end: 7761
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__info"
start: 7745
end: 7761
 }
 ]
start: 7745
end: 7761
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 7762
end: 7786
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 7768
end: 7781
property: "padding"
value: "10px"
 }
 ]
 }
start: 7745
end: 7786
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 7789
end: 7807
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 7789
end: 7807
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__holder"
start: 7789
end: 7807
 }
 ]
start: 7789
end: 7807
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 7808
end: 7868
children: [...] (3)
 
 Declaration {...}
 
type: "Declaration"
start: 7812
end: 7824
property: "opacity"
value: "0.7"
 }
 Declaration {...}
 
type: "Declaration"
start: 7828
end: 7843
property: "font-size"
value: "13px"
 }
 Declaration {...}
 
type: "Declaration"
start: 7847
end: 7865
property: "margin-bottom"
value: "6px"
 }
 ]
 }
start: 7789
end: 7868
 }
 Atrule {...}
 
type: "Atrule"
start: 7869
end: 7981
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 7906
end: 7981
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 7910
end: 7928
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 7910
end: 7928
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__holder"
start: 7910
end: 7928
 }
 ]
start: 7910
end: 7928
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 7929
end: 7979
children: [...] (2)
 
 Declaration {...}
 
type: "Declaration"
start: 7935
end: 7950
property: "font-size"
value: "12px"
 }
 Declaration {...}
 
type: "Declaration"
start: 7956
end: 7974
property: "margin-bottom"
value: "5px"
 }
 ]
 }
start: 7910
end: 7979
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 7982
end: 8001
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 7982
end: 8001
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__wrapper"
start: 7982
end: 8001
 }
 ]
start: 7982
end: 8001
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 8002
end: 8195
children: [...] (7)
 
 Declaration {...}
 
type: "Declaration"
start: 8006
end: 8047
property: "font-family"
value: "\"Source Code Pro\", monospace"
 }
 Declaration {...}
 
type: "Declaration"
start: 8051
end: 8069
property: "padding"
value: "25px 15px"
 }
 Declaration {...}
 
type: "Declaration"
start: 8073
end: 8091
property: "position"
value: "relative"
 }
 Declaration {...}
 
type: "Declaration"
start: 8095
end: 8105
property: "z-index"
value: "4"
 }
 Declaration {...}
 
type: "Declaration"
start: 8109
end: 8121
property: "height"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 8125
end: 8172
property: "text-shadow"
value: "7px 6px 10px rgba(14, 42, 90, 0.8)"
 }
 Declaration {...}
 
type: "Declaration"
start: 8176
end: 8192
property: "userselect"
value: "none"
 }
 ]
 }
start: 7982
end: 8195
 }
 Atrule {...}
 
type: "Atrule"
start: 8196
end: 8288
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 8233
end: 8288
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 8237
end: 8256
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 8237
end: 8256
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__wrapper"
start: 8237
end: 8256
 }
 ]
start: 8237
end: 8256
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 8257
end: 8286
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 8263
end: 8281
property: "padding"
value: "20px 10px"
 }
 ]
 }
start: 8237
end: 8286
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 8289
end: 8305
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 8289
end: 8305
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__name"
start: 8289
end: 8305
 }
 ]
start: 8289
end: 8305
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 8306
end: 8464
children: [...] (7)
 
 Declaration {...}
 
type: "Declaration"
start: 8310
end: 8325
property: "font-size"
value: "18px"
 }
 Declaration {...}
 
type: "Declaration"
start: 8329
end: 8343
property: "line-height"
value: "1"
 }
 Declaration {...}
 
type: "Declaration"
start: 8347
end: 8366
property: "white-space"
value: "nowrap"
 }
 Declaration {...}
 
type: "Declaration"
start: 8370
end: 8385
property: "max-width"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 8389
end: 8405
property: "overflow"
value: "hidden"
 }
 Declaration {...}
 
type: "Declaration"
start: 8409
end: 8432
property: "text-overflow"
value: "ellipsis"
 }
 Declaration {...}
 
type: "Declaration"
start: 8436
end: 8461
property: "text-transform"
value: "uppercase"
 }
 ]
 }
start: 8289
end: 8464
 }
 Atrule {...}
 
type: "Atrule"
start: 8465
end: 8551
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 8502
end: 8551
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 8506
end: 8522
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 8506
end: 8522
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__name"
start: 8506
end: 8522
 }
 ]
start: 8506
end: 8522
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 8523
end: 8549
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 8529
end: 8544
property: "font-size"
value: "16px"
 }
 ]
 }
start: 8506
end: 8549
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 8552
end: 8572
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 8552
end: 8572
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__nameItem"
start: 8552
end: 8572
 }
 ]
start: 8552
end: 8572
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 8573
end: 8641
children: [...] (3)
 
 Declaration {...}
 
type: "Declaration"
start: 8577
end: 8598
property: "display"
value: "inline-block"
 }
 Declaration {...}
 
type: "Declaration"
start: 8602
end: 8616
property: "min-width"
value: "8px"
 }
 Declaration {...}
 
type: "Declaration"
start: 8620
end: 8638
property: "position"
value: "relative"
 }
 ]
 }
start: 8552
end: 8641
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 8642
end: 8660
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 8642
end: 8660
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__number"
start: 8642
end: 8660
 }
 ]
start: 8642
end: 8660
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 8661
end: 8825
children: [...] (8)
 
 Declaration {...}
 
type: "Declaration"
start: 8665
end: 8681
property: "font-weight"
value: "500"
 }
 Declaration {...}
 
type: "Declaration"
start: 8685
end: 8699
property: "line-height"
value: "1"
 }
 Declaration {...}
 
type: "Declaration"
start: 8703
end: 8714
property: "color"
value: "#fff"
 }
 Declaration {...}
 
type: "Declaration"
start: 8718
end: 8733
property: "font-size"
value: "27px"
 }
 Declaration {...}
 
type: "Declaration"
start: 8737
end: 8756
property: "margin-bottom"
value: "35px"
 }
 Declaration {...}
 
type: "Declaration"
start: 8760
end: 8781
property: "display"
value: "inline-block"
 }
 Declaration {...}
 
type: "Declaration"
start: 8785
end: 8803
property: "padding"
value: "10px 15px"
 }
 Declaration {...}
 
type: "Declaration"
start: 8807
end: 8822
property: "cursor"
value: "pointer"
 }
 ]
 }
start: 8642
end: 8825
 }
 Atrule {...}
 
type: "Atrule"
start: 8826
end: 8963
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 8863
end: 8963
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 8867
end: 8885
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 8867
end: 8885
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__number"
start: 8867
end: 8885
 }
 ]
start: 8867
end: 8885
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 8886
end: 8961
children: [...] (3)
 
 Declaration {...}
 
type: "Declaration"
start: 8892
end: 8907
property: "font-size"
value: "21px"
 }
 Declaration {...}
 
type: "Declaration"
start: 8913
end: 8932
property: "margin-bottom"
value: "15px"
 }
 Declaration {...}
 
type: "Declaration"
start: 8938
end: 8956
property: "padding"
value: "10px 10px"
 }
 ]
 }
start: 8867
end: 8961
 }
 ]
 }
 }
 Atrule {...}
 
type: "Atrule"
start: 8964
end: 9101
name: "media"
prelude: "screen and (max-width: 360px)"
block: Block {...}
 
type: "Block"
start: 9001
end: 9101
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 9005
end: 9023
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 9005
end: 9023
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__number"
start: 9005
end: 9023
 }
 ]
start: 9005
end: 9023
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 9024
end: 9099
children: [...] (3)
 
 Declaration {...}
 
type: "Declaration"
start: 9030
end: 9045
property: "font-size"
value: "19px"
 }
 Declaration {...}
 
type: "Declaration"
start: 9051
end: 9070
property: "margin-bottom"
value: "10px"
 }
 Declaration {...}
 
type: "Declaration"
start: 9076
end: 9094
property: "padding"
value: "10px 10px"
 }
 ]
 }
start: 9005
end: 9099
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 9102
end: 9124
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 9102
end: 9124
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__numberItem"
start: 9102
end: 9124
 }
 ]
start: 9102
end: 9124
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 9125
end: 9191
children: [...] (3)
 
 Declaration {...}
 
type: "Declaration"
start: 9129
end: 9140
property: "width"
value: "16px"
 }
 Declaration {...}
 
type: "Declaration"
start: 9144
end: 9165
property: "display"
value: "inline-block"
 }
 Declaration {...}
 
type: "Declaration"
start: 9169
end: 9188
property: "vertical-align"
value: "top"
 }
 ]
 }
start: 9102
end: 9191
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 9192
end: 9219
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 9192
end: 9219
children: [...] (2)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__numberItem"
start: 9192
end: 9214
 }
 ]
start: 9192
end: 9214
 }
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: Combinator {...}
 
type: "Combinator"
name: " "
start: 9214
end: 9215
 }
selectors: [...] (1)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "span"
start: 9215
end: 9219
 }
 ]
start: 9214
end: 9219
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 9220
end: 9245
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 9224
end: 9242
property: "position"
value: "absolute"
 }
 ]
 }
start: 9192
end: 9245
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 9246
end: 9275
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 9246
end: 9275
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__numberItem"
start: 9246
end: 9268
 }
 ClassSelector {...}
 
type: "ClassSelector"
name: "active"
start: 9268
end: 9275
 }
 ]
start: 9246
end: 9275
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 9276
end: 9294
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 9280
end: 9291
property: "width"
value: "30px"
 }
 ]
 }
start: 9246
end: 9294
 }
 Atrule {...}
 
type: "Atrule"
start: 9295
end: 9438
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 9332
end: 9438
children: [...] (2)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 9336
end: 9358
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 9336
end: 9358
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__numberItem"
start: 9336
end: 9358
 }
 ]
start: 9336
end: 9358
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 9359
end: 9381
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 9365
end: 9376
property: "width"
value: "13px"
 }
 ]
 }
start: 9336
end: 9381
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 9384
end: 9413
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 9384
end: 9413
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__numberItem"
start: 9384
end: 9406
 }
 ClassSelector {...}
 
type: "ClassSelector"
name: "active"
start: 9406
end: 9413
 }
 ]
start: 9384
end: 9413
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 9414
end: 9436
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 9420
end: 9431
property: "width"
value: "16px"
 }
 ]
 }
start: 9384
end: 9436
 }
 ]
 }
 }
 Atrule {...}
 
type: "Atrule"
start: 9439
end: 9581
name: "media"
prelude: "screen and (max-width: 360px)"
block: Block {...}
 
type: "Block"
start: 9476
end: 9581
children: [...] (2)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 9480
end: 9502
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 9480
end: 9502
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__numberItem"
start: 9480
end: 9502
 }
 ]
start: 9480
end: 9502
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 9503
end: 9525
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 9509
end: 9520
property: "width"
value: "12px"
 }
 ]
 }
start: 9480
end: 9525
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 9528
end: 9557
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 9528
end: 9557
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__numberItem"
start: 9528
end: 9550
 }
 ClassSelector {...}
 
type: "ClassSelector"
name: "active"
start: 9550
end: 9557
 }
 ]
start: 9528
end: 9557
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 9558
end: 9579
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 9564
end: 9574
property: "width"
value: "8px"
 }
 ]
 }
start: 9528
end: 9579
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 9582
end: 9601
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 9582
end: 9601
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__content"
start: 9582
end: 9601
 }
 ]
start: 9582
end: 9601
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 9602
end: 9664
children: [...] (3)
 
 Declaration {...}
 
type: "Declaration"
start: 9606
end: 9617
property: "color"
value: "#fff"
 }
 Declaration {...}
 
type: "Declaration"
start: 9621
end: 9634
property: "display"
value: "flex"
 }
 Declaration {...}
 
type: "Declaration"
start: 9638
end: 9661
property: "align-items"
value: "flex-start"
 }
 ]
 }
start: 9582
end: 9664
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 9665
end: 9681
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 9665
end: 9681
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__date"
start: 9665
end: 9681
 }
 ]
start: 9665
end: 9681
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 9682
end: 9860
children: [...] (9)
 
 Declaration {...}
 
type: "Declaration"
start: 9686
end: 9701
property: "flex-wrap"
value: "wrap"
 }
 Declaration {...}
 
type: "Declaration"
start: 9705
end: 9720
property: "font-size"
value: "18px"
 }
 Declaration {...}
 
type: "Declaration"
start: 9724
end: 9741
property: "margin-left"
value: "auto"
 }
 Declaration {...}
 
type: "Declaration"
start: 9745
end: 9758
property: "padding"
value: "10px"
 }
 Declaration {...}
 
type: "Declaration"
start: 9762
end: 9782
property: "display"
value: "inline-flex"
 }
 Declaration {...}
 
type: "Declaration"
start: 9786
end: 9797
property: "width"
value: "80px"
 }
 Declaration {...}
 
type: "Declaration"
start: 9801
end: 9820
property: "white-space"
value: "nowrap"
 }
 Declaration {...}
 
type: "Declaration"
start: 9824
end: 9838
property: "flex-shrink"
value: "0"
 }
 Declaration {...}
 
type: "Declaration"
start: 9842
end: 9857
property: "cursor"
value: "pointer"
 }
 ]
 }
start: 9665
end: 9860
 }
 Atrule {...}
 
type: "Atrule"
start: 9861
end: 9947
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 9898
end: 9947
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 9902
end: 9918
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 9902
end: 9918
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__date"
start: 9902
end: 9918
 }
 ]
start: 9902
end: 9918
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 9919
end: 9945
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 9925
end: 9940
property: "font-size"
value: "16px"
 }
 ]
 }
start: 9902
end: 9945
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 9948
end: 9968
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 9948
end: 9968
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__dateItem"
start: 9948
end: 9968
 }
 ]
start: 9948
end: 9968
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 9969
end: 10009
children: [...] (2)
 
 Declaration {...}
 
type: "Declaration"
start: 9973
end: 9991
property: "position"
value: "relative"
 }
 Declaration {...}
 
type: "Declaration"
start: 9995
end: 10006
property: "width"
value: "22px"
 }
 ]
 }
start: 9948
end: 10009
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 10010
end: 10035
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 10010
end: 10035
children: [...] (2)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__dateItem"
start: 10010
end: 10030
 }
 ]
start: 10010
end: 10030
 }
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: Combinator {...}
 
type: "Combinator"
name: " "
start: 10030
end: 10031
 }
selectors: [...] (1)
 
 TypeSelector {...}
 
type: "TypeSelector"
name: "span"
start: 10031
end: 10035
 }
 ]
start: 10030
end: 10035
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 10036
end: 10086
children: [...] (2)
 
 Declaration {...}
 
type: "Declaration"
start: 10040
end: 10058
property: "position"
value: "absolute"
 }
 Declaration {...}
 
type: "Declaration"
start: 10062
end: 10083
property: "display"
value: "inline-block"
 }
 ]
 }
start: 10010
end: 10086
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 10087
end: 10108
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 10087
end: 10108
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__dateTitle"
start: 10087
end: 10108
 }
 ]
start: 10087
end: 10108
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 10109
end: 10185
children: [...] (4)
 
 Declaration {...}
 
type: "Declaration"
start: 10113
end: 10125
property: "opacity"
value: "0.7"
 }
 Declaration {...}
 
type: "Declaration"
start: 10129
end: 10144
property: "font-size"
value: "13px"
 }
 Declaration {...}
 
type: "Declaration"
start: 10148
end: 10167
property: "padding-bottom"
value: "6px"
 }
 Declaration {...}
 
type: "Declaration"
start: 10171
end: 10182
property: "width"
value: "100%"
 }
 ]
 }
start: 10087
end: 10185
 }
 Atrule {...}
 
type: "Atrule"
start: 10186
end: 10302
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 10223
end: 10302
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 10227
end: 10248
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 10227
end: 10248
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__dateTitle"
start: 10227
end: 10248
 }
 ]
start: 10227
end: 10248
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 10249
end: 10300
children: [...] (2)
 
 Declaration {...}
 
type: "Declaration"
start: 10255
end: 10270
property: "font-size"
value: "12px"
 }
 Declaration {...}
 
type: "Declaration"
start: 10276
end: 10295
property: "padding-bottom"
value: "5px"
 }
 ]
 }
start: 10227
end: 10300
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 10303
end: 10319
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 10303
end: 10319
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__band"
start: 10303
end: 10319
 }
 ]
start: 10303
end: 10319
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 10320
end: 10445
children: [...] (6)
 
 Declaration {...}
 
type: "Declaration"
start: 10324
end: 10355
property: "background"
value: "rgba(0, 0, 19, 0.8)"
 }
 Declaration {...}
 
type: "Declaration"
start: 10359
end: 10370
property: "width"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 10374
end: 10386
property: "height"
value: "50px"
 }
 Declaration {...}
 
type: "Declaration"
start: 10390
end: 10406
property: "margin-top"
value: "30px"
 }
 Declaration {...}
 
type: "Declaration"
start: 10410
end: 10428
property: "position"
value: "relative"
 }
 Declaration {...}
 
type: "Declaration"
start: 10432
end: 10442
property: "z-index"
value: "2"
 }
 ]
 }
start: 10303
end: 10445
 }
 Atrule {...}
 
type: "Atrule"
start: 10446
end: 10533
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 10483
end: 10533
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 10487
end: 10503
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 10487
end: 10503
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__band"
start: 10487
end: 10503
 }
 ]
start: 10487
end: 10503
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 10504
end: 10531
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 10510
end: 10526
property: "margin-top"
value: "20px"
 }
 ]
 }
start: 10487
end: 10531
 }
 ]
 }
 }
 Atrule {...}
 
type: "Atrule"
start: 10534
end: 10639
name: "media"
prelude: "screen and (max-width: 360px)"
block: Block {...}
 
type: "Block"
start: 10571
end: 10639
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 10575
end: 10591
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 10575
end: 10591
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__band"
start: 10575
end: 10591
 }
 ]
start: 10575
end: 10591
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 10592
end: 10637
children: [...] (2)
 
 Declaration {...}
 
type: "Declaration"
start: 10598
end: 10610
property: "height"
value: "40px"
 }
 Declaration {...}
 
type: "Declaration"
start: 10616
end: 10632
property: "margin-top"
value: "10px"
 }
 ]
 }
start: 10575
end: 10637
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 10640
end: 10655
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 10640
end: 10655
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__cvv"
start: 10640
end: 10655
 }
 ]
start: 10640
end: 10655
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 10656
end: 10733
children: [...] (4)
 
 Declaration {...}
 
type: "Declaration"
start: 10660
end: 10677
property: "text-align"
value: "right"
 }
 Declaration {...}
 
type: "Declaration"
start: 10681
end: 10699
property: "position"
value: "relative"
 }
 Declaration {...}
 
type: "Declaration"
start: 10703
end: 10713
property: "z-index"
value: "2"
 }
 Declaration {...}
 
type: "Declaration"
start: 10717
end: 10730
property: "padding"
value: "15px"
 }
 ]
 }
start: 10640
end: 10733
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 10734
end: 10766
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 10734
end: 10766
children: [...] (2)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__cvv"
start: 10734
end: 10749
 }
 ]
start: 10734
end: 10749
 }
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: Combinator {...}
 
type: "Combinator"
name: " "
start: 10749
end: 10750
 }
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__type"
start: 10750
end: 10766
 }
 ]
start: 10749
end: 10766
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 10767
end: 10786
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 10771
end: 10783
property: "opacity"
value: "0.7"
 }
 ]
 }
start: 10734
end: 10786
 }
 Atrule {...}
 
type: "Atrule"
start: 10787
end: 10875
name: "media"
prelude: "screen and (max-width: 360px)"
block: Block {...}
 
type: "Block"
start: 10824
end: 10875
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 10828
end: 10843
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 10828
end: 10843
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__cvv"
start: 10828
end: 10843
 }
 ]
start: 10828
end: 10843
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 10844
end: 10873
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 10850
end: 10868
property: "padding"
value: "10px 15px"
 }
 ]
 }
start: 10828
end: 10873
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 10876
end: 10896
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 10876
end: 10896
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__cvvTitle"
start: 10876
end: 10896
 }
 ]
start: 10876
end: 10896
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 10897
end: 10999
children: [...] (5)
 
 Declaration {...}
 
type: "Declaration"
start: 10901
end: 10920
property: "padding-right"
value: "10px"
 }
 Declaration {...}
 
type: "Declaration"
start: 10924
end: 10939
property: "font-size"
value: "15px"
 }
 Declaration {...}
 
type: "Declaration"
start: 10943
end: 10959
property: "font-weight"
value: "500"
 }
 Declaration {...}
 
type: "Declaration"
start: 10963
end: 10974
property: "color"
value: "#fff"
 }
 Declaration {...}
 
type: "Declaration"
start: 10978
end: 10996
property: "margin-bottom"
value: "5px"
 }
 ]
 }
start: 10876
end: 10999
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 11000
end: 11019
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 11000
end: 11019
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__cvvBand"
start: 11000
end: 11019
 }
 ]
start: 11000
end: 11019
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 11020
end: 11312
children: [...] (12)
 
 Declaration {...}
 
type: "Declaration"
start: 11024
end: 11036
property: "height"
value: "45px"
 }
 Declaration {...}
 
type: "Declaration"
start: 11040
end: 11056
property: "background"
value: "#fff"
 }
 Declaration {...}
 
type: "Declaration"
start: 11060
end: 11079
property: "margin-bottom"
value: "30px"
 }
 Declaration {...}
 
type: "Declaration"
start: 11083
end: 11100
property: "text-align"
value: "right"
 }
 Declaration {...}
 
type: "Declaration"
start: 11104
end: 11117
property: "display"
value: "flex"
 }
 Declaration {...}
 
type: "Declaration"
start: 11121
end: 11140
property: "align-items"
value: "center"
 }
 Declaration {...}
 
type: "Declaration"
start: 11144
end: 11169
property: "justify-content"
value: "flex-end"
 }
 Declaration {...}
 
type: "Declaration"
start: 11173
end: 11192
property: "padding-right"
value: "10px"
 }
 Declaration {...}
 
type: "Declaration"
start: 11196
end: 11210
property: "color"
value: "#1a3b5d"
 }
 Declaration {...}
 
type: "Declaration"
start: 11214
end: 11229
property: "font-size"
value: "18px"
 }
 Declaration {...}
 
type: "Declaration"
start: 11233
end: 11251
property: "border-radius"
value: "4px"
 }
 Declaration {...}
 
type: "Declaration"
start: 11255
end: 11309
property: "box-shadow"
value: "0px 10px 20px -7px rgba(32, 56, 117, 0.35)"
 }
 ]
 }
start: 11000
end: 11312
 }
 Atrule {...}
 
type: "Atrule"
start: 11313
end: 11424
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 11350
end: 11424
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 11354
end: 11373
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 11354
end: 11373
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__cvvBand"
start: 11354
end: 11373
 }
 ]
start: 11354
end: 11373
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 11374
end: 11422
children: [...] (2)
 
 Declaration {...}
 
type: "Declaration"
start: 11380
end: 11392
property: "height"
value: "40px"
 }
 Declaration {...}
 
type: "Declaration"
start: 11398
end: 11417
property: "margin-bottom"
value: "20px"
 }
 ]
 }
start: 11354
end: 11422
 }
 ]
 }
 }
 Atrule {...}
 
type: "Atrule"
start: 11425
end: 11518
name: "media"
prelude: "screen and (max-width: 360px)"
block: Block {...}
 
type: "Block"
start: 11462
end: 11518
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 11466
end: 11485
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 11466
end: 11485
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-item__cvvBand"
start: 11466
end: 11485
 }
 ]
start: 11466
end: 11485
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 11486
end: 11516
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 11492
end: 11511
property: "margin-bottom"
value: "15px"
 }
 ]
 }
start: 11466
end: 11516
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 11520
end: 11530
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 11520
end: 11530
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-list"
start: 11520
end: 11530
 }
 ]
start: 11520
end: 11530
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 11531
end: 11559
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 11535
end: 11556
property: "margin-bottom"
value: "-130px"
 }
 ]
 }
start: 11520
end: 11559
 }
 Atrule {...}
 
type: "Atrule"
start: 11560
end: 11646
name: "media"
prelude: "screen and (max-width: 480px)"
block: Block {...}
 
type: "Block"
start: 11597
end: 11646
children: [...] (1)
 
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 11601
end: 11611
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 11601
end: 11611
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-list"
start: 11601
end: 11611
 }
 ]
start: 11601
end: 11611
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 11612
end: 11644
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 11618
end: 11639
property: "margin-bottom"
value: "-120px"
 }
 ]
 }
start: 11601
end: 11644
 }
 ]
 }
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 11648
end: 11659
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 11648
end: 11659
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-input"
start: 11648
end: 11659
 }
 ]
start: 11648
end: 11659
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 11660
end: 11686
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 11664
end: 11683
property: "margin-bottom"
value: "20px"
 }
 ]
 }
start: 11648
end: 11686
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 11687
end: 11705
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 11687
end: 11705
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-input__label"
start: 11687
end: 11705
 }
 ]
start: 11687
end: 11705
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 11706
end: 11841
children: [...] (7)
 
 Declaration {...}
 
type: "Declaration"
start: 11710
end: 11725
property: "font-size"
value: "14px"
 }
 Declaration {...}
 
type: "Declaration"
start: 11729
end: 11747
property: "margin-bottom"
value: "5px"
 }
 Declaration {...}
 
type: "Declaration"
start: 11751
end: 11767
property: "font-weight"
value: "500"
 }
 Declaration {...}
 
type: "Declaration"
start: 11771
end: 11785
property: "color"
value: "#1a3b5d"
 }
 Declaration {...}
 
type: "Declaration"
start: 11789
end: 11800
property: "width"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 11804
end: 11818
property: "display"
value: "block"
 }
 Declaration {...}
 
type: "Declaration"
start: 11822
end: 11838
property: "userselect"
value: "none"
 }
 ]
 }
start: 11687
end: 11841
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 11842
end: 11860
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 11842
end: 11860
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (1)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-input__input"
start: 11842
end: 11860
 }
 ]
start: 11842
end: 11860
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 11861
end: 12126
children: [...] (11)
 
 Declaration {...}
 
type: "Declaration"
start: 11865
end: 11876
property: "width"
value: "100%"
 }
 Declaration {...}
 
type: "Declaration"
start: 11880
end: 11892
property: "height"
value: "50px"
 }
 Declaration {...}
 
type: "Declaration"
start: 11896
end: 11914
property: "border-radius"
value: "5px"
 }
 Declaration {...}
 
type: "Declaration"
start: 11918
end: 11934
property: "box-shadow"
value: "none"
 }
 Declaration {...}
 
type: "Declaration"
start: 11938
end: 11963
property: "border"
value: "1px solid #ced6e0"
 }
 Declaration {...}
 
type: "Declaration"
start: 11967
end: 11999
property: "transition"
value: "all 0.3s ease-in-out"
 }
 Declaration {...}
 
type: "Declaration"
start: 12003
end: 12018
property: "font-size"
value: "18px"
 }
 Declaration {...}
 
type: "Declaration"
start: 12022
end: 12039
property: "padding"
value: "5px 15px"
 }
 Declaration {...}
 
type: "Declaration"
start: 12043
end: 12059
property: "background"
value: "none"
 }
 Declaration {...}
 
type: "Declaration"
start: 12063
end: 12077
property: "color"
value: "#1a3b5d"
 }
 Declaration {...}
 
type: "Declaration"
start: 12081
end: 12123
property: "font-family"
value: "\"Source Sans Pro\", sans-serif"
 }
 ]
 }
start: 11842
end: 12126
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 12127
end: 12177
children: [...] (2)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 12127
end: 12151
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-input__input"
start: 12127
end: 12145
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "hover"
args: null
start: 12145
end: 12151
 }
 ]
start: 12127
end: 12151
 }
 ]
 }
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 12153
end: 12177
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-input__input"
start: 12153
end: 12171
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "focus"
args: null
start: 12171
end: 12177
 }
 ]
start: 12153
end: 12177
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 12178
end: 12206
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 12182
end: 12203
property: "border-color"
value: "#3d9cff"
 }
 ]
 }
start: 12127
end: 12206
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 12207
end: 12231
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 12207
end: 12231
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-input__input"
start: 12207
end: 12225
 }
 PseudoClassSelector {...}
 
type: "PseudoClassSelector"
name: "focus"
args: null
start: 12225
end: 12231
 }
 ]
start: 12207
end: 12231
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 12232
end: 12294
children: [...] (1)
 
 Declaration {...}
 
type: "Declaration"
start: 12236
end: 12291
property: "box-shadow"
value: "0px 10px 20px -13px rgba(32, 56, 117, 0.35)"
 }
 ]
 }
start: 12207
end: 12294
 }
 Rule {...}
 
type: "Rule"
prelude: SelectorList {...}
 
type: "SelectorList"
start: 12295
end: 12320
children: [...] (1)
 
 ComplexSelector {...}
 
type: "ComplexSelector"
start: 12295
end: 12320
children: [...] (1)
 
 RelativeSelector {...}
 
type: "RelativeSelector"
combinator: null
selectors: [...] (2)
 
 ClassSelector {...}
 
type: "ClassSelector"
name: "card-input__input"
start: 12295
end: 12313
 }
 ClassSelector {...}
 
type: "ClassSelector"
name: "select"
start: 12313
end: 12320
 }
 ]
start: 12295
end: 12320
 }
 ]
 }
 ]
 }
block: Block {...}
 
type: "Block"
start: 12321
end: 13086
children: [...] (6)
 
 Declaration {...}
 
type: "Declaration"
start: 12325
end: 12349
property: "-webkit-appearance"
value: "none"
 }
 Declaration {...}
 
type: "Declaration"
start: 12353
end: 12968
property: "background-image"
value: "url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNrM1sEJwkAQBdCsngXPHsQO9O5FS7AAMVYgdqAd2IGCDWgFnryLFQiCZ8EGnJUNimiyM/tnk4HNEAg/8y6ZmMRVqz9eUJvRaSbvutCZ347bXVJy/ZnvTmdJ862Me+hAbZCTs6GHpyUi1tTSvPnqTpoWZPUa7W7ncT3vK4h4zVejy8QzM3WhVUO8ykI6jOxoGA4ig3BLHcNFSCGqGAkig2yqgpEiMsjSfY9LxYQg7L6r0X6wS29YJiYQYecemY+wHrXD1+bklGhpAhBDeu/JfIVGxaAQ9sb8CI+CQSJ+QmJg0Ii/EE2MBiIXooHRQhRCkBhNhBcEhLkwf05ZCG8ICCOpk0MULmvDSY2M8UawIRExLIQIEgHDRoghihgRIgiigBEjgiFATBACAgFgghEwSAAGgoBCBBgYAg5hYKAIFYgHBo6w9RRgAFfy160QuV8NAAAAAElFTkSuQmCC\")"
 }
 Declaration {...}
 
type: "Declaration"
start: 12972
end: 12993
property: "background-size"
value: "12px"
 }
 Declaration {...}
 
type: "Declaration"
start: 12997
end: 13028
property: "background-position"
value: "90% center"
 }
 Declaration {...}
 
type: "Declaration"
start: 13032
end: 13060
property: "background-repeat"
value: "no-repeat"
 }
 Declaration {...}
 
type: "Declaration"
start: 13064
end: 13083
property: "padding-right"
value: "30px"
 }
 ]
 }
start: 12295
end: 13086
 }
 ]
content:  {...}
 
start: 2157
end: 13087
styles: "\n@import url(\"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700|Source+Sans+Pro:400,600,700&display=swap\");\n\n* {\n  box-sizing: border-box;\n}\n*:focus {\n  outline: none;\n}\n\n.wrapper {\n  min-height: 100vh;\n  display: flex;\n  padding: 50px 15px;\n}\n@media screen and (max-width: 700px), (max-height: 500px) {\n  .wrapper {\n    flex-wrap: wrap;\n    flex-direction: column;\n  }\n}\n\n.card-form {\n  max-width: 570px;\n  margin: auto;\n  width: 100%;\n}\n@media screen and (max-width: 576px) {\n  .card-form {\n    margin: 0 auto;\n  }\n}\n.card-form__inner {\n  background: #fff;\n  box-shadow: 0 30px 60px 0 rgba(90, 116, 148, 0.4);\n  border-radius: 10px;\n  padding: 35px;\n  padding-top: 180px;\n}\n@media screen and (max-width: 480px) {\n  .card-form__inner {\n    padding: 25px;\n    padding-top: 165px;\n  }\n}\n@media screen and (max-width: 360px) {\n  .card-form__inner {\n    padding: 15px;\n    padding-top: 165px;\n  }\n}\n.card-form__row {\n  display: flex;\n  align-items: flex-start;\n}\n@media screen and (max-width: 480px) {\n  .card-form__row {\n    flex-wrap: wrap;\n  }\n}\n.card-form__col {\n  flex: auto;\n  margin-right: 35px;\n}\n.card-form__col:last-child {\n  margin-right: 0;\n}\n@media screen and (max-width: 480px) {\n  .card-form__col {\n    margin-right: 0;\n    flex: unset;\n    width: 100%;\n    margin-bottom: 20px;\n  }\n  .card-form__col:last-child {\n    margin-bottom: 0;\n  }\n}\n.card-form__col.cvv {\n  max-width: 150px;\n}\n@media screen and (max-width: 480px) {\n  .card-form__col.cvv {\n    max-width: initial;\n  }\n}\n.card-form__group {\n  display: flex;\n  align-items: flex-start;\n  flex-wrap: wrap;\n}\n.card-form__group .card-input__input {\n  flex: 1;\n  margin-right: 15px;\n}\n.card-form__group .card-input__input:last-child {\n  margin-right: 0;\n}\n.card-form__button {\n  width: 100%;\n  height: 55px;\n  background: #2364d2;\n  border: none;\n  border-radius: 5px;\n  font-size: 22px;\n  font-weight: 500;\n  font-family: \"Source Sans Pro\", sans-serif;\n  box-shadow: 3px 10px 20px 0px rgba(35, 100, 210, 0.3);\n  color: #fff;\n  margin-top: 20px;\n  cursor: pointer;\n}\n@media screen and (max-width: 480px) {\n  .card-form__button {\n    margin-top: 10px;\n  }\n}\n\n.card-item {\n  max-width: 430px;\n  height: 270px;\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  z-index: 2;\n  width: 100%;\n}\n@media screen and (max-width: 480px) {\n  .card-item {\n    max-width: 310px;\n    height: 220px;\n    width: 90%;\n  }\n}\n@media screen and (max-width: 360px) {\n  .card-item {\n    height: 180px;\n  }\n}\n.card-item.active .card-item__side.front {\n  transform: perspective(1000px) rotateY(180deg) rotateX(0deg) rotateZ(0deg);\n}\n.card-item.active .card-item__side.back {\n  transform: perspective(1000px) rotateY(0) rotateX(0deg) rotateZ(0deg);\n}\n.card-item__focus {\n  position: absolute;\n  z-index: 3;\n  border-radius: 5px;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  transition: all 0.35s cubic-bezier(0.71, 0.03, 0.56, 0.85);\n  opacity: 0;\n  pointer-events: none;\n  overflow: hidden;\n  border: 2px solid rgba(255, 255, 255, 0.65);\n}\n.card-item__focus:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  background: #08142f;\n  height: 100%;\n  border-radius: 5px;\n  filter: blur(25px);\n  opacity: 0.5;\n}\n.card-item__focus.active {\n  opacity: 1;\n}\n.card-item__side {\n  border-radius: 15px;\n  overflow: hidden;\n  box-shadow: 0 20px 60px 0 rgba(14, 42, 90, 0.55);\n  transform: perspective(2000px) rotateY(0deg) rotateX(0deg) rotate(0deg);\n  transform-style: preserve-3d;\n  transition: all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);\n  backface-visibility: hidden;\n  height: 100%;\n}\n.card-item__side.back {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  transform: perspective(2000px) rotateY(-180deg) rotateX(0deg) rotate(0deg);\n  z-index: 2;\n  padding: 0;\n  height: 100%;\n}\n.card-item__side.back .card-item__cover {\n  transform: rotateY(-180deg);\n}\n.card-item__bg {\n  max-width: 100%;\n  display: block;\n  max-height: 100%;\n  height: 100%;\n  width: 100%;\n  object-fit: cover;\n}\n.card-item__cover {\n  height: 100%;\n  background-color: #1c1d27;\n  position: absolute;\n  height: 100%;\n  background-color: #1c1d27;\n  left: 0;\n  top: 0;\n  width: 100%;\n  border-radius: 15px;\n  overflow: hidden;\n}\n.card-item__cover:after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(6, 2, 29, 0.45);\n}\n.card-item__top {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  margin-bottom: 40px;\n  padding: 0 10px;\n}\n@media screen and (max-width: 480px) {\n  .card-item__top {\n    margin-bottom: 25px;\n  }\n}\n@media screen and (max-width: 360px) {\n  .card-item__top {\n    margin-bottom: 15px;\n  }\n}\n.card-item__chip {\n  width: 60px;\n}\n@media screen and (max-width: 480px) {\n  .card-item__chip {\n    width: 50px;\n  }\n}\n@media screen and (max-width: 360px) {\n  .card-item__chip {\n    width: 40px;\n  }\n}\n.card-item__type {\n  height: 45px;\n  position: relative;\n  display: flex;\n  justify-content: flex-end;\n  max-width: 100px;\n  margin-left: auto;\n  width: 100%;\n}\n@media screen and (max-width: 480px) {\n  .card-item__type {\n    height: 40px;\n    max-width: 90px;\n  }\n}\n@media screen and (max-width: 360px) {\n  .card-item__type {\n    height: 30px;\n  }\n}\n.card-item__typeImg {\n  position: absolute;\n  max-width: 100%;\n  object-fit: contain;\n  max-height: 100%;\n  object-position: top right;\n}\n.card-item__info {\n  color: #fff;\n  width: 100%;\n  max-width: calc(100% - 85px);\n  padding: 10px 15px;\n  font-weight: 500;\n  display: block;\n  cursor: pointer;\n}\n@media screen and (max-width: 480px) {\n  .card-item__info {\n    padding: 10px;\n  }\n}\n.card-item__holder {\n  opacity: 0.7;\n  font-size: 13px;\n  margin-bottom: 6px;\n}\n@media screen and (max-width: 480px) {\n  .card-item__holder {\n    font-size: 12px;\n    margin-bottom: 5px;\n  }\n}\n.card-item__wrapper {\n  font-family: \"Source Code Pro\", monospace;\n  padding: 25px 15px;\n  position: relative;\n  z-index: 4;\n  height: 100%;\n  text-shadow: 7px 6px 10px rgba(14, 42, 90, 0.8);\n  userselect: none;\n}\n@media screen and (max-width: 480px) {\n  .card-item__wrapper {\n    padding: 20px 10px;\n  }\n}\n.card-item__name {\n  font-size: 18px;\n  line-height: 1;\n  white-space: nowrap;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-transform: uppercase;\n}\n@media screen and (max-width: 480px) {\n  .card-item__name {\n    font-size: 16px;\n  }\n}\n.card-item__nameItem {\n  display: inline-block;\n  min-width: 8px;\n  position: relative;\n}\n.card-item__number {\n  font-weight: 500;\n  line-height: 1;\n  color: #fff;\n  font-size: 27px;\n  margin-bottom: 35px;\n  display: inline-block;\n  padding: 10px 15px;\n  cursor: pointer;\n}\n@media screen and (max-width: 480px) {\n  .card-item__number {\n    font-size: 21px;\n    margin-bottom: 15px;\n    padding: 10px 10px;\n  }\n}\n@media screen and (max-width: 360px) {\n  .card-item__number {\n    font-size: 19px;\n    margin-bottom: 10px;\n    padding: 10px 10px;\n  }\n}\n.card-item__numberItem {\n  width: 16px;\n  display: inline-block;\n  vertical-align: top;\n}\n.card-item__numberItem span {\n  position: absolute;\n}\n.card-item__numberItem.active {\n  width: 30px;\n}\n@media screen and (max-width: 480px) {\n  .card-item__numberItem {\n    width: 13px;\n  }\n  .card-item__numberItem.active {\n    width: 16px;\n  }\n}\n@media screen and (max-width: 360px) {\n  .card-item__numberItem {\n    width: 12px;\n  }\n  .card-item__numberItem.active {\n    width: 8px;\n  }\n}\n.card-item__content {\n  color: #fff;\n  display: flex;\n  align-items: flex-start;\n}\n.card-item__date {\n  flex-wrap: wrap;\n  font-size: 18px;\n  margin-left: auto;\n  padding: 10px;\n  display: inline-flex;\n  width: 80px;\n  white-space: nowrap;\n  flex-shrink: 0;\n  cursor: pointer;\n}\n@media screen and (max-width: 480px) {\n  .card-item__date {\n    font-size: 16px;\n  }\n}\n.card-item__dateItem {\n  position: relative;\n  width: 22px;\n}\n.card-item__dateItem span {\n  position: absolute;\n  display: inline-block;\n}\n.card-item__dateTitle {\n  opacity: 0.7;\n  font-size: 13px;\n  padding-bottom: 6px;\n  width: 100%;\n}\n@media screen and (max-width: 480px) {\n  .card-item__dateTitle {\n    font-size: 12px;\n    padding-bottom: 5px;\n  }\n}\n.card-item__band {\n  background: rgba(0, 0, 19, 0.8);\n  width: 100%;\n  height: 50px;\n  margin-top: 30px;\n  position: relative;\n  z-index: 2;\n}\n@media screen and (max-width: 480px) {\n  .card-item__band {\n    margin-top: 20px;\n  }\n}\n@media screen and (max-width: 360px) {\n  .card-item__band {\n    height: 40px;\n    margin-top: 10px;\n  }\n}\n.card-item__cvv {\n  text-align: right;\n  position: relative;\n  z-index: 2;\n  padding: 15px;\n}\n.card-item__cvv .card-item__type {\n  opacity: 0.7;\n}\n@media screen and (max-width: 360px) {\n  .card-item__cvv {\n    padding: 10px 15px;\n  }\n}\n.card-item__cvvTitle {\n  padding-right: 10px;\n  font-size: 15px;\n  font-weight: 500;\n  color: #fff;\n  margin-bottom: 5px;\n}\n.card-item__cvvBand {\n  height: 45px;\n  background: #fff;\n  margin-bottom: 30px;\n  text-align: right;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding-right: 10px;\n  color: #1a3b5d;\n  font-size: 18px;\n  border-radius: 4px;\n  box-shadow: 0px 10px 20px -7px rgba(32, 56, 117, 0.35);\n}\n@media screen and (max-width: 480px) {\n  .card-item__cvvBand {\n    height: 40px;\n    margin-bottom: 20px;\n  }\n}\n@media screen and (max-width: 360px) {\n  .card-item__cvvBand {\n    margin-bottom: 15px;\n  }\n}\n\n.card-list {\n  margin-bottom: -130px;\n}\n@media screen and (max-width: 480px) {\n  .card-list {\n    margin-bottom: -120px;\n  }\n}\n\n.card-input {\n  margin-bottom: 20px;\n}\n.card-input__label {\n  font-size: 14px;\n  margin-bottom: 5px;\n  font-weight: 500;\n  color: #1a3b5d;\n  width: 100%;\n  display: block;\n  userselect: none;\n}\n.card-input__input {\n  width: 100%;\n  height: 50px;\n  border-radius: 5px;\n  box-shadow: none;\n  border: 1px solid #ced6e0;\n  transition: all 0.3s ease-in-out;\n  font-size: 18px;\n  padding: 5px 15px;\n  background: none;\n  color: #1a3b5d;\n  font-family: \"Source Sans Pro\", sans-serif;\n}\n.card-input__input:hover, .card-input__input:focus {\n  border-color: #3d9cff;\n}\n.card-input__input:focus {\n  box-shadow: 0px 10px 20px -13px rgba(32, 56, 117, 0.35);\n}\n.card-input__input.select {\n  -webkit-appearance: none;\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNrM1sEJwkAQBdCsngXPHsQO9O5FS7AAMVYgdqAd2IGCDWgFnryLFQiCZ8EGnJUNimiyM/tnk4HNEAg/8y6ZmMRVqz9eUJvRaSbvutCZ347bXVJy/ZnvTmdJ862Me+hAbZCTs6GHpyUi1tTSvPnqTpoWZPUa7W7ncT3vK4h4zVejy8QzM3WhVUO8ykI6jOxoGA4ig3BLHcNFSCGqGAkig2yqgpEiMsjSfY9LxYQg7L6r0X6wS29YJiYQYecemY+wHrXD1+bklGhpAhBDeu/JfIVGxaAQ9sb8CI+CQSJ+QmJg0Ii/EE2MBiIXooHRQhRCkBhNhBcEhLkwf05ZCG8ICCOpk0MULmvDSY2M8UawIRExLIQIEgHDRoghihgRIgiigBEjgiFATBACAgFgghEwSAAGgoBCBBgYAg5hYKAIFYgHBo6w9RRgAFfy160QuV8NAAAAAElFTkSuQmCC\");\n  background-size: 12px;\n  background-position: 90% center;\n  background-repeat: no-repeat;\n  padding-right: 30px;\n}\n"
comment: null
 }
 }
js: []
start: 2150
end: 19846
type: "Root"
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 2147
end: 2150
raw: "\n\n\n"
data: "\n\n\n"
 }
 Text {...}
 
type: "Text"
start: 13095
end: 13097
raw: "\n\n"
data: "\n\n"
 }
 RegularElement {...}
 
type: "RegularElement"
start: 13097
end: 19846
name: "div"
attributes: [...] (2)
 
 Attribute {...}
 
type: "Attribute"
start: 13102
end: 13117
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 13109
end: 13116
type: "Text"
raw: "wrapper"
data: "wrapper"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 13118
end: 13126
name: "id"
value: [...] (1)
 
 Text {...}
 
start: 13122
end: 13125
type: "Text"
raw: "app"
data: "app"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 13127
end: 13130
raw: "\n  "
data: "\n  "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 13130
end: 19839
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 13135
end: 13152
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 13142
end: 13151
type: "Text"
raw: "card-form"
data: "card-form"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (5)
 
 Text {...}
 
type: "Text"
start: 13153
end: 13158
raw: "\n    "
data: "\n    "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 13158
end: 17556
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 13163
end: 13180
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 13170
end: 13179
type: "Text"
raw: "card-list"
data: "card-list"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 13181
end: 13188
raw: "\n      "
data: "\n      "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 13188
end: 17545
name: "div"
attributes: [...] (2)
 
 Attribute {...}
 
type: "Attribute"
start: 13193
end: 13210
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 13200
end: 13209
type: "Text"
raw: "card-item"
data: "card-item"
 }
 ]
 }
 ClassDirective {...}
 
start: 13211
end: 13239
type: "ClassDirective"
name: "active"
expression: Identifier {...}
 
type: "Identifier"
start: 13225
end: 13238
loc:  {...}
 
start:  {...}
 
line: 623
column: 43
 }
end:  {...}
 
line: 623
column: 56
 }
 }
name: "isCardFlipped"
 }
modifiers: []
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (5)
 
 Text {...}
 
type: "Text"
start: 13240
end: 13249
raw: "\n        "
data: "\n        "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 13249
end: 16590
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 13254
end: 13283
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 13261
end: 13282
type: "Text"
raw: "card-item__side front"
data: "card-item__side front"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (7)
 
 Text {...}
 
type: "Text"
start: 13284
end: 13295
raw: "\n          "
data: "\n          "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 13295
end: 13420
name: "div"
attributes: [...] (4)
 
 Attribute {...}
 
type: "Attribute"
start: 13300
end: 13324
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 13307
end: 13323
type: "Text"
raw: "card-item__focus"
data: "card-item__focus"
 }
 ]
 }
 ClassDirective {...}
 
start: 13325
end: 13357
type: "ClassDirective"
name: "active"
expression: Identifier {...}
 
type: "Identifier"
start: 13339
end: 13356
loc:  {...}
 
start:  {...}
 
line: 625
column: 54
 }
end:  {...}
 
line: 625
column: 71
 }
 }
name: "focusElementStyle"
 }
modifiers: []
 }
 Attribute {...}
 
type: "Attribute"
start: 13358
end: 13383
name: "style"
value: ExpressionTag {...}
 
type: "ExpressionTag"
start: 13364
end: 13383
expression: Identifier {...}
 
type: "Identifier"
start: 13365
end: 13382
loc:  {...}
 
start:  {...}
 
line: 625
column: 80
 }
end:  {...}
 
line: 625
column: 97
 }
 }
name: "focusElementStyle"
 }
 }
 }
 BindDirective {...}
 
start: 13384
end: 13413
type: "BindDirective"
name: "this"
expression: MemberExpression {...}
 
type: "MemberExpression"
start: 13395
end: 13412
loc:  {...}
 
start:  {...}
 
line: 625
column: 110
 }
end:  {...}
 
line: 625
column: 127
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 13395
end: 13399
loc:  {...}
 
start:  {...}
 
line: 625
column: 110
 }
end:  {...}
 
line: 625
column: 114
 }
 }
name: "refs"
 }
property: Identifier {...}
 
type: "Identifier"
start: 13400
end: 13412
loc:  {...}
 
start:  {...}
 
line: 625
column: 115
 }
end:  {...}
 
line: 625
column: 127
 }
 }
name: "focusElement"
 }
computed: false
optional: false
 }
modifiers: []
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: []
 }
 }
 Text {...}
 
type: "Text"
start: 13420
end: 13431
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 13431
end: 13662
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 13436
end: 13460
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 13443
end: 13459
type: "Text"
raw: "card-item__cover"
data: "card-item__cover"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 13461
end: 13474
raw: "\n            "
data: "\n            "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 13474
end: 13645
name: "img"
attributes: [...] (3)
 
 Attribute {...}
 
type: "Attribute"
start: 13479
end: 13489
name: "alt"
value: [...] (1)
 
 Text {...}
 
start: 13484
end: 13488
type: "Text"
raw: "card"
data: "card"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 13490
end: 13622
name: "src"
value: ExpressionTag {...}
 
type: "ExpressionTag"
start: 13494
end: 13622
expression: BinaryExpression {...}
 
type: "BinaryExpression"
start: 13495
end: 13621
loc:  {...}
 
start:  {...}
 
line: 627
column: 33
 }
end:  {...}
 
line: 627
column: 159
 }
 }
left: BinaryExpression {...}
 
type: "BinaryExpression"
start: 13495
end: 13611
loc:  {...}
 
start:  {...}
 
line: 627
column: 33
 }
end:  {...}
 
line: 627
column: 149
 }
 }
left: Literal {...}
 
type: "Literal"
start: 13495
end: 13587
loc:  {...}
 
start:  {...}
 
line: 627
column: 33
 }
end:  {...}
 
line: 627
column: 125
 }
 }
value: "https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/"
raw: "'https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/'"
 }
operator: "+"
right: Identifier {...}
 
type: "Identifier"
start: 13590
end: 13611
loc:  {...}
 
start:  {...}
 
line: 627
column: 128
 }
end:  {...}
 
line: 627
column: 149
 }
 }
name: "currentCardBackground"
 }
 }
operator: "+"
right: Literal {...}
 
type: "Literal"
start: 13614
end: 13621
loc:  {...}
 
start:  {...}
 
line: 627
column: 152
 }
end:  {...}
 
line: 627
column: 159
 }
 }
value: ".jpeg"
raw: "'.jpeg'"
 }
 }
 }
 }
 Attribute {...}
 
type: "Attribute"
start: 13623
end: 13644
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 13630
end: 13643
type: "Text"
raw: "card-item__bg"
data: "card-item__bg"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: []
 }
 }
 Text {...}
 
type: "Text"
start: 13645
end: 13656
raw: "\n          "
data: "\n          "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 13662
end: 13673
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 13673
end: 16575
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 13678
end: 13704
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 13685
end: 13703
type: "Text"
raw: "card-item__wrapper"
data: "card-item__wrapper"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (7)
 
 Text {...}
 
type: "Text"
start: 13705
end: 13718
raw: "\n            "
data: "\n            "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 13718
end: 14342
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 13723
end: 13745
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 13730
end: 13744
type: "Text"
raw: "card-item__top"
data: "card-item__top"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (5)
 
 Text {...}
 
type: "Text"
start: 13746
end: 13761
raw: "\n              "
data: "\n              "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 13761
end: 13906
name: "img"
attributes: [...] (3)
 
 Attribute {...}
 
type: "Attribute"
start: 13766
end: 13776
name: "alt"
value: [...] (1)
 
 Text {...}
 
start: 13771
end: 13775
type: "Text"
raw: "card"
data: "card"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 13777
end: 13881
name: "src"
value: [...] (1)
 
 Text {...}
 
start: 13782
end: 13880
type: "Text"
raw: "https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/chip.png"
data: "https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/chip.png"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 13882
end: 13905
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 13889
end: 13904
type: "Text"
raw: "card-item__chip"
data: "card-item__chip"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: []
 }
 }
 Text {...}
 
type: "Text"
start: 13906
end: 13921
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 13921
end: 14323
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 13926
end: 13949
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 13933
end: 13948
type: "Text"
raw: "card-item__type"
data: "card-item__type"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 13950
end: 13967
raw: "\n                "
data: "\n                "
 }
 IfBlock {...}
 
type: "IfBlock"
elseif: false
start: 13967
end: 14302
test: Identifier {...}
 
type: "Identifier"
start: 13972
end: 13980
loc:  {...}
 
start:  {...}
 
line: 633
column: 21
 }
end:  {...}
 
line: 633
column: 29
 }
 }
name: "cardType"
 }
consequent: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 13981
end: 14000
raw: "\n                  "
data: "\n                  "
 }
 EachBlock {...}
 
type: "EachBlock"
start: 14000
end: 14280
expression: ArrayExpression {...}
 
type: "ArrayExpression"
start: 14007
end: 14017
loc:  {...}
 
start:  {...}
 
line: 634
column: 25
 }
end:  {...}
 
line: 634
column: 35
 }
 }
elements: [...] (1)
 
 Identifier {...}
 
type: "Identifier"
start: 14008
end: 14016
loc:  {...}
 
start:  {...}
 
line: 634
column: 26
 }
end:  {...}
 
line: 634
column: 34
 }
 }
name: "cardType"
 }
 ]
 }
body: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 14041
end: 14062
raw: "\n                    "
data: "\n                    "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 14062
end: 14254
name: "img"
attributes: [...] (5)
 
 TransitionDirective {...}
 
start: 14067
end: 14083
type: "TransitionDirective"
name: "fly"
expression: ObjectExpression {...}
 
type: "ObjectExpression"
start: 14075
end: 14082
loc:  {...}
 
start:  {...}
 
line: 635
column: 33
 }
end:  {...}
 
line: 635
column: 40
 }
 }
properties: [...] (1)
 
 Property {...}
 
type: "Property"
start: 14076
end: 14081
loc:  {...}
 
start:  {...}
 
line: 635
column: 34
 }
end:  {...}
 
line: 635
column: 39
 }
 }
method: false
shorthand: false
computed: false
key: Identifier {...}
 
type: "Identifier"
start: 14076
end: 14077
loc:  {...}
 
start:  {...}
 
line: 635
column: 34
 }
end:  {...}
 
line: 635
column: 35
 }
 }
name: "y"
 }
value: UnaryExpression {...}
 
type: "UnaryExpression"
start: 14078
end: 14081
loc:  {...}
 
start:  {...}
 
line: 635
column: 36
 }
end:  {...}
 
line: 635
column: 39
 }
 }
operator: "-"
prefix: true
argument: Literal {...}
 
type: "Literal"
start: 14079
end: 14081
loc:  {...}
 
start:  {...}
 
line: 635
column: 37
 }
end:  {...}
 
line: 635
column: 39
 }
 }
value: 20
raw: "20"
 }
 }
kind: "init"
 }
 ]
 }
modifiers: []
intro: true
outro: false
 }
 TransitionDirective {...}
 
start: 14084
end: 14100
type: "TransitionDirective"
name: "fly"
expression: ObjectExpression {...}
 
type: "ObjectExpression"
start: 14093
end: 14099
loc:  {...}
 
start:  {...}
 
line: 635
column: 51
 }
end:  {...}
 
line: 635
column: 57
 }
 }
properties: [...] (1)
 
 Property {...}
 
type: "Property"
start: 14094
end: 14098
loc:  {...}
 
start:  {...}
 
line: 635
column: 52
 }
end:  {...}
 
line: 635
column: 56
 }
 }
method: false
shorthand: false
computed: false
key: Identifier {...}
 
type: "Identifier"
start: 14094
end: 14095
loc:  {...}
 
start:  {...}
 
line: 635
column: 52
 }
end:  {...}
 
line: 635
column: 53
 }
 }
name: "y"
 }
value: Literal {...}
 
type: "Literal"
start: 14096
end: 14098
loc:  {...}
 
start:  {...}
 
line: 635
column: 54
 }
end:  {...}
 
line: 635
column: 56
 }
 }
value: 20
raw: "20"
 }
kind: "init"
 }
 ]
 }
modifiers: []
intro: false
outro: true
 }
 Attribute {...}
 
type: "Attribute"
start: 14101
end: 14219
name: "src"
value: ExpressionTag {...}
 
type: "ExpressionTag"
start: 14105
end: 14219
expression: BinaryExpression {...}
 
type: "BinaryExpression"
start: 14106
end: 14218
loc:  {...}
 
start:  {...}
 
line: 635
column: 64
 }
end:  {...}
 
line: 635
column: 176
 }
 }
left: BinaryExpression {...}
 
type: "BinaryExpression"
start: 14106
end: 14209
loc:  {...}
 
start:  {...}
 
line: 635
column: 64
 }
end:  {...}
 
line: 635
column: 167
 }
 }
left: Literal {...}
 
type: "Literal"
start: 14106
end: 14198
loc:  {...}
 
start:  {...}
 
line: 635
column: 64
 }
end:  {...}
 
line: 635
column: 156
 }
 }
value: "https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/"
raw: "'https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/'"
 }
operator: "+"
right: Identifier {...}
 
type: "Identifier"
start: 14201
end: 14209
loc:  {...}
 
start:  {...}
 
line: 635
column: 159
 }
end:  {...}
 
line: 635
column: 167
 }
 }
name: "cardType"
 }
 }
operator: "+"
right: Literal {...}
 
type: "Literal"
start: 14212
end: 14218
loc:  {...}
 
start:  {...}
 
line: 635
column: 170
 }
end:  {...}
 
line: 635
column: 176
 }
 }
value: ".png"
raw: "'.png'"
 }
 }
 }
 }
 Attribute {...}
 
type: "Attribute"
start: 14220
end: 14226
name: "alt"
value: [...] (1)
 
 Text {...}
 
start: 14225
end: 14225
type: "Text"
raw: ""
data: ""
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 14227
end: 14253
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 14234
end: 14252
type: "Text"
raw: "card-item__typeImg"
data: "card-item__typeImg"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: []
 }
 }
 Text {...}
 
type: "Text"
start: 14254
end: 14273
raw: "\n                  "
data: "\n                  "
 }
 ]
 }
context: Identifier {...}
 
type: "Identifier"
name: "cardType"
start: 14021
loc:  {...}
 
start:  {...}
 
line: 634
column: 39
character: 14021
 }
end:  {...}
 
line: 634
column: 47
character: 14029
 }
 }
end: 14029
typeAnnotation: undefined
 }
index: undefined
key: Identifier {...}
 
type: "Identifier"
start: 14031
end: 14039
loc:  {...}
 
start:  {...}
 
line: 634
column: 49
 }
end:  {...}
 
line: 634
column: 57
 }
 }
name: "cardType"
 }
 }
 Text {...}
 
type: "Text"
start: 14280
end: 14297
raw: "\n                "
data: "\n                "
 }
 ]
 }
alternate: null
 }
 Text {...}
 
type: "Text"
start: 14302
end: 14317
raw: "\n              "
data: "\n              "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 14323
end: 14336
raw: "\n            "
data: "\n            "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 14342
end: 14355
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 14355
end: 14898
name: "label"
attributes: [...] (3)
 
 Attribute {...}
 
type: "Attribute"
start: 14362
end: 14378
name: "for"
value: [...] (1)
 
 Text {...}
 
start: 14367
end: 14377
type: "Text"
raw: "cardNumber"
data: "cardNumber"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 14379
end: 14404
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 14386
end: 14403
type: "Text"
raw: "card-item__number"
data: "card-item__number"
 }
 ]
 }
 BindDirective {...}
 
start: 14405
end: 14432
type: "BindDirective"
name: "this"
expression: MemberExpression {...}
 
type: "MemberExpression"
start: 14416
end: 14431
loc:  {...}
 
start:  {...}
 
line: 640
column: 73
 }
end:  {...}
 
line: 640
column: 88
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 14416
end: 14420
loc:  {...}
 
start:  {...}
 
line: 640
column: 73
 }
end:  {...}
 
line: 640
column: 77
 }
 }
name: "refs"
 }
property: Identifier {...}
 
type: "Identifier"
start: 14421
end: 14431
loc:  {...}
 
start:  {...}
 
line: 640
column: 78
 }
end:  {...}
 
line: 640
column: 88
 }
 }
name: "cardNumber"
 }
computed: false
optional: false
 }
modifiers: []
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 14433
end: 14449
raw: "\t\n              "
data: "\t\n              "
 }
 EachBlock {...}
 
type: "EachBlock"
start: 14449
end: 14877
expression: Identifier {...}
 
type: "Identifier"
start: 14456
end: 14470
loc:  {...}
 
start:  {...}
 
line: 641
column: 21
 }
end:  {...}
 
line: 641
column: 35
 }
 }
name: "cardNumberMask"
 }
body: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 14491
end: 14508
raw: "\n                "
data: "\n                "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 14508
end: 14855
name: "div"
attributes: [...] (2)
 
 Attribute {...}
 
type: "Attribute"
start: 14513
end: 14542
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 14520
end: 14541
type: "Text"
raw: "card-item__numberItem"
data: "card-item__numberItem"
 }
 ]
 }
 ClassDirective {...}
 
start: 14543
end: 14573
type: "ClassDirective"
name: "active"
expression: BinaryExpression {...}
 
type: "BinaryExpression"
start: 14557
end: 14572
loc:  {...}
 
start:  {...}
 
line: 642
column: 65
 }
end:  {...}
 
line: 642
column: 80
 }
 }
left: CallExpression {...}
 
type: "CallExpression"
start: 14557
end: 14565
loc:  {...}
 
start:  {...}
 
line: 642
column: 65
 }
end:  {...}
 
line: 642
column: 73
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 14557
end: 14563
loc:  {...}
 
start:  {...}
 
line: 642
column: 65
 }
end:  {...}
 
line: 642
column: 71
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 14557
end: 14558
loc:  {...}
 
start:  {...}
 
line: 642
column: 65
 }
end:  {...}
 
line: 642
column: 66
 }
 }
name: "n"
 }
property: Identifier {...}
 
type: "Identifier"
start: 14559
end: 14563
loc:  {...}
 
start:  {...}
 
line: 642
column: 67
 }
end:  {...}
 
line: 642
column: 71
 }
 }
name: "trim"
 }
computed: false
optional: false
 }
arguments: []
optional: false
 }
operator: "==="
right: Literal {...}
 
type: "Literal"
start: 14570
end: 14572
loc:  {...}
 
start:  {...}
 
line: 642
column: 78
 }
end:  {...}
 
line: 642
column: 80
 }
 }
value: ""
raw: "''"
 }
 }
modifiers: []
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 14574
end: 14593
raw: "\n                  "
data: "\n                  "
 }
 IfBlock {...}
 
type: "IfBlock"
elseif: false
start: 14593
end: 14832
test: BinaryExpression {...}
 
type: "BinaryExpression"
start: 14598
end: 14623
loc:  {...}
 
start:  {...}
 
line: 643
column: 23
 }
end:  {...}
 
line: 643
column: 48
 }
 }
left: MemberExpression {...}
 
type: "MemberExpression"
start: 14598
end: 14615
loc:  {...}
 
start:  {...}
 
line: 643
column: 23
 }
end:  {...}
 
line: 643
column: 40
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 14598
end: 14608
loc:  {...}
 
start:  {...}
 
line: 643
column: 23
 }
end:  {...}
 
line: 643
column: 33
 }
 }
name: "cardNumber"
 }
property: Identifier {...}
 
type: "Identifier"
start: 14609
end: 14615
loc:  {...}
 
start:  {...}
 
line: 643
column: 34
 }
end:  {...}
 
line: 643
column: 40
 }
 }
name: "length"
 }
computed: false
optional: false
 }
operator: ">"
right: Identifier {...}
 
type: "Identifier"
start: 14618
end: 14623
loc:  {...}
 
start:  {...}
 
line: 643
column: 43
 }
end:  {...}
 
line: 643
column: 48
 }
 }
name: "index"
 }
 }
consequent: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 14624
end: 14645
raw: "\n                    "
data: "\n                    "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 14645
end: 14711
name: "span"
attributes: [...] (3)
 
 TransitionDirective {...}
 
start: 14651
end: 14667
type: "TransitionDirective"
name: "fly"
expression: ObjectExpression {...}
 
type: "ObjectExpression"
start: 14659
end: 14666
loc:  {...}
 
start:  {...}
 
line: 644
column: 34
 }
end:  {...}
 
line: 644
column: 41
 }
 }
properties: [...] (1)
 
 Property {...}
 
type: "Property"
start: 14660
end: 14665
loc:  {...}
 
start:  {...}
 
line: 644
column: 35
 }
end:  {...}
 
line: 644
column: 40
 }
 }
method: false
shorthand: false
computed: false
key: Identifier {...}
 
type: "Identifier"
start: 14660
end: 14661
loc:  {...}
 
start:  {...}
 
line: 644
column: 35
 }
end:  {...}
 
line: 644
column: 36
 }
 }
name: "y"
 }
value: UnaryExpression {...}
 
type: "UnaryExpression"
start: 14662
end: 14665
loc:  {...}
 
start:  {...}
 
line: 644
column: 37
 }
end:  {...}
 
line: 644
column: 40
 }
 }
operator: "-"
prefix: true
argument: Literal {...}
 
type: "Literal"
start: 14663
end: 14665
loc:  {...}
 
start:  {...}
 
line: 644
column: 38
 }
end:  {...}
 
line: 644
column: 40
 }
 }
value: 10
raw: "10"
 }
 }
kind: "init"
 }
 ]
 }
modifiers: []
intro: true
outro: false
 }
 TransitionDirective {...}
 
start: 14668
end: 14684
type: "TransitionDirective"
name: "fly"
expression: ObjectExpression {...}
 
type: "ObjectExpression"
start: 14677
end: 14683
loc:  {...}
 
start:  {...}
 
line: 644
column: 52
 }
end:  {...}
 
line: 644
column: 58
 }
 }
properties: [...] (1)
 
 Property {...}
 
type: "Property"
start: 14678
end: 14682
loc:  {...}
 
start:  {...}
 
line: 644
column: 53
 }
end:  {...}
 
line: 644
column: 57
 }
 }
method: false
shorthand: false
computed: false
key: Identifier {...}
 
type: "Identifier"
start: 14678
end: 14679
loc:  {...}
 
start:  {...}
 
line: 644
column: 53
 }
end:  {...}
 
line: 644
column: 54
 }
 }
name: "y"
 }
value: Literal {...}
 
type: "Literal"
start: 14680
end: 14682
loc:  {...}
 
start:  {...}
 
line: 644
column: 55
 }
end:  {...}
 
line: 644
column: 57
 }
 }
value: 10
raw: "10"
 }
kind: "init"
 }
 ]
 }
modifiers: []
intro: false
outro: true
 }
 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: 14685
end: 14704
expression: MemberExpression {...}
 
type: "MemberExpression"
start: 14686
end: 14703
loc:  {...}
 
start:  {...}
 
line: 644
column: 61
 }
end:  {...}
 
line: 644
column: 78
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 14686
end: 14696
loc:  {...}
 
start:  {...}
 
line: 644
column: 61
 }
end:  {...}
 
line: 644
column: 71
 }
 }
name: "cardNumber"
 }
property: Identifier {...}
 
type: "Identifier"
start: 14697
end: 14702
loc:  {...}
 
start:  {...}
 
line: 644
column: 72
 }
end:  {...}
 
line: 644
column: 77
 }
 }
name: "index"
 }
computed: true
optional: false
 }
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 14711
end: 14730
raw: "\n                  "
data: "\n                  "
 }
 ]
 }
alternate: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 14737
end: 14758
raw: "\n                    "
data: "\n                    "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 14758
end: 14808
name: "span"
attributes: [...] (3)
 
 TransitionDirective {...}
 
start: 14764
end: 14780
type: "TransitionDirective"
name: "fly"
expression: ObjectExpression {...}
 
type: "ObjectExpression"
start: 14772
end: 14779
loc:  {...}
 
start:  {...}
 
line: 646
column: 34
 }
end:  {...}
 
line: 646
column: 41
 }
 }
properties: [...] (1)
 
 Property {...}
 
type: "Property"
start: 14773
end: 14778
loc:  {...}
 
start:  {...}
 
line: 646
column: 35
 }
end:  {...}
 
line: 646
column: 40
 }
 }
method: false
shorthand: false
computed: false
key: Identifier {...}
 
type: "Identifier"
start: 14773
end: 14774
loc:  {...}
 
start:  {...}
 
line: 646
column: 35
 }
end:  {...}
 
line: 646
column: 36
 }
 }
name: "y"
 }
value: UnaryExpression {...}
 
type: "UnaryExpression"
start: 14775
end: 14778
loc:  {...}
 
start:  {...}
 
line: 646
column: 37
 }
end:  {...}
 
line: 646
column: 40
 }
 }
operator: "-"
prefix: true
argument: Literal {...}
 
type: "Literal"
start: 14776
end: 14778
loc:  {...}
 
start:  {...}
 
line: 646
column: 38
 }
end:  {...}
 
line: 646
column: 40
 }
 }
value: 10
raw: "10"
 }
 }
kind: "init"
 }
 ]
 }
modifiers: []
intro: true
outro: false
 }
 TransitionDirective {...}
 
start: 14781
end: 14797
type: "TransitionDirective"
name: "fly"
expression: ObjectExpression {...}
 
type: "ObjectExpression"
start: 14790
end: 14796
loc:  {...}
 
start:  {...}
 
line: 646
column: 52
 }
end:  {...}
 
line: 646
column: 58
 }
 }
properties: [...] (1)
 
 Property {...}
 
type: "Property"
start: 14791
end: 14795
loc:  {...}
 
start:  {...}
 
line: 646
column: 53
 }
end:  {...}
 
line: 646
column: 57
 }
 }
method: false
shorthand: false
computed: false
key: Identifier {...}
 
type: "Identifier"
start: 14791
end: 14792
loc:  {...}
 
start:  {...}
 
line: 646
column: 53
 }
end:  {...}
 
line: 646
column: 54
 }
 }
name: "y"
 }
value: Literal {...}
 
type: "Literal"
start: 14793
end: 14795
loc:  {...}
 
start:  {...}
 
line: 646
column: 55
 }
end:  {...}
 
line: 646
column: 57
 }
 }
value: 10
raw: "10"
 }
kind: "init"
 }
 ]
 }
modifiers: []
intro: false
outro: true
 }
 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: 14798
end: 14801
expression: Identifier {...}
 
type: "Identifier"
start: 14799
end: 14800
loc:  {...}
 
start:  {...}
 
line: 646
column: 61
 }
end:  {...}
 
line: 646
column: 62
 }
 }
name: "n"
 }
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 14808
end: 14827
raw: "\n                  "
data: "\n                  "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 14832
end: 14849
raw: "\n                "
data: "\n                "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 14855
end: 14870
raw: "\n              "
data: "\n              "
 }
 ]
 }
context: Identifier {...}
 
type: "Identifier"
name: "n"
start: 14474
loc:  {...}
 
start:  {...}
 
line: 641
column: 39
character: 14474
 }
end:  {...}
 
line: 641
column: 40
character: 14475
 }
 }
end: 14475
typeAnnotation: undefined
 }
index: "index"
key: Identifier {...}
 
type: "Identifier"
start: 14484
end: 14489
loc:  {...}
 
start:  {...}
 
line: 641
column: 49
 }
end:  {...}
 
line: 641
column: 54
 }
 }
name: "index"
 }
 }
 Text {...}
 
type: "Text"
start: 14877
end: 14890
raw: "\n            "
data: "\n            "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 14898
end: 14911
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 14911
end: 16558
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 14916
end: 14942
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 14923
end: 14941
type: "Text"
raw: "card-item__content"
data: "card-item__content"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (5)
 
 Text {...}
 
type: "Text"
start: 14943
end: 14958
raw: "\n              "
data: "\n              "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 14958
end: 15667
name: "label"
attributes: [...] (3)
 
 Attribute {...}
 
type: "Attribute"
start: 14965
end: 14979
name: "for"
value: [...] (1)
 
 Text {...}
 
start: 14970
end: 14978
type: "Text"
raw: "cardName"
data: "cardName"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 14980
end: 15003
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 14987
end: 15002
type: "Text"
raw: "card-item__info"
data: "card-item__info"
 }
 ]
 }
 BindDirective {...}
 
start: 15004
end: 15029
type: "BindDirective"
name: "this"
expression: MemberExpression {...}
 
type: "MemberExpression"
start: 15015
end: 15028
loc:  {...}
 
start:  {...}
 
line: 652
column: 71
 }
end:  {...}
 
line: 652
column: 84
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 15015
end: 15019
loc:  {...}
 
start:  {...}
 
line: 652
column: 71
 }
end:  {...}
 
line: 652
column: 75
 }
 }
name: "refs"
 }
property: Identifier {...}
 
type: "Identifier"
start: 15020
end: 15028
loc:  {...}
 
start:  {...}
 
line: 652
column: 76
 }
end:  {...}
 
line: 652
column: 84
 }
 }
name: "cardName"
 }
computed: false
optional: false
 }
modifiers: []
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (5)
 
 Text {...}
 
type: "Text"
start: 15030
end: 15047
raw: "\n                "
data: "\n                "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 15047
end: 15095
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 15052
end: 15077
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 15059
end: 15076
type: "Text"
raw: "card-item__holder"
data: "card-item__holder"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (1)
 
 Text {...}
 
type: "Text"
start: 15078
end: 15089
raw: "Card Holder"
data: "Card Holder"
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 15095
end: 15114
raw: " "
data: " "
 }
 IfBlock {...}
 
type: "IfBlock"
elseif: false
start: 15114
end: 15644
test: MemberExpression {...}
 
type: "MemberExpression"
start: 15119
end: 15134
loc:  {...}
 
start:  {...}
 
line: 654
column: 23
 }
end:  {...}
 
line: 654
column: 38
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 15119
end: 15127
loc:  {...}
 
start:  {...}
 
line: 654
column: 23
 }
end:  {...}
 
line: 654
column: 31
 }
 }
name: "cardName"
 }
property: Identifier {...}
 
type: "Identifier"
start: 15128
end: 15134
loc:  {...}
 
start:  {...}
 
line: 654
column: 32
 }
end:  {...}
 
line: 654
column: 38
 }
 }
name: "length"
 }
computed: false
optional: false
 }
consequent: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 15135
end: 15156
raw: "\n                    "
data: "\n                    "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 15156
end: 15501
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 15161
end: 15184
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 15168
end: 15183
type: "Text"
raw: "card-item__name"
data: "card-item__name"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 15185
end: 15210
raw: "\n                        "
data: "\n                        "
 }
 EachBlock {...}
 
type: "EachBlock"
start: 15210
end: 15474
expression: CallExpression {...}
 
type: "CallExpression"
start: 15217
end: 15248
loc:  {...}
 
start:  {...}
 
line: 656
column: 31
 }
end:  {...}
 
line: 656
column: 62
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 15217
end: 15233
loc:  {...}
 
start:  {...}
 
line: 656
column: 31
 }
end:  {...}
 
line: 656
column: 47
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 15217
end: 15225
loc:  {...}
 
start:  {...}
 
line: 656
column: 31
 }
end:  {...}
 
line: 656
column: 39
 }
 }
name: "cardName"
 }
property: Identifier {...}
 
type: "Identifier"
start: 15226
end: 15233
loc:  {...}
 
start:  {...}
 
line: 656
column: 40
 }
end:  {...}
 
line: 656
column: 47
 }
 }
name: "replace"
 }
computed: false
optional: false
 }
arguments: [...] (2)
 
 Literal {...}
 
type: "Literal"
start: 15234
end: 15242
loc:  {...}
 
start:  {...}
 
line: 656
column: 48
 }
end:  {...}
 
line: 656
column: 56
 }
 }
value:  {...}
 
 }
raw: "/\\s\\s+/g"
regex:  {...}
 
pattern: "\\s\\s+"
flags: "g"
 }
 }
 Literal {...}
 
type: "Literal"
start: 15244
end: 15247
loc:  {...}
 
start:  {...}
 
line: 656
column: 58
 }
end:  {...}
 
line: 656
column: 61
 }
 }
value: " "
raw: "' '"
 }
 ]
optional: false
 }
body: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 15273
end: 15300
raw: "\n                          "
data: "\n                          "
 }
 IfBlock {...}
 
type: "IfBlock"
elseif: false
start: 15300
end: 15442
test: BinaryExpression {...}
 
type: "BinaryExpression"
start: 15305
end: 15319
loc:  {...}
 
start:  {...}
 
line: 657
column: 31
 }
end:  {...}
 
line: 657
column: 45
 }
 }
left: Identifier {...}
 
type: "Identifier"
start: 15305
end: 15310
loc:  {...}
 
start:  {...}
 
line: 657
column: 31
 }
end:  {...}
 
line: 657
column: 36
 }
 }
name: "index"
 }
operator: "=="
right: Identifier {...}
 
type: "Identifier"
start: 15314
end: 15319
loc:  {...}
 
start:  {...}
 
line: 657
column: 40
 }
end:  {...}
 
line: 657
column: 45
 }
 }
name: "index"
 }
 }
consequent: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 15320
end: 15349
raw: "\n                            "
data: "\n                            "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 15349
end: 15410
name: "span"
attributes: [...] (2)
 
 TransitionDirective {...}
 
start: 15355
end: 15370
type: "TransitionDirective"
name: "fly"
expression: ObjectExpression {...}
 
type: "ObjectExpression"
start: 15363
end: 15369
loc:  {...}
 
start:  {...}
 
line: 658
column: 42
 }
end:  {...}
 
line: 658
column: 48
 }
 }
properties: [...] (1)
 
 Property {...}
 
type: "Property"
start: 15364
end: 15368
loc:  {...}
 
start:  {...}
 
line: 658
column: 43
 }
end:  {...}
 
line: 658
column: 47
 }
 }
method: false
shorthand: false
computed: false
key: Identifier {...}
 
type: "Identifier"
start: 15364
end: 15365
loc:  {...}
 
start:  {...}
 
line: 658
column: 43
 }
end:  {...}
 
line: 658
column: 44
 }
 }
name: "y"
 }
value: UnaryExpression {...}
 
type: "UnaryExpression"
start: 15366
end: 15368
loc:  {...}
 
start:  {...}
 
line: 658
column: 45
 }
end:  {...}
 
line: 658
column: 47
 }
 }
operator: "-"
prefix: true
argument: Literal {...}
 
type: "Literal"
start: 15367
end: 15368
loc:  {...}
 
start:  {...}
 
line: 658
column: 46
 }
end:  {...}
 
line: 658
column: 47
 }
 }
value: 6
raw: "6"
 }
 }
kind: "init"
 }
 ]
 }
modifiers: []
intro: true
outro: false
 }
 Attribute {...}
 
type: "Attribute"
start: 15371
end: 15398
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 15378
end: 15397
type: "Text"
raw: "card-item__nameItem"
data: "card-item__nameItem"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (1)
 
 ExpressionTag {...}
 
type: "ExpressionTag"
start: 15400
end: 15403
expression: Identifier {...}
 
type: "Identifier"
start: 15401
end: 15402
loc:  {...}
 
start:  {...}
 
line: 658
column: 80
 }
end:  {...}
 
line: 658
column: 81
 }
 }
name: "n"
 }
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 15410
end: 15437
raw: "\n                          "
data: "\n                          "
 }
 ]
 }
alternate: null
 }
 Text {...}
 
type: "Text"
start: 15442
end: 15467
raw: "\n                        "
data: "\n                        "
 }
 ]
 }
context: Identifier {...}
 
type: "Identifier"
name: "n"
start: 15252
loc:  {...}
 
start:  {...}
 
line: 656
column: 66
character: 15252
 }
end:  {...}
 
line: 656
column: 67
character: 15253
 }
 }
end: 15253
typeAnnotation: undefined
 }
index: "index"
key: BinaryExpression {...}
 
type: "BinaryExpression"
start: 15262
end: 15271
loc:  {...}
 
start:  {...}
 
line: 656
column: 76
 }
end:  {...}
 
line: 656
column: 85
 }
 }
left: Identifier {...}
 
type: "Identifier"
start: 15262
end: 15267
loc:  {...}
 
start:  {...}
 
line: 656
column: 76
 }
end:  {...}
 
line: 656
column: 81
 }
 }
name: "index"
 }
operator: "+"
right: Literal {...}
 
type: "Literal"
start: 15270
end: 15271
loc:  {...}
 
start:  {...}
 
line: 656
column: 84
 }
end:  {...}
 
line: 656
column: 85
 }
 }
value: 1
raw: "1"
 }
 }
 }
 Text {...}
 
type: "Text"
start: 15474
end: 15495
raw: "\n                    "
data: "\n                    "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 15501
end: 15520
raw: "\n                  "
data: "\n                  "
 }
 ]
 }
alternate: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 15527
end: 15548
raw: "\n                    "
data: "\n                    "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 15548
end: 15620
name: "div"
attributes: [...] (2)
 
 TransitionDirective {...}
 
start: 15553
end: 15568
type: "TransitionDirective"
name: "fly"
expression: ObjectExpression {...}
 
type: "ObjectExpression"
start: 15561
end: 15567
loc:  {...}
 
start:  {...}
 
line: 663
column: 33
 }
end:  {...}
 
line: 663
column: 39
 }
 }
properties: [...] (1)
 
 Property {...}
 
type: "Property"
start: 15562
end: 15566
loc:  {...}
 
start:  {...}
 
line: 663
column: 34
 }
end:  {...}
 
line: 663
column: 38
 }
 }
method: false
shorthand: false
computed: false
key: Identifier {...}
 
type: "Identifier"
start: 15562
end: 15563
loc:  {...}
 
start:  {...}
 
line: 663
column: 34
 }
end:  {...}
 
line: 663
column: 35
 }
 }
name: "y"
 }
value: UnaryExpression {...}
 
type: "UnaryExpression"
start: 15564
end: 15566
loc:  {...}
 
start:  {...}
 
line: 663
column: 36
 }
end:  {...}
 
line: 663
column: 38
 }
 }
operator: "-"
prefix: true
argument: Literal {...}
 
type: "Literal"
start: 15565
end: 15566
loc:  {...}
 
start:  {...}
 
line: 663
column: 37
 }
end:  {...}
 
line: 663
column: 38
 }
 }
value: 6
raw: "6"
 }
 }
kind: "init"
 }
 ]
 }
modifiers: []
intro: true
outro: false
 }
 Attribute {...}
 
type: "Attribute"
start: 15569
end: 15604
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 15576
end: 15603
type: "Text"
raw: "card-item__name placeholder"
data: "card-item__name placeholder"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (1)
 
 Text {...}
 
type: "Text"
start: 15605
end: 15614
raw: "Full Name"
data: "Full Name"
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 15620
end: 15639
raw: "\n                  "
data: "\n                  "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 15644
end: 15659
raw: "\n              "
data: "\n              "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 15667
end: 15682
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 15682
end: 16539
name: "div"
attributes: [...] (2)
 
 Attribute {...}
 
type: "Attribute"
start: 15687
end: 15710
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 15694
end: 15709
type: "Text"
raw: "card-item__date"
data: "card-item__date"
 }
 ]
 }
 BindDirective {...}
 
start: 15711
end: 15736
type: "BindDirective"
name: "this"
expression: MemberExpression {...}
 
type: "MemberExpression"
start: 15722
end: 15735
loc:  {...}
 
start:  {...}
 
line: 666
column: 54
 }
end:  {...}
 
line: 666
column: 67
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 15722
end: 15726
loc:  {...}
 
start:  {...}
 
line: 666
column: 54
 }
end:  {...}
 
line: 666
column: 58
 }
 }
name: "refs"
 }
property: Identifier {...}
 
type: "Identifier"
start: 15727
end: 15735
loc:  {...}
 
start:  {...}
 
line: 666
column: 59
 }
end:  {...}
 
line: 666
column: 67
 }
 }
name: "cardDate"
 }
computed: false
optional: false
 }
modifiers: []
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (7)
 
 Text {...}
 
type: "Text"
start: 15737
end: 15754
raw: "\n                "
data: "\n                "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 15754
end: 15821
name: "label"
attributes: [...] (2)
 
 Attribute {...}
 
type: "Attribute"
start: 15761
end: 15776
name: "for"
value: [...] (1)
 
 Text {...}
 
start: 15766
end: 15775
type: "Text"
raw: "cardMonth"
data: "cardMonth"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 15777
end: 15805
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 15784
end: 15804
type: "Text"
raw: "card-item__dateTitle"
data: "card-item__dateTitle"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (1)
 
 Text {...}
 
type: "Text"
start: 15806
end: 15813
raw: "Expires"
data: "Expires"
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 15821
end: 15838
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 15838
end: 16088
name: "label"
attributes: [...] (2)
 
 Attribute {...}
 
type: "Attribute"
start: 15845
end: 15860
name: "for"
value: [...] (1)
 
 Text {...}
 
start: 15850
end: 15859
type: "Text"
raw: "cardMonth"
data: "cardMonth"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 15861
end: 15888
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 15868
end: 15887
type: "Text"
raw: "card-item__dateItem"
data: "card-item__dateItem"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 15889
end: 15908
raw: "\n                  "
data: "\n                  "
 }
 EachBlock {...}
 
type: "EachBlock"
start: 15908
end: 16063
expression: ArrayExpression {...}
 
type: "ArrayExpression"
start: 15915
end: 15926
loc:  {...}
 
start:  {...}
 
line: 669
column: 25
 }
end:  {...}
 
line: 669
column: 36
 }
 }
elements: [...] (1)
 
 Identifier {...}
 
type: "Identifier"
start: 15916
end: 15925
loc:  {...}
 
start:  {...}
 
line: 669
column: 26
 }
end:  {...}
 
line: 669
column: 35
 }
 }
name: "cardMonth"
 }
 ]
 }
body: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 15952
end: 15973
raw: "\n                    "
data: "\n                    "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 15973
end: 16037
name: "span"
attributes: [...] (3)
 
 TransitionDirective {...}
 
start: 15979
end: 15994
type: "TransitionDirective"
name: "fly"
expression: ObjectExpression {...}
 
type: "ObjectExpression"
start: 15987
end: 15993
loc:  {...}
 
start:  {...}
 
line: 670
column: 34
 }
end:  {...}
 
line: 670
column: 40
 }
 }
properties: [...] (1)
 
 Property {...}
 
type: "Property"
start: 15988
end: 15992
loc:  {...}
 
start:  {...}
 
line: 670
column: 35
 }
end:  {...}
 
line: 670
column: 39
 }
 }
method: false
shorthand: false
computed: false
key: Identifier {...}
 
type: "Identifier"
start: 15988
end: 15989
loc:  {...}
 
start:  {...}
 
line: 670
column: 35
 }
end:  {...}
 
line: 670
column: 36
 }
 }
name: "y"
 }
value: UnaryExpression {...}
 
type: "UnaryExpression"
start: 15990
end: 15992
loc:  {...}
 
start:  {...}
 
line: 670
column: 37
 }
end:  {...}
 
line: 670
column: 39
 }
 }
operator: "-"
prefix: true
argument: Literal {...}
 
type: "Literal"
start: 15991
end: 15992
loc:  {...}
 
start:  {...}
 
line: 670
column: 38
 }
end:  {...}
 
line: 670
column: 39
 }
 }
value: 6
raw: "6"
 }
 }
kind: "init"
 }
 ]
 }
modifiers: []
intro: true
outro: false
 }
 TransitionDirective {...}
 
start: 15995
end: 16010
type: "TransitionDirective"
name: "fly"
expression: ObjectExpression {...}
 
type: "ObjectExpression"
start: 16004
end: 16009
loc:  {...}
 
start:  {...}
 
line: 670
column: 51
 }
end:  {...}
 
line: 670
column: 56
 }
 }
properties: [...] (1)
 
 Property {...}
 
type: "Property"
start: 16005
end: 16008
loc:  {...}
 
start:  {...}
 
line: 670
column: 52
 }
end:  {...}
 
line: 670
column: 55
 }
 }
method: false
shorthand: false
computed: false
key: Identifier {...}
 
type: "Identifier"
start: 16005
end: 16006
loc:  {...}
 
start:  {...}
 
line: 670
column: 52
 }
end:  {...}
 
line: 670
column: 53
 }
 }
name: "y"
 }
value: Literal {...}
 
type: "Literal"
start: 16007
end: 16008
loc:  {...}
 
start:  {...}
 
line: 670
column: 54
 }
end:  {...}
 
line: 670
column: 55
 }
 }
value: 6
raw: "6"
 }
kind: "init"
 }
 ]
 }
modifiers: []
intro: false
outro: true
 }
 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: 16011
end: 16030
expression: LogicalExpression {...}
 
type: "LogicalExpression"
start: 16012
end: 16029
loc:  {...}
 
start:  {...}
 
line: 670
column: 59
 }
end:  {...}
 
line: 670
column: 76
 }
 }
left: Identifier {...}
 
type: "Identifier"
start: 16012
end: 16021
loc:  {...}
 
start:  {...}
 
line: 670
column: 59
 }
end:  {...}
 
line: 670
column: 68
 }
 }
name: "cardMonth"
 }
operator: "||"
right: Literal {...}
 
type: "Literal"
start: 16025
end: 16029
loc:  {...}
 
start:  {...}
 
line: 670
column: 72
 }
end:  {...}
 
line: 670
column: 76
 }
 }
value: "MM"
raw: "'MM'"
 }
 }
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 16037
end: 16056
raw: "\n                  "
data: "\n                  "
 }
 ]
 }
context: Identifier {...}
 
type: "Identifier"
name: "cardMonth"
start: 15930
loc:  {...}
 
start:  {...}
 
line: 669
column: 40
character: 15930
 }
end:  {...}
 
line: 669
column: 49
character: 15939
 }
 }
end: 15939
typeAnnotation: undefined
 }
index: undefined
key: Identifier {...}
 
type: "Identifier"
start: 15941
end: 15950
loc:  {...}
 
start:  {...}
 
line: 669
column: 51
 }
end:  {...}
 
line: 669
column: 60
 }
 }
name: "cardMonth"
 }
 }
 Text {...}
 
type: "Text"
start: 16063
end: 16080
raw: "\n                "
data: "\n                "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 16088
end: 16123
raw: " / "
data: " / "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 16123
end: 16518
name: "label"
attributes: [...] (2)
 
 Attribute {...}
 
type: "Attribute"
start: 16130
end: 16144
name: "for"
value: [...] (1)
 
 Text {...}
 
start: 16135
end: 16143
type: "Text"
raw: "cardYear"
data: "cardYear"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 16145
end: 16172
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 16152
end: 16171
type: "Text"
raw: "card-item__dateItem"
data: "card-item__dateItem"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (7)
 
 Text {...}
 
type: "Text"
start: 16173
end: 16192
raw: "\n                  "
data: "\n                  "
 }
 Comment {...}
 
type: "Comment"
start: 16192
end: 16234
data: " <transition name=\"slide-fade-up\"> "
 }
 Text {...}
 
type: "Text"
start: 16234
end: 16253
raw: "\n                  "
data: "\n                  "
 }
 EachBlock {...}
 
type: "EachBlock"
start: 16253
end: 16433
expression: ArrayExpression {...}
 
type: "ArrayExpression"
start: 16260
end: 16270
loc:  {...}
 
start:  {...}
 
line: 676
column: 25
 }
end:  {...}
 
line: 676
column: 35
 }
 }
elements: [...] (1)
 
 Identifier {...}
 
type: "Identifier"
start: 16261
end: 16269
loc:  {...}
 
start:  {...}
 
line: 676
column: 26
 }
end:  {...}
 
line: 676
column: 34
 }
 }
name: "cardYear"
 }
 ]
 }
body: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 16294
end: 16315
raw: "\n                    "
data: "\n                    "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 16315
end: 16407
name: "span"
attributes: [...] (3)
 
 TransitionDirective {...}
 
start: 16321
end: 16336
type: "TransitionDirective"
name: "fly"
expression: ObjectExpression {...}
 
type: "ObjectExpression"
start: 16329
end: 16335
loc:  {...}
 
start:  {...}
 
line: 677
column: 34
 }
end:  {...}
 
line: 677
column: 40
 }
 }
properties: [...] (1)
 
 Property {...}
 
type: "Property"
start: 16330
end: 16334
loc:  {...}
 
start:  {...}
 
line: 677
column: 35
 }
end:  {...}
 
line: 677
column: 39
 }
 }
method: false
shorthand: false
computed: false
key: Identifier {...}
 
type: "Identifier"
start: 16330
end: 16331
loc:  {...}
 
start:  {...}
 
line: 677
column: 35
 }
end:  {...}
 
line: 677
column: 36
 }
 }
name: "y"
 }
value: UnaryExpression {...}
 
type: "UnaryExpression"
start: 16332
end: 16334
loc:  {...}
 
start:  {...}
 
line: 677
column: 37
 }
end:  {...}
 
line: 677
column: 39
 }
 }
operator: "-"
prefix: true
argument: Literal {...}
 
type: "Literal"
start: 16333
end: 16334
loc:  {...}
 
start:  {...}
 
line: 677
column: 38
 }
end:  {...}
 
line: 677
column: 39
 }
 }
value: 6
raw: "6"
 }
 }
kind: "init"
 }
 ]
 }
modifiers: []
intro: true
outro: false
 }
 TransitionDirective {...}
 
start: 16337
end: 16352
type: "TransitionDirective"
name: "fly"
expression: ObjectExpression {...}
 
type: "ObjectExpression"
start: 16346
end: 16351
loc:  {...}
 
start:  {...}
 
line: 677
column: 51
 }
end:  {...}
 
line: 677
column: 56
 }
 }
properties: [...] (1)
 
 Property {...}
 
type: "Property"
start: 16347
end: 16350
loc:  {...}
 
start:  {...}
 
line: 677
column: 52
 }
end:  {...}
 
line: 677
column: 55
 }
 }
method: false
shorthand: false
computed: false
key: Identifier {...}
 
type: "Identifier"
start: 16347
end: 16348
loc:  {...}
 
start:  {...}
 
line: 677
column: 52
 }
end:  {...}
 
line: 677
column: 53
 }
 }
name: "y"
 }
value: Literal {...}
 
type: "Literal"
start: 16349
end: 16350
loc:  {...}
 
start:  {...}
 
line: 677
column: 54
 }
end:  {...}
 
line: 677
column: 55
 }
 }
value: 6
raw: "6"
 }
kind: "init"
 }
 ]
 }
modifiers: []
intro: false
outro: true
 }
 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: 16353
end: 16400
expression: ConditionalExpression {...}
 
type: "ConditionalExpression"
start: 16354
end: 16399
loc:  {...}
 
start:  {...}
 
line: 677
column: 59
 }
end:  {...}
 
line: 677
column: 104
 }
 }
test: Identifier {...}
 
type: "Identifier"
start: 16354
end: 16362
loc:  {...}
 
start:  {...}
 
line: 677
column: 59
 }
end:  {...}
 
line: 677
column: 67
 }
 }
name: "cardYear"
 }
consequent: CallExpression {...}
 
type: "CallExpression"
start: 16365
end: 16392
loc:  {...}
 
start:  {...}
 
line: 677
column: 70
 }
end:  {...}
 
line: 677
column: 97
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 16365
end: 16387
loc:  {...}
 
start:  {...}
 
line: 677
column: 70
 }
end:  {...}
 
line: 677
column: 92
 }
 }
object: CallExpression {...}
 
type: "CallExpression"
start: 16365
end: 16381
loc:  {...}
 
start:  {...}
 
line: 677
column: 70
 }
end:  {...}
 
line: 677
column: 86
 }
 }
callee: Identifier {...}
 
type: "Identifier"
start: 16365
end: 16371
loc:  {...}
 
start:  {...}
 
line: 677
column: 70
 }
end:  {...}
 
line: 677
column: 76
 }
 }
name: "String"
 }
arguments: [...] (1)
 
 Identifier {...}
 
type: "Identifier"
start: 16372
end: 16380
loc:  {...}
 
start:  {...}
 
line: 677
column: 77
 }
end:  {...}
 
line: 677
column: 85
 }
 }
name: "cardYear"
 }
 ]
optional: false
 }
property: Identifier {...}
 
type: "Identifier"
start: 16382
end: 16387
loc:  {...}
 
start:  {...}
 
line: 677
column: 87
 }
end:  {...}
 
line: 677
column: 92
 }
 }
name: "slice"
 }
computed: false
optional: false
 }
arguments: [...] (2)
 
 Literal {...}
 
type: "Literal"
start: 16388
end: 16389
loc:  {...}
 
start:  {...}
 
line: 677
column: 93
 }
end:  {...}
 
line: 677
column: 94
 }
 }
value: 2
raw: "2"
 }
 Literal {...}
 
type: "Literal"
start: 16390
end: 16391
loc:  {...}
 
start:  {...}
 
line: 677
column: 95
 }
end:  {...}
 
line: 677
column: 96
 }
 }
value: 4
raw: "4"
 }
 ]
optional: false
 }
alternate: Literal {...}
 
type: "Literal"
start: 16395
end: 16399
loc:  {...}
 
start:  {...}
 
line: 677
column: 100
 }
end:  {...}
 
line: 677
column: 104
 }
 }
value: "YY"
raw: "'YY'"
 }
 }
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 16407
end: 16426
raw: "\n                  "
data: "\n                  "
 }
 ]
 }
context: Identifier {...}
 
type: "Identifier"
name: "cardYear"
start: 16274
loc:  {...}
 
start:  {...}
 
line: 676
column: 39
character: 16274
 }
end:  {...}
 
line: 676
column: 47
character: 16282
 }
 }
end: 16282
typeAnnotation: undefined
 }
index: undefined
key: Identifier {...}
 
type: "Identifier"
start: 16284
end: 16292
loc:  {...}
 
start:  {...}
 
line: 676
column: 49
 }
end:  {...}
 
line: 676
column: 57
 }
 }
name: "cardYear"
 }
 }
 Text {...}
 
type: "Text"
start: 16433
end: 16471
raw: "\n                  \n                  "
data: "\n                  \n                  "
 }
 Comment {...}
 
type: "Comment"
start: 16471
end: 16493
data: " </transition> "
 }
 Text {...}
 
type: "Text"
start: 16493
end: 16510
raw: "\n                "
data: "\n                "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 16518
end: 16533
raw: "\n              "
data: "\n              "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 16539
end: 16552
raw: "\n            "
data: "\n            "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 16558
end: 16569
raw: "\n          "
data: "\n          "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 16575
end: 16584
raw: "\n        "
data: "\n        "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 16590
end: 16599
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 16599
end: 17532
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 16604
end: 16632
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 16611
end: 16631
type: "Text"
raw: "card-item__side back"
data: "card-item__side back"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (7)
 
 Text {...}
 
type: "Text"
start: 16633
end: 16644
raw: "\n          "
data: "\n          "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 16644
end: 16875
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 16649
end: 16673
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 16656
end: 16672
type: "Text"
raw: "card-item__cover"
data: "card-item__cover"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 16674
end: 16687
raw: "\n            "
data: "\n            "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 16687
end: 16858
name: "img"
attributes: [...] (3)
 
 Attribute {...}
 
type: "Attribute"
start: 16692
end: 16702
name: "alt"
value: [...] (1)
 
 Text {...}
 
start: 16697
end: 16701
type: "Text"
raw: "card"
data: "card"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 16703
end: 16835
name: "src"
value: ExpressionTag {...}
 
type: "ExpressionTag"
start: 16707
end: 16835
expression: BinaryExpression {...}
 
type: "BinaryExpression"
start: 16708
end: 16834
loc:  {...}
 
start:  {...}
 
line: 688
column: 33
 }
end:  {...}
 
line: 688
column: 159
 }
 }
left: BinaryExpression {...}
 
type: "BinaryExpression"
start: 16708
end: 16824
loc:  {...}
 
start:  {...}
 
line: 688
column: 33
 }
end:  {...}
 
line: 688
column: 149
 }
 }
left: Literal {...}
 
type: "Literal"
start: 16708
end: 16800
loc:  {...}
 
start:  {...}
 
line: 688
column: 33
 }
end:  {...}
 
line: 688
column: 125
 }
 }
value: "https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/"
raw: "'https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/'"
 }
operator: "+"
right: Identifier {...}
 
type: "Identifier"
start: 16803
end: 16824
loc:  {...}
 
start:  {...}
 
line: 688
column: 128
 }
end:  {...}
 
line: 688
column: 149
 }
 }
name: "currentCardBackground"
 }
 }
operator: "+"
right: Literal {...}
 
type: "Literal"
start: 16827
end: 16834
loc:  {...}
 
start:  {...}
 
line: 688
column: 152
 }
end:  {...}
 
line: 688
column: 159
 }
 }
value: ".jpeg"
raw: "'.jpeg'"
 }
 }
 }
 }
 Attribute {...}
 
type: "Attribute"
start: 16836
end: 16857
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 16843
end: 16856
type: "Text"
raw: "card-item__bg"
data: "card-item__bg"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: []
 }
 }
 Text {...}
 
type: "Text"
start: 16858
end: 16869
raw: "\n          "
data: "\n          "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 16875
end: 16886
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 16886
end: 16921
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 16891
end: 16914
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 16898
end: 16913
type: "Text"
raw: "card-item__band"
data: "card-item__band"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: []
 }
 }
 Text {...}
 
type: "Text"
start: 16921
end: 16932
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 16932
end: 17517
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 16937
end: 16959
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 16944
end: 16958
type: "Text"
raw: "card-item__cvv"
data: "card-item__cvv"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (7)
 
 Text {...}
 
type: "Text"
start: 16960
end: 16975
raw: "\n              "
data: "\n              "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 16975
end: 17017
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 16980
end: 17007
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 16987
end: 17006
type: "Text"
raw: "card-item__cvvTitle"
data: "card-item__cvvTitle"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (1)
 
 Text {...}
 
type: "Text"
start: 17008
end: 17011
raw: "CVV"
data: "CVV"
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 17017
end: 17032
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 17032
end: 17079
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 17037
end: 17063
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 17044
end: 17062
type: "Text"
raw: "card-item__cvvBand"
data: "card-item__cvvBand"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (1)
 
 ExpressionTag {...}
 
type: "ExpressionTag"
start: 17064
end: 17073
expression: Identifier {...}
 
type: "Identifier"
start: 17065
end: 17072
loc:  {...}
 
start:  {...}
 
line: 693
column: 47
 }
end:  {...}
 
line: 693
column: 54
 }
 }
name: "cardCvv"
 }
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 17079
end: 17094
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 17094
end: 17500
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 17099
end: 17122
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 17106
end: 17121
type: "Text"
raw: "card-item__type"
data: "card-item__type"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 17123
end: 17140
raw: "\n                "
data: "\n                "
 }
 IfBlock {...}
 
type: "IfBlock"
elseif: false
start: 17140
end: 17479
test: Identifier {...}
 
type: "Identifier"
start: 17145
end: 17153
loc:  {...}
 
start:  {...}
 
line: 695
column: 21
 }
end:  {...}
 
line: 695
column: 29
 }
 }
name: "cardType"
 }
consequent: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 17154
end: 17173
raw: "\n                  "
data: "\n                  "
 }
 EachBlock {...}
 
type: "EachBlock"
start: 17173
end: 17457
expression: ArrayExpression {...}
 
type: "ArrayExpression"
start: 17180
end: 17190
loc:  {...}
 
start:  {...}
 
line: 696
column: 25
 }
end:  {...}
 
line: 696
column: 35
 }
 }
elements: [...] (1)
 
 Identifier {...}
 
type: "Identifier"
start: 17181
end: 17189
loc:  {...}
 
start:  {...}
 
line: 696
column: 26
 }
end:  {...}
 
line: 696
column: 34
 }
 }
name: "cardType"
 }
 ]
 }
body: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 17214
end: 17235
raw: "\n                    "
data: "\n                    "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 17235
end: 17431
name: "img"
attributes: [...] (5)
 
 TransitionDirective {...}
 
start: 17240
end: 17256
type: "TransitionDirective"
name: "fly"
expression: ObjectExpression {...}
 
type: "ObjectExpression"
start: 17248
end: 17255
loc:  {...}
 
start:  {...}
 
line: 697
column: 33
 }
end:  {...}
 
line: 697
column: 40
 }
 }
properties: [...] (1)
 
 Property {...}
 
type: "Property"
start: 17249
end: 17254
loc:  {...}
 
start:  {...}
 
line: 697
column: 34
 }
end:  {...}
 
line: 697
column: 39
 }
 }
method: false
shorthand: false
computed: false
key: Identifier {...}
 
type: "Identifier"
start: 17249
end: 17250
loc:  {...}
 
start:  {...}
 
line: 697
column: 34
 }
end:  {...}
 
line: 697
column: 35
 }
 }
name: "y"
 }
value: UnaryExpression {...}
 
type: "UnaryExpression"
start: 17251
end: 17254
loc:  {...}
 
start:  {...}
 
line: 697
column: 36
 }
end:  {...}
 
line: 697
column: 39
 }
 }
operator: "-"
prefix: true
argument: Literal {...}
 
type: "Literal"
start: 17252
end: 17254
loc:  {...}
 
start:  {...}
 
line: 697
column: 37
 }
end:  {...}
 
line: 697
column: 39
 }
 }
value: 20
raw: "20"
 }
 }
kind: "init"
 }
 ]
 }
modifiers: []
intro: true
outro: false
 }
 TransitionDirective {...}
 
start: 17257
end: 17273
type: "TransitionDirective"
name: "fly"
expression: ObjectExpression {...}
 
type: "ObjectExpression"
start: 17266
end: 17272
loc:  {...}
 
start:  {...}
 
line: 697
column: 51
 }
end:  {...}
 
line: 697
column: 57
 }
 }
properties: [...] (1)
 
 Property {...}
 
type: "Property"
start: 17267
end: 17271
loc:  {...}
 
start:  {...}
 
line: 697
column: 52
 }
end:  {...}
 
line: 697
column: 56
 }
 }
method: false
shorthand: false
computed: false
key: Identifier {...}
 
type: "Identifier"
start: 17267
end: 17268
loc:  {...}
 
start:  {...}
 
line: 697
column: 52
 }
end:  {...}
 
line: 697
column: 53
 }
 }
name: "y"
 }
value: Literal {...}
 
type: "Literal"
start: 17269
end: 17271
loc:  {...}
 
start:  {...}
 
line: 697
column: 54
 }
end:  {...}
 
line: 697
column: 56
 }
 }
value: 20
raw: "20"
 }
kind: "init"
 }
 ]
 }
modifiers: []
intro: false
outro: true
 }
 Attribute {...}
 
type: "Attribute"
start: 17274
end: 17284
name: "alt"
value: [...] (1)
 
 Text {...}
 
start: 17279
end: 17283
type: "Text"
raw: "card"
data: "card"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 17285
end: 17403
name: "src"
value: ExpressionTag {...}
 
type: "ExpressionTag"
start: 17289
end: 17403
expression: BinaryExpression {...}
 
type: "BinaryExpression"
start: 17290
end: 17402
loc:  {...}
 
start:  {...}
 
line: 697
column: 75
 }
end:  {...}
 
line: 697
column: 187
 }
 }
left: BinaryExpression {...}
 
type: "BinaryExpression"
start: 17290
end: 17393
loc:  {...}
 
start:  {...}
 
line: 697
column: 75
 }
end:  {...}
 
line: 697
column: 178
 }
 }
left: Literal {...}
 
type: "Literal"
start: 17290
end: 17382
loc:  {...}
 
start:  {...}
 
line: 697
column: 75
 }
end:  {...}
 
line: 697
column: 167
 }
 }
value: "https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/"
raw: "'https://raw.githubusercontent.com/muhammederdem/credit-card-form/master/src/assets/images/'"
 }
operator: "+"
right: Identifier {...}
 
type: "Identifier"
start: 17385
end: 17393
loc:  {...}
 
start:  {...}
 
line: 697
column: 170
 }
end:  {...}
 
line: 697
column: 178
 }
 }
name: "cardType"
 }
 }
operator: "+"
right: Literal {...}
 
type: "Literal"
start: 17396
end: 17402
loc:  {...}
 
start:  {...}
 
line: 697
column: 181
 }
end:  {...}
 
line: 697
column: 187
 }
 }
value: ".png"
raw: "'.png'"
 }
 }
 }
 }
 Attribute {...}
 
type: "Attribute"
start: 17404
end: 17430
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 17411
end: 17429
type: "Text"
raw: "card-item__typeImg"
data: "card-item__typeImg"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: []
 }
 }
 Text {...}
 
type: "Text"
start: 17431
end: 17450
raw: "\n                  "
data: "\n                  "
 }
 ]
 }
context: Identifier {...}
 
type: "Identifier"
name: "cardType"
start: 17194
loc:  {...}
 
start:  {...}
 
line: 696
column: 39
character: 17194
 }
end:  {...}
 
line: 696
column: 47
character: 17202
 }
 }
end: 17202
typeAnnotation: undefined
 }
index: undefined
key: Identifier {...}
 
type: "Identifier"
start: 17204
end: 17212
loc:  {...}
 
start:  {...}
 
line: 696
column: 49
 }
end:  {...}
 
line: 696
column: 57
 }
 }
name: "cardType"
 }
 }
 Text {...}
 
type: "Text"
start: 17457
end: 17474
raw: "\n                "
data: "\n                "
 }
 ]
 }
alternate: null
 }
 Text {...}
 
type: "Text"
start: 17479
end: 17494
raw: "\n              "
data: "\n              "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 17500
end: 17511
raw: "\n          "
data: "\n          "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 17517
end: 17526
raw: "\n        "
data: "\n        "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 17532
end: 17539
raw: "\n      "
data: "\n      "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 17545
end: 17550
raw: "\n    "
data: "\n    "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 17556
end: 17561
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 17561
end: 19830
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 17566
end: 17590
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 17573
end: 17589
type: "Text"
raw: "card-form__inner"
data: "card-form__inner"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (9)
 
 Text {...}
 
type: "Text"
start: 17591
end: 17598
raw: "\n      "
data: "\n      "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 17598
end: 17922
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 17603
end: 17621
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 17610
end: 17620
type: "Text"
raw: "card-input"
data: "card-input"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (5)
 
 Text {...}
 
type: "Text"
start: 17622
end: 17631
raw: "\n        "
data: "\n        "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 17631
end: 17700
name: "label"
attributes: [...] (2)
 
 Attribute {...}
 
type: "Attribute"
start: 17638
end: 17654
name: "for"
value: [...] (1)
 
 Text {...}
 
start: 17643
end: 17653
type: "Text"
raw: "cardNumber"
data: "cardNumber"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 17655
end: 17680
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 17662
end: 17679
type: "Text"
raw: "card-input__label"
data: "card-input__label"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (1)
 
 Text {...}
 
type: "Text"
start: 17681
end: 17692
raw: "Card Number"
data: "Card Number"
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 17700
end: 17709
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 17709
end: 17909
name: "input"
attributes: [...] (9)
 
 Attribute {...}
 
type: "Attribute"
start: 17716
end: 17727
name: "type"
value: [...] (1)
 
 Text {...}
 
start: 17722
end: 17726
type: "Text"
raw: "text"
data: "text"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 17728
end: 17743
name: "id"
value: [...] (1)
 
 Text {...}
 
start: 17732
end: 17742
type: "Text"
raw: "cardNumber"
data: "cardNumber"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 17744
end: 17769
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 17751
end: 17768
type: "Text"
raw: "card-input__input"
data: "card-input__input"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 17770
end: 17801
name: "v-mask"
value: [...] (1)
 
 Text {...}
 
start: 17778
end: 17800
type: "Text"
raw: "generateCardNumberMask"
data: "generateCardNumberMask"
 }
 ]
 }
 BindDirective {...}
 
start: 17802
end: 17825
type: "BindDirective"
name: "value"
expression: Identifier {...}
 
type: "Identifier"
start: 17814
end: 17824
loc:  {...}
 
start:  {...}
 
line: 708
column: 113
 }
end:  {...}
 
line: 708
column: 123
 }
 }
name: "cardNumber"
 }
modifiers: []
 }
 OnDirective {...}
 
start: 17826
end: 17847
type: "OnDirective"
name: "focus"
expression: Identifier {...}
 
type: "Identifier"
start: 17836
end: 17846
loc:  {...}
 
start:  {...}
 
line: 708
column: 135
 }
end:  {...}
 
line: 708
column: 145
 }
 }
name: "focusInput"
 }
modifiers: []
 }
 OnDirective {...}
 
start: 17848
end: 17867
type: "OnDirective"
name: "blur"
expression: Identifier {...}
 
type: "Identifier"
start: 17857
end: 17866
loc:  {...}
 
start:  {...}
 
line: 708
column: 156
 }
end:  {...}
 
line: 708
column: 165
 }
 }
name: "blurInput"
 }
modifiers: []
 }
 Attribute {...}
 
type: "Attribute"
start: 17868
end: 17889
name: "data-ref"
value: [...] (1)
 
 Text {...}
 
start: 17878
end: 17888
type: "Text"
raw: "cardNumber"
data: "cardNumber"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 17890
end: 17908
name: "autocomplete"
value: [...] (1)
 
 Text {...}
 
start: 17904
end: 17907
type: "Text"
raw: "off"
data: "off"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: []
 }
 }
 Text {...}
 
type: "Text"
start: 17909
end: 17916
raw: "\n      "
data: "\n      "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 17922
end: 17929
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 17929
end: 18214
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 17934
end: 17952
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 17941
end: 17951
type: "Text"
raw: "card-input"
data: "card-input"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (5)
 
 Text {...}
 
type: "Text"
start: 17953
end: 17962
raw: "\n        "
data: "\n        "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 17962
end: 18030
name: "label"
attributes: [...] (2)
 
 Attribute {...}
 
type: "Attribute"
start: 17969
end: 17983
name: "for"
value: [...] (1)
 
 Text {...}
 
start: 17974
end: 17982
type: "Text"
raw: "cardName"
data: "cardName"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 17984
end: 18009
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 17991
end: 18008
type: "Text"
raw: "card-input__label"
data: "card-input__label"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (1)
 
 Text {...}
 
type: "Text"
start: 18010
end: 18022
raw: "Card Holders"
data: "Card Holders"
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 18030
end: 18039
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 18039
end: 18201
name: "input"
attributes: [...] (8)
 
 Attribute {...}
 
type: "Attribute"
start: 18046
end: 18057
name: "type"
value: [...] (1)
 
 Text {...}
 
start: 18052
end: 18056
type: "Text"
raw: "text"
data: "text"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 18058
end: 18071
name: "id"
value: [...] (1)
 
 Text {...}
 
start: 18062
end: 18070
type: "Text"
raw: "cardName"
data: "cardName"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 18072
end: 18097
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 18079
end: 18096
type: "Text"
raw: "card-input__input"
data: "card-input__input"
 }
 ]
 }
 BindDirective {...}
 
start: 18098
end: 18119
type: "BindDirective"
name: "value"
expression: Identifier {...}
 
type: "Identifier"
start: 18110
end: 18118
loc:  {...}
 
start:  {...}
 
line: 712
column: 79
 }
end:  {...}
 
line: 712
column: 87
 }
 }
name: "cardName"
 }
modifiers: []
 }
 OnDirective {...}
 
start: 18120
end: 18141
type: "OnDirective"
name: "focus"
expression: Identifier {...}
 
type: "Identifier"
start: 18130
end: 18140
loc:  {...}
 
start:  {...}
 
line: 712
column: 99
 }
end:  {...}
 
line: 712
column: 109
 }
 }
name: "focusInput"
 }
modifiers: []
 }
 OnDirective {...}
 
start: 18142
end: 18161
type: "OnDirective"
name: "blur"
expression: Identifier {...}
 
type: "Identifier"
start: 18151
end: 18160
loc:  {...}
 
start:  {...}
 
line: 712
column: 120
 }
end:  {...}
 
line: 712
column: 129
 }
 }
name: "blurInput"
 }
modifiers: []
 }
 Attribute {...}
 
type: "Attribute"
start: 18162
end: 18181
name: "data-ref"
value: [...] (1)
 
 Text {...}
 
start: 18172
end: 18180
type: "Text"
raw: "cardName"
data: "cardName"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 18182
end: 18200
name: "autocomplete"
value: [...] (1)
 
 Text {...}
 
start: 18196
end: 18199
type: "Text"
raw: "off"
data: "off"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: []
 }
 }
 Text {...}
 
type: "Text"
start: 18201
end: 18208
raw: "\n      "
data: "\n      "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 18214
end: 18221
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 18221
end: 19746
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 18226
end: 18248
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 18233
end: 18247
type: "Text"
raw: "card-form__row"
data: "card-form__row"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (5)
 
 Text {...}
 
type: "Text"
start: 18249
end: 18258
raw: "\n        "
data: "\n        "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 18258
end: 19337
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 18263
end: 18285
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 18270
end: 18284
type: "Text"
raw: "card-form__col"
data: "card-form__col"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 18286
end: 18297
raw: "\n          "
data: "\n          "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 18297
end: 19322
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 18302
end: 18326
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 18309
end: 18325
type: "Text"
raw: "card-form__group"
data: "card-form__group"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (7)
 
 Text {...}
 
type: "Text"
start: 18327
end: 18340
raw: "\n            "
data: "\n            "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 18340
end: 18412
name: "label"
attributes: [...] (2)
 
 Attribute {...}
 
type: "Attribute"
start: 18347
end: 18362
name: "for"
value: [...] (1)
 
 Text {...}
 
start: 18352
end: 18361
type: "Text"
raw: "cardMonth"
data: "cardMonth"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 18363
end: 18388
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 18370
end: 18387
type: "Text"
raw: "card-input__label"
data: "card-input__label"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (1)
 
 Text {...}
 
type: "Text"
start: 18389
end: 18404
raw: "Expiration Date"
data: "Expiration Date"
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 18412
end: 18425
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 18425
end: 18893
name: "select"
attributes: [...] (6)
 
 Attribute {...}
 
type: "Attribute"
start: 18433
end: 18465
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 18440
end: 18464
type: "Text"
raw: "card-input__input select"
data: "card-input__input select"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 18466
end: 18480
name: "id"
value: [...] (1)
 
 Text {...}
 
start: 18470
end: 18479
type: "Text"
raw: "cardMonth"
data: "cardMonth"
 }
 ]
 }
 BindDirective {...}
 
start: 18481
end: 18503
type: "BindDirective"
name: "value"
expression: Identifier {...}
 
type: "Identifier"
start: 18493
end: 18502
loc:  {...}
 
start:  {...}
 
line: 718
column: 80
 }
end:  {...}
 
line: 718
column: 89
 }
 }
name: "cardMonth"
 }
modifiers: []
 }
 OnDirective {...}
 
start: 18504
end: 18525
type: "OnDirective"
name: "focus"
expression: Identifier {...}
 
type: "Identifier"
start: 18514
end: 18524
loc:  {...}
 
start:  {...}
 
line: 718
column: 101
 }
end:  {...}
 
line: 718
column: 111
 }
 }
name: "focusInput"
 }
modifiers: []
 }
 OnDirective {...}
 
start: 18526
end: 18545
type: "OnDirective"
name: "blur"
expression: Identifier {...}
 
type: "Identifier"
start: 18535
end: 18544
loc:  {...}
 
start:  {...}
 
line: 718
column: 122
 }
end:  {...}
 
line: 718
column: 131
 }
 }
name: "blurInput"
 }
modifiers: []
 }
 Attribute {...}
 
type: "Attribute"
start: 18546
end: 18565
name: "data-ref"
value: [...] (1)
 
 Text {...}
 
start: 18556
end: 18564
type: "Text"
raw: "cardDate"
data: "cardDate"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (5)
 
 Text {...}
 
type: "Text"
start: 18566
end: 18581
raw: "\n              "
data: "\n              "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 18581
end: 18630
name: "option"
attributes: [...] (4)
 
 Attribute {...}
 
type: "Attribute"
start: 18589
end: 18597
name: "value"
value: [...] (1)
 
 Text {...}
 
start: 18596
end: 18596
type: "Text"
raw: ""
data: ""
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 18598
end: 18606
name: "disabled"
value: true
 }
 Attribute {...}
 
type: "Attribute"
start: 18607
end: 18615
name: "selected"
value: true
 }
 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)
 
 Text {...}
 
type: "Text"
start: 18616
end: 18621
raw: "Month"
data: "Month"
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 18630
end: 18645
raw: " "
data: " "
 }
 EachBlock {...}
 
type: "EachBlock"
start: 18645
end: 18871
expression: CallExpression {...}
 
type: "CallExpression"
start: 18652
end: 18661
loc:  {...}
 
start:  {...}
 
line: 720
column: 21
 }
end:  {...}
 
line: 720
column: 30
 }
 }
callee: Identifier {...}
 
type: "Identifier"
start: 18652
end: 18657
loc:  {...}
 
start:  {...}
 
line: 720
column: 21
 }
end:  {...}
 
line: 720
column: 26
 }
 }
name: "Array"
 }
arguments: [...] (1)
 
 Literal {...}
 
type: "Literal"
start: 18658
end: 18660
loc:  {...}
 
start:  {...}
 
line: 720
column: 27
 }
end:  {...}
 
line: 720
column: 29
 }
 }
value: 12
raw: "12"
 }
 ]
optional: false
 }
body: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 18670
end: 18687
raw: "\n                "
data: "\n                "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 18687
end: 18849
name: "option"
attributes: [...] (3)
 
 Attribute {...}
 
type: "Attribute"
start: 18695
end: 18735
name: "value"
value: ExpressionTag {...}
 
type: "ExpressionTag"
start: 18701
end: 18735
expression: ConditionalExpression {...}
 
type: "ConditionalExpression"
start: 18702
end: 18734
loc:  {...}
 
start:  {...}
 
line: 721
column: 31
 }
end:  {...}
 
line: 721
column: 63
 }
 }
test: BinaryExpression {...}
 
type: "BinaryExpression"
start: 18702
end: 18712
loc:  {...}
 
start:  {...}
 
line: 721
column: 31
 }
end:  {...}
 
line: 721
column: 41
 }
 }
left: BinaryExpression {...}
 
type: "BinaryExpression"
start: 18703
end: 18706
loc:  {...}
 
start:  {...}
 
line: 721
column: 32
 }
end:  {...}
 
line: 721
column: 35
 }
 }
left: Identifier {...}
 
type: "Identifier"
start: 18703
end: 18704
loc:  {...}
 
start:  {...}
 
line: 721
column: 32
 }
end:  {...}
 
line: 721
column: 33
 }
 }
name: "n"
 }
operator: "+"
right: Literal {...}
 
type: "Literal"
start: 18705
end: 18706
loc:  {...}
 
start:  {...}
 
line: 721
column: 34
 }
end:  {...}
 
line: 721
column: 35
 }
 }
value: 1
raw: "1"
 }
 }
operator: "<"
right: Literal {...}
 
type: "Literal"
start: 18710
end: 18712
loc:  {...}
 
start:  {...}
 
line: 721
column: 39
 }
end:  {...}
 
line: 721
column: 41
 }
 }
value: 10
raw: "10"
 }
 }
consequent: BinaryExpression {...}
 
type: "BinaryExpression"
start: 18715
end: 18726
loc:  {...}
 
start:  {...}
 
line: 721
column: 44
 }
end:  {...}
 
line: 721
column: 55
 }
 }
left: Literal {...}
 
type: "Literal"
start: 18715
end: 18718
loc:  {...}
 
start:  {...}
 
line: 721
column: 44
 }
end:  {...}
 
line: 721
column: 47
 }
 }
value: "0"
raw: "'0'"
 }
operator: "+"
right: BinaryExpression {...}
 
type: "BinaryExpression"
start: 18722
end: 18725
loc:  {...}
 
start:  {...}
 
line: 721
column: 51
 }
end:  {...}
 
line: 721
column: 54
 }
 }
left: Identifier {...}
 
type: "Identifier"
start: 18722
end: 18723
loc:  {...}
 
start:  {...}
 
line: 721
column: 51
 }
end:  {...}
 
line: 721
column: 52
 }
 }
name: "n"
 }
operator: "+"
right: Literal {...}
 
type: "Literal"
start: 18724
end: 18725
loc:  {...}
 
start:  {...}
 
line: 721
column: 53
 }
end:  {...}
 
line: 721
column: 54
 }
 }
value: 1
raw: "1"
 }
 }
 }
alternate: BinaryExpression {...}
 
type: "BinaryExpression"
start: 18730
end: 18733
loc:  {...}
 
start:  {...}
 
line: 721
column: 59
 }
end:  {...}
 
line: 721
column: 62
 }
 }
left: Identifier {...}
 
type: "Identifier"
start: 18730
end: 18731
loc:  {...}
 
start:  {...}
 
line: 721
column: 59
 }
end:  {...}
 
line: 721
column: 60
 }
 }
name: "n"
 }
operator: "+"
right: Literal {...}
 
type: "Literal"
start: 18732
end: 18733
loc:  {...}
 
start:  {...}
 
line: 721
column: 61
 }
end:  {...}
 
line: 721
column: 62
 }
 }
value: 1
raw: "1"
 }
 }
 }
 }
 }
 Attribute {...}
 
type: "Attribute"
start: 18736
end: 18767
name: "disabled"
value: ExpressionTag {...}
 
type: "ExpressionTag"
start: 18745
end: 18767
expression: BinaryExpression {...}
 
type: "BinaryExpression"
start: 18746
end: 18766
loc:  {...}
 
start:  {...}
 
line: 721
column: 75
 }
end:  {...}
 
line: 721
column: 95
 }
 }
left: BinaryExpression {...}
 
type: "BinaryExpression"
start: 18747
end: 18750
loc:  {...}
 
start:  {...}
 
line: 721
column: 76
 }
end:  {...}
 
line: 721
column: 79
 }
 }
left: Identifier {...}
 
type: "Identifier"
start: 18747
end: 18748
loc:  {...}
 
start:  {...}
 
line: 721
column: 76
 }
end:  {...}
 
line: 721
column: 77
 }
 }
name: "n"
 }
operator: "+"
right: Literal {...}
 
type: "Literal"
start: 18749
end: 18750
loc:  {...}
 
start:  {...}
 
line: 721
column: 78
 }
end:  {...}
 
line: 721
column: 79
 }
 }
value: 1
raw: "1"
 }
 }
operator: "<"
right: Identifier {...}
 
type: "Identifier"
start: 18754
end: 18766
loc:  {...}
 
start:  {...}
 
line: 721
column: 83
 }
end:  {...}
 
line: 721
column: 95
 }
 }
name: "minCardMonth"
 }
 }
 }
 }
 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: [...] (3)
 
 Text {...}
 
type: "Text"
start: 18768
end: 18789
raw: "\n                    "
data: "\n                    "
 }
 ExpressionTag {...}
 
type: "ExpressionTag"
start: 18789
end: 18823
expression: ConditionalExpression {...}
 
type: "ConditionalExpression"
start: 18790
end: 18822
loc:  {...}
 
start:  {...}
 
line: 722
column: 21
 }
end:  {...}
 
line: 722
column: 53
 }
 }
test: BinaryExpression {...}
 
type: "BinaryExpression"
start: 18790
end: 18800
loc:  {...}
 
start:  {...}
 
line: 722
column: 21
 }
end:  {...}
 
line: 722
column: 31
 }
 }
left: BinaryExpression {...}
 
type: "BinaryExpression"
start: 18791
end: 18794
loc:  {...}
 
start:  {...}
 
line: 722
column: 22
 }
end:  {...}
 
line: 722
column: 25
 }
 }
left: Identifier {...}
 
type: "Identifier"
start: 18791
end: 18792
loc:  {...}
 
start:  {...}
 
line: 722
column: 22
 }
end:  {...}
 
line: 722
column: 23
 }
 }
name: "n"
 }
operator: "+"
right: Literal {...}
 
type: "Literal"
start: 18793
end: 18794
loc:  {...}
 
start:  {...}
 
line: 722
column: 24
 }
end:  {...}
 
line: 722
column: 25
 }
 }
value: 1
raw: "1"
 }
 }
operator: "<"
right: Literal {...}
 
type: "Literal"
start: 18798
end: 18800
loc:  {...}
 
start:  {...}
 
line: 722
column: 29
 }
end:  {...}
 
line: 722
column: 31
 }
 }
value: 10
raw: "10"
 }
 }
consequent: BinaryExpression {...}
 
type: "BinaryExpression"
start: 18803
end: 18814
loc:  {...}
 
start:  {...}
 
line: 722
column: 34
 }
end:  {...}
 
line: 722
column: 45
 }
 }
left: Literal {...}
 
type: "Literal"
start: 18803
end: 18806
loc:  {...}
 
start:  {...}
 
line: 722
column: 34
 }
end:  {...}
 
line: 722
column: 37
 }
 }
value: "0"
raw: "'0'"
 }
operator: "+"
right: BinaryExpression {...}
 
type: "BinaryExpression"
start: 18810
end: 18813
loc:  {...}
 
start:  {...}
 
line: 722
column: 41
 }
end:  {...}
 
line: 722
column: 44
 }
 }
left: Identifier {...}
 
type: "Identifier"
start: 18810
end: 18811
loc:  {...}
 
start:  {...}
 
line: 722
column: 41
 }
end:  {...}
 
line: 722
column: 42
 }
 }
name: "n"
 }
operator: "+"
right: Literal {...}
 
type: "Literal"
start: 18812
end: 18813
loc:  {...}
 
start:  {...}
 
line: 722
column: 43
 }
end:  {...}
 
line: 722
column: 44
 }
 }
value: 1
raw: "1"
 }
 }
 }
alternate: BinaryExpression {...}
 
type: "BinaryExpression"
start: 18818
end: 18821
loc:  {...}
 
start:  {...}
 
line: 722
column: 49
 }
end:  {...}
 
line: 722
column: 52
 }
 }
left: Identifier {...}
 
type: "Identifier"
start: 18818
end: 18819
loc:  {...}
 
start:  {...}
 
line: 722
column: 49
 }
end:  {...}
 
line: 722
column: 50
 }
 }
name: "n"
 }
operator: "+"
right: Literal {...}
 
type: "Literal"
start: 18820
end: 18821
loc:  {...}
 
start:  {...}
 
line: 722
column: 51
 }
end:  {...}
 
line: 722
column: 52
 }
 }
value: 1
raw: "1"
 }
 }
 }
 }
 Text {...}
 
type: "Text"
start: 18823
end: 18840
raw: "\n                "
data: "\n                "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 18849
end: 18864
raw: "\n              "
data: "\n              "
 }
 ]
 }
context: Identifier {...}
 
type: "Identifier"
name: "_"
start: 18665
loc:  {...}
 
start:  {...}
 
line: 720
column: 34
character: 18665
 }
end:  {...}
 
line: 720
column: 35
character: 18666
 }
 }
end: 18666
typeAnnotation: undefined
 }
index: "n"
key: undefined
 }
 Text {...}
 
type: "Text"
start: 18871
end: 18884
raw: "\n            "
data: "\n            "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 18893
end: 18906
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 18906
end: 19305
name: "select"
attributes: [...] (6)
 
 Attribute {...}
 
type: "Attribute"
start: 18914
end: 18946
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 18921
end: 18945
type: "Text"
raw: "card-input__input select"
data: "card-input__input select"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 18947
end: 18960
name: "id"
value: [...] (1)
 
 Text {...}
 
start: 18951
end: 18959
type: "Text"
raw: "cardYear"
data: "cardYear"
 }
 ]
 }
 BindDirective {...}
 
start: 18961
end: 18982
type: "BindDirective"
name: "value"
expression: Identifier {...}
 
type: "Identifier"
start: 18973
end: 18981
loc:  {...}
 
start:  {...}
 
line: 726
column: 79
 }
end:  {...}
 
line: 726
column: 87
 }
 }
name: "cardYear"
 }
modifiers: []
 }
 OnDirective {...}
 
start: 18983
end: 19004
type: "OnDirective"
name: "focus"
expression: Identifier {...}
 
type: "Identifier"
start: 18993
end: 19003
loc:  {...}
 
start:  {...}
 
line: 726
column: 99
 }
end:  {...}
 
line: 726
column: 109
 }
 }
name: "focusInput"
 }
modifiers: []
 }
 OnDirective {...}
 
start: 19005
end: 19024
type: "OnDirective"
name: "blur"
expression: Identifier {...}
 
type: "Identifier"
start: 19014
end: 19023
loc:  {...}
 
start:  {...}
 
line: 726
column: 120
 }
end:  {...}
 
line: 726
column: 129
 }
 }
name: "blurInput"
 }
modifiers: []
 }
 Attribute {...}
 
type: "Attribute"
start: 19025
end: 19044
name: "data-ref"
value: [...] (1)
 
 Text {...}
 
start: 19035
end: 19043
type: "Text"
raw: "cardDate"
data: "cardDate"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (5)
 
 Text {...}
 
type: "Text"
start: 19045
end: 19060
raw: "\n              "
data: "\n              "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 19060
end: 19108
name: "option"
attributes: [...] (4)
 
 Attribute {...}
 
type: "Attribute"
start: 19068
end: 19076
name: "value"
value: [...] (1)
 
 Text {...}
 
start: 19075
end: 19075
type: "Text"
raw: ""
data: ""
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 19077
end: 19085
name: "disabled"
value: true
 }
 Attribute {...}
 
type: "Attribute"
start: 19086
end: 19094
name: "selected"
value: true
 }
 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)
 
 Text {...}
 
type: "Text"
start: 19095
end: 19099
raw: "Year"
data: "Year"
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 19108
end: 19123
raw: " "
data: " "
 }
 EachBlock {...}
 
type: "EachBlock"
start: 19123
end: 19283
expression: CallExpression {...}
 
type: "CallExpression"
start: 19130
end: 19139
loc:  {...}
 
start:  {...}
 
line: 728
column: 21
 }
end:  {...}
 
line: 728
column: 30
 }
 }
callee: Identifier {...}
 
type: "Identifier"
start: 19130
end: 19135
loc:  {...}
 
start:  {...}
 
line: 728
column: 21
 }
end:  {...}
 
line: 728
column: 26
 }
 }
name: "Array"
 }
arguments: [...] (1)
 
 Literal {...}
 
type: "Literal"
start: 19136
end: 19138
loc:  {...}
 
start:  {...}
 
line: 728
column: 27
 }
end:  {...}
 
line: 728
column: 29
 }
 }
value: 12
raw: "12"
 }
 ]
optional: false
 }
body: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 19148
end: 19165
raw: "\n                "
data: "\n                "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 19165
end: 19261
name: "option"
attributes: [...] (2)
 
 Attribute {...}
 
type: "Attribute"
start: 19173
end: 19196
name: "value"
value: ExpressionTag {...}
 
type: "ExpressionTag"
start: 19179
end: 19196
expression: BinaryExpression {...}
 
type: "BinaryExpression"
start: 19180
end: 19195
loc:  {...}
 
start:  {...}
 
line: 729
column: 31
 }
end:  {...}
 
line: 729
column: 46
 }
 }
left: Identifier {...}
 
type: "Identifier"
start: 19180
end: 19181
loc:  {...}
 
start:  {...}
 
line: 729
column: 31
 }
end:  {...}
 
line: 729
column: 32
 }
 }
name: "n"
 }
operator: "+"
right: Identifier {...}
 
type: "Identifier"
start: 19184
end: 19195
loc:  {...}
 
start:  {...}
 
line: 729
column: 35
 }
end:  {...}
 
line: 729
column: 46
 }
 }
name: "minCardYear"
 }
 }
 }
 }
 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: [...] (3)
 
 Text {...}
 
type: "Text"
start: 19197
end: 19218
raw: "\n                    "
data: "\n                    "
 }
 ExpressionTag {...}
 
type: "ExpressionTag"
start: 19218
end: 19235
expression: BinaryExpression {...}
 
type: "BinaryExpression"
start: 19219
end: 19234
loc:  {...}
 
start:  {...}
 
line: 730
column: 21
 }
end:  {...}
 
line: 730
column: 36
 }
 }
left: Identifier {...}
 
type: "Identifier"
start: 19219
end: 19220
loc:  {...}
 
start:  {...}
 
line: 730
column: 21
 }
end:  {...}
 
line: 730
column: 22
 }
 }
name: "n"
 }
operator: "+"
right: Identifier {...}
 
type: "Identifier"
start: 19223
end: 19234
loc:  {...}
 
start:  {...}
 
line: 730
column: 25
 }
end:  {...}
 
line: 730
column: 36
 }
 }
name: "minCardYear"
 }
 }
 }
 Text {...}
 
type: "Text"
start: 19235
end: 19252
raw: "\n                "
data: "\n                "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 19261
end: 19276
raw: "\n              "
data: "\n              "
 }
 ]
 }
context: Identifier {...}
 
type: "Identifier"
name: "_"
start: 19143
loc:  {...}
 
start:  {...}
 
line: 728
column: 34
character: 19143
 }
end:  {...}
 
line: 728
column: 35
character: 19144
 }
 }
end: 19144
typeAnnotation: undefined
 }
index: "n"
key: undefined
 }
 Text {...}
 
type: "Text"
start: 19283
end: 19296
raw: "\n            "
data: "\n            "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 19305
end: 19316
raw: "\n          "
data: "\n          "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 19322
end: 19331
raw: "\n        "
data: "\n        "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 19337
end: 19346
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 19346
end: 19733
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 19351
end: 19377
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 19358
end: 19376
type: "Text"
raw: "card-form__col cvv"
data: "card-form__col cvv"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (3)
 
 Text {...}
 
type: "Text"
start: 19378
end: 19389
raw: "\n          "
data: "\n          "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 19389
end: 19718
name: "div"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 19394
end: 19412
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 19401
end: 19411
type: "Text"
raw: "card-input"
data: "card-input"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (5)
 
 Text {...}
 
type: "Text"
start: 19413
end: 19426
raw: "\n            "
data: "\n            "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 19426
end: 19484
name: "label"
attributes: [...] (2)
 
 Attribute {...}
 
type: "Attribute"
start: 19433
end: 19446
name: "for"
value: [...] (1)
 
 Text {...}
 
start: 19438
end: 19445
type: "Text"
raw: "cardCvv"
data: "cardCvv"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 19447
end: 19472
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 19454
end: 19471
type: "Text"
raw: "card-input__label"
data: "card-input__label"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (1)
 
 Text {...}
 
type: "Text"
start: 19473
end: 19476
raw: "CVV"
data: "CVV"
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 19484
end: 19497
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 19497
end: 19701
name: "input"
attributes: [...] (9)
 
 Attribute {...}
 
type: "Attribute"
start: 19504
end: 19515
name: "type"
value: [...] (1)
 
 Text {...}
 
start: 19510
end: 19514
type: "Text"
raw: "text"
data: "text"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 19516
end: 19541
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 19523
end: 19540
type: "Text"
raw: "card-input__input"
data: "card-input__input"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 19542
end: 19554
name: "id"
value: [...] (1)
 
 Text {...}
 
start: 19546
end: 19553
type: "Text"
raw: "cardCvv"
data: "cardCvv"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 19555
end: 19570
name: "v-mask"
value: [...] (1)
 
 Text {...}
 
start: 19563
end: 19569
type: "Text"
raw: "'####'"
data: "'####'"
 }
 ]
 }
 Attribute {...}
 
type: "Attribute"
start: 19571
end: 19584
name: "maxlength"
value: [...] (1)
 
 Text {...}
 
start: 19582
end: 19583
type: "Text"
raw: "4"
data: "4"
 }
 ]
 }
 BindDirective {...}
 
start: 19585
end: 19605
type: "BindDirective"
name: "value"
expression: Identifier {...}
 
type: "Identifier"
start: 19597
end: 19604
loc:  {...}
 
start:  {...}
 
line: 739
column: 112
 }
end:  {...}
 
line: 739
column: 119
 }
 }
name: "cardCvv"
 }
modifiers: []
 }
 OnDirective {...}
 
start: 19606
end: 19643
type: "OnDirective"
name: "focus"
expression: ArrowFunctionExpression {...}
 
type: "ArrowFunctionExpression"
start: 19616
end: 19642
loc:  {...}
 
start:  {...}
 
line: 739
column: 131
 }
end:  {...}
 
line: 739
column: 157
 }
 }
id: null
expression: true
generator: false
async: false
params: []
body: AssignmentExpression {...}
 
type: "AssignmentExpression"
start: 19622
end: 19642
loc:  {...}
 
start:  {...}
 
line: 739
column: 137
 }
end:  {...}
 
line: 739
column: 157
 }
 }
operator: "="
left: Identifier {...}
 
type: "Identifier"
start: 19622
end: 19635
loc:  {...}
 
start:  {...}
 
line: 739
column: 137
 }
end:  {...}
 
line: 739
column: 150
 }
 }
name: "isCardFlipped"
 }
right: Literal {...}
 
type: "Literal"
start: 19638
end: 19642
loc:  {...}
 
start:  {...}
 
line: 739
column: 153
 }
end:  {...}
 
line: 739
column: 157
 }
 }
value: true
raw: "true"
 }
 }
 }
modifiers: []
 }
 OnDirective {...}
 
start: 19644
end: 19681
type: "OnDirective"
name: "blur"
expression: ArrowFunctionExpression {...}
 
type: "ArrowFunctionExpression"
start: 19653
end: 19680
loc:  {...}
 
start:  {...}
 
line: 739
column: 168
 }
end:  {...}
 
line: 739
column: 195
 }
 }
id: null
expression: true
generator: false
async: false
params: []
body: AssignmentExpression {...}
 
type: "AssignmentExpression"
start: 19659
end: 19680
loc:  {...}
 
start:  {...}
 
line: 739
column: 174
 }
end:  {...}
 
line: 739
column: 195
 }
 }
operator: "="
left: Identifier {...}
 
type: "Identifier"
start: 19659
end: 19672
loc:  {...}
 
start:  {...}
 
line: 739
column: 174
 }
end:  {...}
 
line: 739
column: 187
 }
 }
name: "isCardFlipped"
 }
right: Literal {...}
 
type: "Literal"
start: 19675
end: 19680
loc:  {...}
 
start:  {...}
 
line: 739
column: 190
 }
end:  {...}
 
line: 739
column: 195
 }
 }
value: false
raw: "false"
 }
 }
 }
modifiers: []
 }
 Attribute {...}
 
type: "Attribute"
start: 19682
end: 19700
name: "autocomplete"
value: [...] (1)
 
 Text {...}
 
start: 19696
end: 19699
type: "Text"
raw: "off"
data: "off"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: []
 }
 }
 Text {...}
 
type: "Text"
start: 19701
end: 19712
raw: "\n          "
data: "\n          "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 19718
end: 19727
raw: "\n        "
data: "\n        "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 19733
end: 19740
raw: "\n      "
data: "\n      "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 19746
end: 19754
raw: " "
data: " "
 }
 RegularElement {...}
 
type: "RegularElement"
start: 19754
end: 19819
name: "button"
attributes: [...] (1)
 
 Attribute {...}
 
type: "Attribute"
start: 19762
end: 19787
name: "class"
value: [...] (1)
 
 Text {...}
 
start: 19769
end: 19786
type: "Text"
raw: "card-form__button"
data: "card-form__button"
 }
 ]
 }
 ]
fragment: Fragment {...}
 
type: "Fragment"
nodes: [...] (1)
 
 Text {...}
 
type: "Text"
start: 19788
end: 19810
raw: "Submit"
data: "Submit"
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 19819
end: 19824
raw: "\n    "
data: "\n    "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 19830
end: 19833
raw: "\n  "
data: "\n  "
 }
 ]
 }
 }
 Text {...}
 
type: "Text"
start: 19839
end: 19840
raw: "\n"
data: "\n"
 }
 ]
 }
 }
 ]
 }
options: null
instance: Script {...}
 
type: "Script"
start: 0
end: 2147
context: "default"
content: Program {...}
 
type: "Program"
start: 8
end: 2138
loc:  {...}
 
start:  {...}
 
line: 1
column: 0
 }
end:  {...}
 
line: 68
column: 0
 }
 }
body: [...] (23)
 
 ImportDeclaration {...}
 
type: "ImportDeclaration"
start: 188
end: 221
loc:  {...}
 
start:  {...}
 
line: 7
column: 0
 }
end:  {...}
 
line: 7
column: 33
 }
 }
specifiers: [...] (1)
 
 ImportSpecifier {...}
 
type: "ImportSpecifier"
start: 197
end: 204
loc:  {...}
 
start:  {...}
 
line: 7
column: 9
 }
end:  {...}
 
line: 7
column: 16
 }
 }
imported: Identifier {...}
 
type: "Identifier"
start: 197
end: 204
loc:  {...}
 
start:  {...}
 
line: 7
column: 9
 }
end:  {...}
 
line: 7
column: 16
 }
 }
name: "onMount"
 }
local: Identifier {...}
 
type: "Identifier"
start: 197
end: 204
loc:  {...}
 
start:  {...}
 
line: 7
column: 9
 }
end:  {...}
 
line: 7
column: 16
 }
 }
name: "onMount"
 }
 }
 ]
source: Literal {...}
 
type: "Literal"
start: 212
end: 220
loc:  {...}
 
start:  {...}
 
line: 7
column: 24
 }
end:  {...}
 
line: 7
column: 32
 }
 }
value: "svelte"
raw: "'svelte'"
 }
 }
 ImportDeclaration {...}
 
type: "ImportDeclaration"
start: 222
end: 262
loc:  {...}
 
start:  {...}
 
line: 8
column: 0
 }
end:  {...}
 
line: 8
column: 40
 }
 }
specifiers: [...] (1)
 
 ImportSpecifier {...}
 
type: "ImportSpecifier"
start: 231
end: 234
loc:  {...}
 
start:  {...}
 
line: 8
column: 9
 }
end:  {...}
 
line: 8
column: 12
 }
 }
imported: Identifier {...}
 
type: "Identifier"
start: 231
end: 234
loc:  {...}
 
start:  {...}
 
line: 8
column: 9
 }
end:  {...}
 
line: 8
column: 12
 }
 }
name: "fly"
 }
local: Identifier {...}
 
type: "Identifier"
start: 231
end: 234
loc:  {...}
 
start:  {...}
 
line: 8
column: 9
 }
end:  {...}
 
line: 8
column: 12
 }
 }
name: "fly"
 }
 }
 ]
source: Literal {...}
 
type: "Literal"
start: 242
end: 261
loc:  {...}
 
start:  {...}
 
line: 8
column: 20
 }
end:  {...}
 
line: 8
column: 39
 }
 }
value: "svelte/transition"
raw: "'svelte/transition'"
 }
 }
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 264
end: 325
loc:  {...}
 
start:  {...}
 
line: 10
column: 0
 }
end:  {...}
 
line: 10
column: 61
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 268
end: 325
loc:  {...}
 
start:  {...}
 
line: 10
column: 4
 }
end:  {...}
 
line: 10
column: 61
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 268
end: 289
loc:  {...}
 
start:  {...}
 
line: 10
column: 4
 }
end:  {...}
 
line: 10
column: 25
 }
 }
name: "currentCardBackground"
 }
init: CallExpression {...}
 
type: "CallExpression"
start: 292
end: 325
loc:  {...}
 
start:  {...}
 
line: 10
column: 28
 }
end:  {...}
 
line: 10
column: 61
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 292
end: 302
loc:  {...}
 
start:  {...}
 
line: 10
column: 28
 }
end:  {...}
 
line: 10
column: 38
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 292
end: 296
loc:  {...}
 
start:  {...}
 
line: 10
column: 28
 }
end:  {...}
 
line: 10
column: 32
 }
 }
name: "Math"
 }
property: Identifier {...}
 
type: "Identifier"
start: 297
end: 302
loc:  {...}
 
start:  {...}
 
line: 10
column: 33
 }
end:  {...}
 
line: 10
column: 38
 }
 }
name: "floor"
 }
computed: false
optional: false
 }
arguments: [...] (1)
 
 BinaryExpression {...}
 
type: "BinaryExpression"
start: 303
end: 324
loc:  {...}
 
start:  {...}
 
line: 10
column: 39
 }
end:  {...}
 
line: 10
column: 60
 }
 }
left: BinaryExpression {...}
 
type: "BinaryExpression"
start: 303
end: 320
loc:  {...}
 
start:  {...}
 
line: 10
column: 39
 }
end:  {...}
 
line: 10
column: 56
 }
 }
left: CallExpression {...}
 
type: "CallExpression"
start: 303
end: 316
loc:  {...}
 
start:  {...}
 
line: 10
column: 39
 }
end:  {...}
 
line: 10
column: 52
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 303
end: 314
loc:  {...}
 
start:  {...}
 
line: 10
column: 39
 }
end:  {...}
 
line: 10
column: 50
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 303
end: 307
loc:  {...}
 
start:  {...}
 
line: 10
column: 39
 }
end:  {...}
 
line: 10
column: 43
 }
 }
name: "Math"
 }
property: Identifier {...}
 
type: "Identifier"
start: 308
end: 314
loc:  {...}
 
start:  {...}
 
line: 10
column: 44
 }
end:  {...}
 
line: 10
column: 50
 }
 }
name: "random"
 }
computed: false
optional: false
 }
arguments: []
optional: false
 }
operator: "*"
right: Literal {...}
 
type: "Literal"
start: 318
end: 320
loc:  {...}
 
start:  {...}
 
line: 10
column: 54
 }
end:  {...}
 
line: 10
column: 56
 }
 }
value: 25
raw: "25"
 }
 }
operator: "+"
right: Literal {...}
 
type: "Literal"
start: 323
end: 324
loc:  {...}
 
start:  {...}
 
line: 10
column: 59
 }
end:  {...}
 
line: 10
column: 60
 }
 }
value: 1
raw: "1"
 }
trailingComments: [...] (1)
 
 Line {...}
 
type: "Line"
value: " just for fun :D"
start: 326
end: 344
 }
 ]
 }
 ]
optional: false
 }
 }
 ]
kind: "let"
 }
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 345
end: 362
loc:  {...}
 
start:  {...}
 
line: 11
column: 0
 }
end:  {...}
 
line: 11
column: 17
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 349
end: 362
loc:  {...}
 
start:  {...}
 
line: 11
column: 4
 }
end:  {...}
 
line: 11
column: 17
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 349
end: 357
loc:  {...}
 
start:  {...}
 
line: 11
column: 4
 }
end:  {...}
 
line: 11
column: 12
 }
 }
name: "cardName"
 }
init: Literal {...}
 
type: "Literal"
start: 360
end: 362
loc:  {...}
 
start:  {...}
 
line: 11
column: 15
 }
end:  {...}
 
line: 11
column: 17
 }
 }
value: ""
raw: "\"\""
 }
 }
 ]
kind: "let"
 }
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 363
end: 382
loc:  {...}
 
start:  {...}
 
line: 12
column: 0
 }
end:  {...}
 
line: 12
column: 19
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 367
end: 382
loc:  {...}
 
start:  {...}
 
line: 12
column: 4
 }
end:  {...}
 
line: 12
column: 19
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 367
end: 377
loc:  {...}
 
start:  {...}
 
line: 12
column: 4
 }
end:  {...}
 
line: 12
column: 14
 }
 }
name: "cardNumber"
 }
init: Literal {...}
 
type: "Literal"
start: 380
end: 382
loc:  {...}
 
start:  {...}
 
line: 12
column: 17
 }
end:  {...}
 
line: 12
column: 19
 }
 }
value: ""
raw: "\"\""
 }
 }
 ]
kind: "let"
 }
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 383
end: 401
loc:  {...}
 
start:  {...}
 
line: 13
column: 0
 }
end:  {...}
 
line: 13
column: 18
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 387
end: 401
loc:  {...}
 
start:  {...}
 
line: 13
column: 4
 }
end:  {...}
 
line: 13
column: 18
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 387
end: 396
loc:  {...}
 
start:  {...}
 
line: 13
column: 4
 }
end:  {...}
 
line: 13
column: 13
 }
 }
name: "cardMonth"
 }
init: Literal {...}
 
type: "Literal"
start: 399
end: 401
loc:  {...}
 
start:  {...}
 
line: 13
column: 16
 }
end:  {...}
 
line: 13
column: 18
 }
 }
value: ""
raw: "\"\""
 }
 }
 ]
kind: "let"
 }
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 402
end: 419
loc:  {...}
 
start:  {...}
 
line: 14
column: 0
 }
end:  {...}
 
line: 14
column: 17
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 406
end: 419
loc:  {...}
 
start:  {...}
 
line: 14
column: 4
 }
end:  {...}
 
line: 14
column: 17
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 406
end: 414
loc:  {...}
 
start:  {...}
 
line: 14
column: 4
 }
end:  {...}
 
line: 14
column: 12
 }
 }
name: "cardYear"
 }
init: Literal {...}
 
type: "Literal"
start: 417
end: 419
loc:  {...}
 
start:  {...}
 
line: 14
column: 15
 }
end:  {...}
 
line: 14
column: 17
 }
 }
value: ""
raw: "\"\""
 }
 }
 ]
kind: "let"
 }
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 420
end: 436
loc:  {...}
 
start:  {...}
 
line: 15
column: 0
 }
end:  {...}
 
line: 15
column: 16
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 424
end: 436
loc:  {...}
 
start:  {...}
 
line: 15
column: 4
 }
end:  {...}
 
line: 15
column: 16
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 424
end: 431
loc:  {...}
 
start:  {...}
 
line: 15
column: 4
 }
end:  {...}
 
line: 15
column: 11
 }
 }
name: "cardCvv"
 }
init: Literal {...}
 
type: "Literal"
start: 434
end: 436
loc:  {...}
 
start:  {...}
 
line: 15
column: 14
 }
end:  {...}
 
line: 15
column: 16
 }
 }
value: ""
raw: "\"\""
 }
 }
 ]
kind: "let"
 }
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 437
end: 479
loc:  {...}
 
start:  {...}
 
line: 16
column: 0
 }
end:  {...}
 
line: 16
column: 42
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 441
end: 479
loc:  {...}
 
start:  {...}
 
line: 16
column: 4
 }
end:  {...}
 
line: 16
column: 42
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 441
end: 452
loc:  {...}
 
start:  {...}
 
line: 16
column: 4
 }
end:  {...}
 
line: 16
column: 15
 }
 }
name: "minCardYear"
 }
init: CallExpression {...}
 
type: "CallExpression"
start: 455
end: 479
loc:  {...}
 
start:  {...}
 
line: 16
column: 18
 }
end:  {...}
 
line: 16
column: 42
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 455
end: 477
loc:  {...}
 
start:  {...}
 
line: 16
column: 18
 }
end:  {...}
 
line: 16
column: 40
 }
 }
object: NewExpression {...}
 
type: "NewExpression"
start: 455
end: 465
loc:  {...}
 
start:  {...}
 
line: 16
column: 18
 }
end:  {...}
 
line: 16
column: 28
 }
 }
callee: Identifier {...}
 
type: "Identifier"
start: 459
end: 463
loc:  {...}
 
start:  {...}
 
line: 16
column: 22
 }
end:  {...}
 
line: 16
column: 26
 }
 }
name: "Date"
 }
arguments: []
 }
property: Identifier {...}
 
type: "Identifier"
start: 466
end: 477
loc:  {...}
 
start:  {...}
 
line: 16
column: 29
 }
end:  {...}
 
line: 16
column: 40
 }
 }
name: "getFullYear"
 }
computed: false
optional: false
 }
arguments: []
optional: false
 }
 }
 ]
kind: "let"
 }
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 480
end: 518
loc:  {...}
 
start:  {...}
 
line: 17
column: 0
 }
end:  {...}
 
line: 17
column: 38
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 484
end: 518
loc:  {...}
 
start:  {...}
 
line: 17
column: 4
 }
end:  {...}
 
line: 17
column: 38
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 484
end: 496
loc:  {...}
 
start:  {...}
 
line: 17
column: 4
 }
end:  {...}
 
line: 17
column: 16
 }
 }
name: "amexCardMask"
 }
init: Literal {...}
 
type: "Literal"
start: 499
end: 518
loc:  {...}
 
start:  {...}
 
line: 17
column: 19
 }
end:  {...}
 
line: 17
column: 38
 }
 }
value: "#### ###### #####"
raw: "\"#### ###### #####\""
 }
 }
 ]
kind: "let"
 }
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 519
end: 560
loc:  {...}
 
start:  {...}
 
line: 18
column: 0
 }
end:  {...}
 
line: 18
column: 41
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 523
end: 560
loc:  {...}
 
start:  {...}
 
line: 18
column: 4
 }
end:  {...}
 
line: 18
column: 41
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 523
end: 536
loc:  {...}
 
start:  {...}
 
line: 18
column: 4
 }
end:  {...}
 
line: 18
column: 17
 }
 }
name: "otherCardMask"
 }
init: Literal {...}
 
type: "Literal"
start: 539
end: 560
loc:  {...}
 
start:  {...}
 
line: 18
column: 20
 }
end:  {...}
 
line: 18
column: 41
 }
 }
value: "#### #### #### ####"
raw: "\"#### #### #### ####\""
 }
 }
 ]
kind: "let"
 }
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 561
end: 574
loc:  {...}
 
start:  {...}
 
line: 19
column: 0
 }
end:  {...}
 
line: 19
column: 13
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 565
end: 573
loc:  {...}
 
start:  {...}
 
line: 19
column: 4
 }
end:  {...}
 
line: 19
column: 12
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 565
end: 573
loc:  {...}
 
start:  {...}
 
line: 19
column: 4
 }
end:  {...}
 
line: 19
column: 12
 }
 }
name: "cardType"
 }
init: null
 }
 ]
kind: "let"
 }
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 575
end: 600
loc:  {...}
 
start:  {...}
 
line: 20
column: 0
 }
end:  {...}
 
line: 20
column: 25
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 579
end: 600
loc:  {...}
 
start:  {...}
 
line: 20
column: 4
 }
end:  {...}
 
line: 20
column: 25
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 579
end: 592
loc:  {...}
 
start:  {...}
 
line: 20
column: 4
 }
end:  {...}
 
line: 20
column: 17
 }
 }
name: "isCardFlipped"
 }
init: Literal {...}
 
type: "Literal"
start: 595
end: 600
loc:  {...}
 
start:  {...}
 
line: 20
column: 20
 }
end:  {...}
 
line: 20
column: 25
 }
 }
value: false
raw: "false"
 }
 }
 ]
kind: "let"
 }
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 601
end: 629
loc:  {...}
 
start:  {...}
 
line: 21
column: 0
 }
end:  {...}
 
line: 21
column: 28
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 605
end: 629
loc:  {...}
 
start:  {...}
 
line: 21
column: 4
 }
end:  {...}
 
line: 21
column: 28
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 605
end: 622
loc:  {...}
 
start:  {...}
 
line: 21
column: 4
 }
end:  {...}
 
line: 21
column: 21
 }
 }
name: "focusElementStyle"
 }
init: Literal {...}
 
type: "Literal"
start: 625
end: 629
loc:  {...}
 
start:  {...}
 
line: 21
column: 24
 }
end:  {...}
 
line: 21
column: 28
 }
 }
value: null
raw: "null"
 }
 }
 ]
kind: "let"
 }
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 630
end: 656
loc:  {...}
 
start:  {...}
 
line: 22
column: 0
 }
end:  {...}
 
line: 22
column: 26
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 634
end: 656
loc:  {...}
 
start:  {...}
 
line: 22
column: 4
 }
end:  {...}
 
line: 22
column: 26
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 634
end: 648
loc:  {...}
 
start:  {...}
 
line: 22
column: 4
 }
end:  {...}
 
line: 22
column: 18
 }
 }
name: "isInputFocused"
 }
init: Literal {...}
 
type: "Literal"
start: 651
end: 656
loc:  {...}
 
start:  {...}
 
line: 22
column: 21
 }
end:  {...}
 
line: 22
column: 26
 }
 }
value: false
raw: "false"
 }
 }
 ]
kind: "let"
 }
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 657
end: 670
loc:  {...}
 
start:  {...}
 
line: 23
column: 0
 }
end:  {...}
 
line: 23
column: 13
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 661
end: 670
loc:  {...}
 
start:  {...}
 
line: 23
column: 4
 }
end:  {...}
 
line: 23
column: 13
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 661
end: 665
loc:  {...}
 
start:  {...}
 
line: 23
column: 4
 }
end:  {...}
 
line: 23
column: 8
 }
 }
name: "refs"
 }
init: ObjectExpression {...}
 
type: "ObjectExpression"
start: 668
end: 670
loc:  {...}
 
start:  {...}
 
line: 23
column: 11
 }
end:  {...}
 
line: 23
column: 13
 }
 }
properties: []
 }
 }
 ]
kind: "let"
 }
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 671
end: 690
loc:  {...}
 
start:  {...}
 
line: 24
column: 0
 }
end:  {...}
 
line: 24
column: 19
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 675
end: 689
loc:  {...}
 
start:  {...}
 
line: 24
column: 4
 }
end:  {...}
 
line: 24
column: 18
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 675
end: 689
loc:  {...}
 
start:  {...}
 
line: 24
column: 4
 }
end:  {...}
 
line: 24
column: 18
 }
 }
name: "cardNumberMask"
 }
init: null
 }
 ]
kind: "let"
 }
 ExpressionStatement {...}
 
type: "ExpressionStatement"
start: 692
end: 763
loc:  {...}
 
start:  {...}
 
line: 26
column: 0
 }
end:  {...}
 
line: 28
column: 2
 }
 }
expression: CallExpression {...}
 
type: "CallExpression"
start: 692
end: 763
loc:  {...}
 
start:  {...}
 
line: 26
column: 0
 }
end:  {...}
 
line: 28
column: 2
 }
 }
callee: Identifier {...}
 
type: "Identifier"
start: 692
end: 699
loc:  {...}
 
start:  {...}
 
line: 26
column: 0
 }
end:  {...}
 
line: 26
column: 7
 }
 }
name: "onMount"
 }
arguments: [...] (1)
 
 FunctionExpression {...}
 
type: "FunctionExpression"
start: 700
end: 762
loc:  {...}
 
start:  {...}
 
line: 26
column: 8
 }
end:  {...}
 
line: 28
column: 1
 }
 }
id: null
expression: false
generator: false
async: false
params: []
body: BlockStatement {...}
 
type: "BlockStatement"
start: 711
end: 762
loc:  {...}
 
start:  {...}
 
line: 26
column: 19
 }
end:  {...}
 
line: 28
column: 1
 }
 }
body: [...] (1)
 
 ExpressionStatement {...}
 
type: "ExpressionStatement"
start: 714
end: 760
loc:  {...}
 
start:  {...}
 
line: 27
column: 1
 }
end:  {...}
 
line: 27
column: 47
 }
 }
expression: CallExpression {...}
 
type: "CallExpression"
start: 714
end: 759
loc:  {...}
 
start:  {...}
 
line: 27
column: 1
 }
end:  {...}
 
line: 27
column: 46
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 714
end: 757
loc:  {...}
 
start:  {...}
 
line: 27
column: 1
 }
end:  {...}
 
line: 27
column: 44
 }
 }
object: CallExpression {...}
 
type: "CallExpression"
start: 714
end: 751
loc:  {...}
 
start:  {...}
 
line: 27
column: 1
 }
end:  {...}
 
line: 27
column: 38
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 714
end: 737
loc:  {...}
 
start:  {...}
 
line: 27
column: 1
 }
end:  {...}
 
line: 27
column: 24
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 714
end: 722
loc:  {...}
 
start:  {...}
 
line: 27
column: 1
 }
end:  {...}
 
line: 27
column: 9
 }
 }
name: "document"
 }
property: Identifier {...}
 
type: "Identifier"
start: 723
end: 737
loc:  {...}
 
start:  {...}
 
line: 27
column: 10
 }
end:  {...}
 
line: 27
column: 24
 }
 }
name: "getElementById"
 }
computed: false
optional: false
 }
arguments: [...] (1)
 
 Literal {...}
 
type: "Literal"
start: 738
end: 750
loc:  {...}
 
start:  {...}
 
line: 27
column: 25
 }
end:  {...}
 
line: 27
column: 37
 }
 }
value: "cardNumber"
raw: "\"cardNumber\""
 }
 ]
optional: false
 }
property: Identifier {...}
 
type: "Identifier"
start: 752
end: 757
loc:  {...}
 
start:  {...}
 
line: 27
column: 39
 }
end:  {...}
 
line: 27
column: 44
 }
 }
name: "focus"
 }
computed: false
optional: false
 }
arguments: []
optional: false
 }
 }
 ]
 }
 }
 ]
optional: false
 }
 }
 LabeledStatement {...}
 
type: "LabeledStatement"
start: 766
end: 822
loc:  {...}
 
start:  {...}
 
line: 31
column: 0
 }
end:  {...}
 
line: 31
column: 56
 }
 }
body: ExpressionStatement {...}
 
type: "ExpressionStatement"
start: 769
end: 822
loc:  {...}
 
start:  {...}
 
line: 31
column: 3
 }
end:  {...}
 
line: 31
column: 56
 }
 }
expression: AssignmentExpression {...}
 
type: "AssignmentExpression"
start: 769
end: 822
loc:  {...}
 
start:  {...}
 
line: 31
column: 3
 }
end:  {...}
 
line: 31
column: 56
 }
 }
operator: "="
left: Identifier {...}
 
type: "Identifier"
start: 769
end: 778
loc:  {...}
 
start:  {...}
 
line: 31
column: 3
 }
end:  {...}
 
line: 31
column: 12
 }
 }
name: "cardMonth"
 }
right: ConditionalExpression {...}
 
type: "ConditionalExpression"
start: 781
end: 822
loc:  {...}
 
start:  {...}
 
line: 31
column: 15
 }
end:  {...}
 
line: 31
column: 56
 }
 }
test: BinaryExpression {...}
 
type: "BinaryExpression"
start: 781
end: 805
loc:  {...}
 
start:  {...}
 
line: 31
column: 15
 }
end:  {...}
 
line: 31
column: 39
 }
 }
left: Identifier {...}
 
type: "Identifier"
start: 781
end: 790
loc:  {...}
 
start:  {...}
 
line: 31
column: 15
 }
end:  {...}
 
line: 31
column: 24
 }
 }
name: "cardMonth"
 }
operator: "<"
right: Identifier {...}
 
type: "Identifier"
start: 793
end: 805
loc:  {...}
 
start:  {...}
 
line: 31
column: 27
 }
end:  {...}
 
line: 31
column: 39
 }
 }
name: "minCardMonth"
 }
 }
consequent: Literal {...}
 
type: "Literal"
start: 808
end: 810
loc:  {...}
 
start:  {...}
 
line: 31
column: 42
 }
end:  {...}
 
line: 31
column: 44
 }
 }
value: ""
raw: "''"
 }
alternate: Identifier {...}
 
type: "Identifier"
start: 813
end: 822
loc:  {...}
 
start:  {...}
 
line: 31
column: 47
 }
end:  {...}
 
line: 31
column: 56
 }
 }
name: "cardMonth"
 }
 }
 }
 }
label: Identifier {...}
 
type: "Identifier"
start: 766
end: 767
loc:  {...}
 
start:  {...}
 
line: 31
column: 0
 }
end:  {...}
 
line: 31
column: 1
 }
 }
name: "$"
 }
 }
 LabeledStatement {...}
 
type: "LabeledStatement"
start: 823
end: 897
loc:  {...}
 
start:  {...}
 
line: 32
column: 0
 }
end:  {...}
 
line: 32
column: 74
 }
 }
body: ExpressionStatement {...}
 
type: "ExpressionStatement"
start: 826
end: 897
loc:  {...}
 
start:  {...}
 
line: 32
column: 3
 }
end:  {...}
 
line: 32
column: 74
 }
 }
expression: AssignmentExpression {...}
 
type: "AssignmentExpression"
start: 826
end: 897
loc:  {...}
 
start:  {...}
 
line: 32
column: 3
 }
end:  {...}
 
line: 32
column: 74
 }
 }
operator: "="
left: Identifier {...}
 
type: "Identifier"
start: 826
end: 838
loc:  {...}
 
start:  {...}
 
line: 32
column: 3
 }
end:  {...}
 
line: 32
column: 15
 }
 }
name: "minCardMonth"
 }
right: ConditionalExpression {...}
 
type: "ConditionalExpression"
start: 841
end: 897
loc:  {...}
 
start:  {...}
 
line: 32
column: 18
 }
end:  {...}
 
line: 32
column: 74
 }
 }
test: BinaryExpression {...}
 
type: "BinaryExpression"
start: 841
end: 865
loc:  {...}
 
start:  {...}
 
line: 32
column: 18
 }
end:  {...}
 
line: 32
column: 42
 }
 }
left: Identifier {...}
 
type: "Identifier"
start: 841
end: 849
loc:  {...}
 
start:  {...}
 
line: 32
column: 18
 }
end:  {...}
 
line: 32
column: 26
 }
 }
name: "cardYear"
 }
operator: "==="
right: Identifier {...}
 
type: "Identifier"
start: 854
end: 865
loc:  {...}
 
start:  {...}
 
line: 32
column: 31
 }
end:  {...}
 
line: 32
column: 42
 }
 }
name: "minCardYear"
 }
 }
consequent: BinaryExpression {...}
 
type: "BinaryExpression"
start: 868
end: 893
loc:  {...}
 
start:  {...}
 
line: 32
column: 45
 }
end:  {...}
 
line: 32
column: 70
 }
 }
left: CallExpression {...}
 
type: "CallExpression"
start: 868
end: 889
loc:  {...}
 
start:  {...}
 
line: 32
column: 45
 }
end:  {...}
 
line: 32
column: 66
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 868
end: 887
loc:  {...}
 
start:  {...}
 
line: 32
column: 45
 }
end:  {...}
 
line: 32
column: 64
 }
 }
object: NewExpression {...}
 
type: "NewExpression"
start: 868
end: 878
loc:  {...}
 
start:  {...}
 
line: 32
column: 45
 }
end:  {...}
 
line: 32
column: 55
 }
 }
callee: Identifier {...}
 
type: "Identifier"
start: 872
end: 876
loc:  {...}
 
start:  {...}
 
line: 32
column: 49
 }
end:  {...}
 
line: 32
column: 53
 }
 }
name: "Date"
 }
arguments: []
 }
property: Identifier {...}
 
type: "Identifier"
start: 879
end: 887
loc:  {...}
 
start:  {...}
 
line: 32
column: 56
 }
end:  {...}
 
line: 32
column: 64
 }
 }
name: "getMonth"
 }
computed: false
optional: false
 }
arguments: []
optional: false
 }
operator: "+"
right: Literal {...}
 
type: "Literal"
start: 892
end: 893
loc:  {...}
 
start:  {...}
 
line: 32
column: 69
 }
end:  {...}
 
line: 32
column: 70
 }
 }
value: 1
raw: "1"
 }
 }
alternate: Literal {...}
 
type: "Literal"
start: 896
end: 897
loc:  {...}
 
start:  {...}
 
line: 32
column: 73
 }
end:  {...}
 
line: 32
column: 74
 }
 }
value: 1
raw: "1"
 }
 }
 }
 }
label: Identifier {...}
 
type: "Identifier"
start: 823
end: 824
loc:  {...}
 
start:  {...}
 
line: 32
column: 0
 }
end:  {...}
 
line: 32
column: 1
 }
 }
name: "$"
 }
 }
 LabeledStatement {...}
 
type: "LabeledStatement"
start: 899
end: 1695
loc:  {...}
 
start:  {...}
 
line: 34
column: 0
 }
end:  {...}
 
line: 49
column: 1
 }
 }
body: BlockStatement {...}
 
type: "BlockStatement"
start: 902
end: 1695
loc:  {...}
 
start:  {...}
 
line: 34
column: 3
 }
end:  {...}
 
line: 49
column: 1
 }
 }
body: [...] (5)
 
 IfStatement {...}
 
type: "IfStatement"
start: 906
end: 1168
loc:  {...}
 
start:  {...}
 
line: 35
column: 2
 }
end:  {...}
 
line: 38
column: 25
 }
 }
test: BinaryExpression {...}
 
type: "BinaryExpression"
start: 910
end: 958
loc:  {...}
 
start:  {...}
 
line: 35
column: 6
 }
end:  {...}
 
line: 35
column: 54
 }
 }
left: CallExpression {...}
 
type: "CallExpression"
start: 910
end: 950
loc:  {...}
 
start:  {...}
 
line: 35
column: 6
 }
end:  {...}
 
line: 35
column: 46
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 910
end: 926
loc:  {...}
 
start:  {...}
 
line: 35
column: 6
 }
end:  {...}
 
line: 35
column: 22
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 910
end: 920
loc:  {...}
 
start:  {...}
 
line: 35
column: 6
 }
end:  {...}
 
line: 35
column: 16
 }
 }
name: "cardNumber"
 }
property: Identifier {...}
 
type: "Identifier"
start: 921
end: 926
loc:  {...}
 
start:  {...}
 
line: 35
column: 17
 }
end:  {...}
 
line: 35
column: 22
 }
 }
name: "match"
 }
computed: false
optional: false
 }
arguments: [...] (1)
 
 NewExpression {...}
 
type: "NewExpression"
start: 927
end: 949
loc:  {...}
 
start:  {...}
 
line: 35
column: 23
 }
end:  {...}
 
line: 35
column: 45
 }
 }
callee: Identifier {...}
 
type: "Identifier"
start: 931
end: 937
loc:  {...}
 
start:  {...}
 
line: 35
column: 27
 }
end:  {...}
 
line: 35
column: 33
 }
 }
name: "RegExp"
 }
arguments: [...] (1)
 
 Literal {...}
 
type: "Literal"
start: 938
end: 948
loc:  {...}
 
start:  {...}
 
line: 35
column: 34
 }
end:  {...}
 
line: 35
column: 44
 }
 }
value: "^(34|37)"
raw: "\"^(34|37)\""
 }
 ]
 }
 ]
optional: false
 }
operator: "!="
right: Literal {...}
 
type: "Literal"
start: 954
end: 958
loc:  {...}
 
start:  {...}
 
line: 35
column: 50
 }
end:  {...}
 
line: 35
column: 54
 }
 }
value: null
raw: "null"
 }
 }
consequent: ExpressionStatement {...}
 
type: "ExpressionStatement"
start: 960
end: 978
loc:  {...}
 
start:  {...}
 
line: 35
column: 56
 }
end:  {...}
 
line: 35
column: 74
 }
 }
expression: AssignmentExpression {...}
 
type: "AssignmentExpression"
start: 960
end: 977
loc:  {...}
 
start:  {...}
 
line: 35
column: 56
 }
end:  {...}
 
line: 35
column: 73
 }
 }
operator: "="
left: Identifier {...}
 
type: "Identifier"
start: 960
end: 968
loc:  {...}
 
start:  {...}
 
line: 35
column: 56
 }
end:  {...}
 
line: 35
column: 64
 }
 }
name: "cardType"
 }
right: Literal {...}
 
type: "Literal"
start: 971
end: 977
loc:  {...}
 
start:  {...}
 
line: 35
column: 67
 }
end:  {...}
 
line: 35
column: 73
 }
 }
value: "amex"
raw: "\"amex\""
 }
 }
 }
alternate: IfStatement {...}
 
type: "IfStatement"
start: 985
end: 1168
loc:  {...}
 
start:  {...}
 
line: 36
column: 6
 }
end:  {...}
 
line: 38
column: 25
 }
 }
test: BinaryExpression {...}
 
type: "BinaryExpression"
start: 989
end: 1036
loc:  {...}
 
start:  {...}
 
line: 36
column: 10
 }
end:  {...}
 
line: 36
column: 57
 }
 }
left: CallExpression {...}
 
type: "CallExpression"
start: 989
end: 1028
loc:  {...}
 
start:  {...}
 
line: 36
column: 10
 }
end:  {...}
 
line: 36
column: 49
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 989
end: 1005
loc:  {...}
 
start:  {...}
 
line: 36
column: 10
 }
end:  {...}
 
line: 36
column: 26
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 989
end: 999
loc:  {...}
 
start:  {...}
 
line: 36
column: 10
 }
end:  {...}
 
line: 36
column: 20
 }
 }
name: "cardNumber"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1000
end: 1005
loc:  {...}
 
start:  {...}
 
line: 36
column: 21
 }
end:  {...}
 
line: 36
column: 26
 }
 }
name: "match"
 }
computed: false
optional: false
 }
arguments: [...] (1)
 
 NewExpression {...}
 
type: "NewExpression"
start: 1006
end: 1027
loc:  {...}
 
start:  {...}
 
line: 36
column: 27
 }
end:  {...}
 
line: 36
column: 48
 }
 }
callee: Identifier {...}
 
type: "Identifier"
start: 1010
end: 1016
loc:  {...}
 
start:  {...}
 
line: 36
column: 31
 }
end:  {...}
 
line: 36
column: 37
 }
 }
name: "RegExp"
 }
arguments: [...] (1)
 
 Literal {...}
 
type: "Literal"
start: 1017
end: 1026
loc:  {...}
 
start:  {...}
 
line: 36
column: 38
 }
end:  {...}
 
line: 36
column: 47
 }
 }
value: "^5[1-5]"
raw: "\"^5[1-5]\""
 }
 ]
 }
 ]
optional: false
 }
operator: "!="
right: Literal {...}
 
type: "Literal"
start: 1032
end: 1036
loc:  {...}
 
start:  {...}
 
line: 36
column: 53
 }
end:  {...}
 
line: 36
column: 57
 }
 }
value: null
raw: "null"
 }
 }
consequent: ExpressionStatement {...}
 
type: "ExpressionStatement"
start: 1038
end: 1062
loc:  {...}
 
start:  {...}
 
line: 36
column: 59
 }
end:  {...}
 
line: 36
column: 83
 }
 }
expression: AssignmentExpression {...}
 
type: "AssignmentExpression"
start: 1038
end: 1061
loc:  {...}
 
start:  {...}
 
line: 36
column: 59
 }
end:  {...}
 
line: 36
column: 82
 }
 }
operator: "="
left: Identifier {...}
 
type: "Identifier"
start: 1038
end: 1046
loc:  {...}
 
start:  {...}
 
line: 36
column: 59
 }
end:  {...}
 
line: 36
column: 67
 }
 }
name: "cardType"
 }
right: Literal {...}
 
type: "Literal"
start: 1049
end: 1061
loc:  {...}
 
start:  {...}
 
line: 36
column: 70
 }
end:  {...}
 
line: 36
column: 82
 }
 }
value: "mastercard"
raw: "\"mastercard\""
 }
 }
 }
alternate: IfStatement {...}
 
type: "IfStatement"
start: 1069
end: 1168
loc:  {...}
 
start:  {...}
 
line: 37
column: 6
 }
end:  {...}
 
line: 38
column: 25
 }
 }
test: BinaryExpression {...}
 
type: "BinaryExpression"
start: 1073
end: 1118
loc:  {...}
 
start:  {...}
 
line: 37
column: 10
 }
end:  {...}
 
line: 37
column: 55
 }
 }
left: CallExpression {...}
 
type: "CallExpression"
start: 1073
end: 1110
loc:  {...}
 
start:  {...}
 
line: 37
column: 10
 }
end:  {...}
 
line: 37
column: 47
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 1073
end: 1089
loc:  {...}
 
start:  {...}
 
line: 37
column: 10
 }
end:  {...}
 
line: 37
column: 26
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1073
end: 1083
loc:  {...}
 
start:  {...}
 
line: 37
column: 10
 }
end:  {...}
 
line: 37
column: 20
 }
 }
name: "cardNumber"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1084
end: 1089
loc:  {...}
 
start:  {...}
 
line: 37
column: 21
 }
end:  {...}
 
line: 37
column: 26
 }
 }
name: "match"
 }
computed: false
optional: false
 }
arguments: [...] (1)
 
 NewExpression {...}
 
type: "NewExpression"
start: 1090
end: 1109
loc:  {...}
 
start:  {...}
 
line: 37
column: 27
 }
end:  {...}
 
line: 37
column: 46
 }
 }
callee: Identifier {...}
 
type: "Identifier"
start: 1094
end: 1100
loc:  {...}
 
start:  {...}
 
line: 37
column: 31
 }
end:  {...}
 
line: 37
column: 37
 }
 }
name: "RegExp"
 }
arguments: [...] (1)
 
 Literal {...}
 
type: "Literal"
start: 1101
end: 1108
loc:  {...}
 
start:  {...}
 
line: 37
column: 38
 }
end:  {...}
 
line: 37
column: 45
 }
 }
value: "^6011"
raw: "\"^6011\""
 }
 ]
 }
 ]
optional: false
 }
operator: "!="
right: Literal {...}
 
type: "Literal"
start: 1114
end: 1118
loc:  {...}
 
start:  {...}
 
line: 37
column: 51
 }
end:  {...}
 
line: 37
column: 55
 }
 }
value: null
raw: "null"
 }
 }
consequent: ExpressionStatement {...}
 
type: "ExpressionStatement"
start: 1120
end: 1142
loc:  {...}
 
start:  {...}
 
line: 37
column: 57
 }
end:  {...}
 
line: 37
column: 79
 }
 }
expression: AssignmentExpression {...}
 
type: "AssignmentExpression"
start: 1120
end: 1141
loc:  {...}
 
start:  {...}
 
line: 37
column: 57
 }
end:  {...}
 
line: 37
column: 78
 }
 }
operator: "="
left: Identifier {...}
 
type: "Identifier"
start: 1120
end: 1128
loc:  {...}
 
start:  {...}
 
line: 37
column: 57
 }
end:  {...}
 
line: 37
column: 65
 }
 }
name: "cardType"
 }
right: Literal {...}
 
type: "Literal"
start: 1131
end: 1141
loc:  {...}
 
start:  {...}
 
line: 37
column: 68
 }
end:  {...}
 
line: 37
column: 78
 }
 }
value: "discover"
raw: "\"discover\""
 }
 }
 }
alternate: ExpressionStatement {...}
 
type: "ExpressionStatement"
start: 1150
end: 1168
loc:  {...}
 
start:  {...}
 
line: 38
column: 7
 }
end:  {...}
 
line: 38
column: 25
 }
 }
expression: AssignmentExpression {...}
 
type: "AssignmentExpression"
start: 1150
end: 1167
loc:  {...}
 
start:  {...}
 
line: 38
column: 7
 }
end:  {...}
 
line: 38
column: 24
 }
 }
operator: "="
left: Identifier {...}
 
type: "Identifier"
start: 1150
end: 1158
loc:  {...}
 
start:  {...}
 
line: 38
column: 7
 }
end:  {...}
 
line: 38
column: 15
 }
 }
name: "cardType"
 }
right: Literal {...}
 
type: "Literal"
start: 1161
end: 1167
loc:  {...}
 
start:  {...}
 
line: 38
column: 18
 }
end:  {...}
 
line: 38
column: 24
 }
 }
value: "visa"
raw: "\"visa\""
 }
 }
 }
 }
 }
trailingComments: [...] (1)
 
 Line {...}
 
type: "Line"
value: " default type"
start: 1169
end: 1184
 }
 ]
 }
 ExpressionStatement {...}
 
type: "ExpressionStatement"
start: 1188
end: 1256
loc:  {...}
 
start:  {...}
 
line: 40
column: 2
 }
end:  {...}
 
line: 40
column: 70
 }
 }
expression: AssignmentExpression {...}
 
type: "AssignmentExpression"
start: 1188
end: 1255
loc:  {...}
 
start:  {...}
 
line: 40
column: 2
 }
end:  {...}
 
line: 40
column: 69
 }
 }
operator: "="
left: Identifier {...}
 
type: "Identifier"
start: 1188
end: 1202
loc:  {...}
 
start:  {...}
 
line: 40
column: 2
 }
end:  {...}
 
line: 40
column: 16
 }
 }
name: "cardNumberMask"
 }
right: ConditionalExpression {...}
 
type: "ConditionalExpression"
start: 1205
end: 1255
loc:  {...}
 
start:  {...}
 
line: 40
column: 19
 }
end:  {...}
 
line: 40
column: 69
 }
 }
test: BinaryExpression {...}
 
type: "BinaryExpression"
start: 1205
end: 1224
loc:  {...}
 
start:  {...}
 
line: 40
column: 19
 }
end:  {...}
 
line: 40
column: 38
 }
 }
left: Identifier {...}
 
type: "Identifier"
start: 1205
end: 1213
loc:  {...}
 
start:  {...}
 
line: 40
column: 19
 }
end:  {...}
 
line: 40
column: 27
 }
 }
name: "cardType"
 }
operator: "==="
right: Literal {...}
 
type: "Literal"
start: 1218
end: 1224
loc:  {...}
 
start:  {...}
 
line: 40
column: 32
 }
end:  {...}
 
line: 40
column: 38
 }
 }
value: "amex"
raw: "\"amex\""
 }
 }
consequent: Identifier {...}
 
type: "Identifier"
start: 1227
end: 1239
loc:  {...}
 
start:  {...}
 
line: 40
column: 41
 }
end:  {...}
 
line: 40
column: 53
 }
 }
name: "amexCardMask"
 }
alternate: Identifier {...}
 
type: "Identifier"
start: 1242
end: 1255
loc:  {...}
 
start:  {...}
 
line: 40
column: 56
 }
end:  {...}
 
line: 40
column: 69
 }
 }
name: "otherCardMask"
 }
 }
 }
 }
 ForStatement {...}
 
type: "ForStatement"
start: 1293
end: 1517
loc:  {...}
 
start:  {...}
 
line: 44
column: 2
 }
end:  {...}
 
line: 46
column: 2
 }
 }
init: VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 1298
end: 1311
loc:  {...}
 
start:  {...}
 
line: 44
column: 7
 }
end:  {...}
 
line: 44
column: 20
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 1302
end: 1311
loc:  {...}
 
start:  {...}
 
line: 44
column: 11
 }
end:  {...}
 
line: 44
column: 20
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 1302
end: 1307
loc:  {...}
 
start:  {...}
 
line: 44
column: 11
 }
end:  {...}
 
line: 44
column: 16
 }
 }
name: "index"
 }
init: Literal {...}
 
type: "Literal"
start: 1310
end: 1311
loc:  {...}
 
start:  {...}
 
line: 44
column: 19
 }
end:  {...}
 
line: 44
column: 20
 }
 }
value: 0
raw: "0"
 }
 }
 ]
kind: "let"
 }
test: BinaryExpression {...}
 
type: "BinaryExpression"
start: 1313
end: 1338
loc:  {...}
 
start:  {...}
 
line: 44
column: 22
 }
end:  {...}
 
line: 44
column: 47
 }
 }
left: Identifier {...}
 
type: "Identifier"
start: 1313
end: 1318
loc:  {...}
 
start:  {...}
 
line: 44
column: 22
 }
end:  {...}
 
line: 44
column: 27
 }
 }
name: "index"
 }
operator: "<"
right: MemberExpression {...}
 
type: "MemberExpression"
start: 1321
end: 1338
loc:  {...}
 
start:  {...}
 
line: 44
column: 30
 }
end:  {...}
 
line: 44
column: 47
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1321
end: 1331
loc:  {...}
 
start:  {...}
 
line: 44
column: 30
 }
end:  {...}
 
line: 44
column: 40
 }
 }
name: "cardNumber"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1332
end: 1338
loc:  {...}
 
start:  {...}
 
line: 44
column: 41
 }
end:  {...}
 
line: 44
column: 47
 }
 }
name: "length"
 }
computed: false
optional: false
 }
 }
update: UpdateExpression {...}
 
type: "UpdateExpression"
start: 1340
end: 1347
loc:  {...}
 
start:  {...}
 
line: 44
column: 49
 }
end:  {...}
 
line: 44
column: 56
 }
 }
operator: "++"
prefix: false
argument: Identifier {...}
 
type: "Identifier"
start: 1340
end: 1345
loc:  {...}
 
start:  {...}
 
line: 44
column: 49
 }
end:  {...}
 
line: 44
column: 54
 }
 }
name: "index"
 }
 }
body: BlockStatement {...}
 
type: "BlockStatement"
start: 1349
end: 1517
loc:  {...}
 
start:  {...}
 
line: 44
column: 58
 }
end:  {...}
 
line: 46
column: 2
 }
 }
body: [...] (1)
 
 IfStatement {...}
 
type: "IfStatement"
start: 1353
end: 1514
loc:  {...}
 
start:  {...}
 
line: 45
column: 2
 }
end:  {...}
 
line: 45
column: 163
 }
 }
test: LogicalExpression {...}
 
type: "LogicalExpression"
start: 1357
end: 1414
loc:  {...}
 
start:  {...}
 
line: 45
column: 6
 }
end:  {...}
 
line: 45
column: 63
 }
 }
left: BinaryExpression {...}
 
type: "BinaryExpression"
start: 1357
end: 1385
loc:  {...}
 
start:  {...}
 
line: 45
column: 6
 }
end:  {...}
 
line: 45
column: 34
 }
 }
left: MemberExpression {...}
 
type: "MemberExpression"
start: 1357
end: 1378
loc:  {...}
 
start:  {...}
 
line: 45
column: 6
 }
end:  {...}
 
line: 45
column: 27
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1357
end: 1371
loc:  {...}
 
start:  {...}
 
line: 45
column: 6
 }
end:  {...}
 
line: 45
column: 20
 }
 }
name: "cardNumberMask"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1372
end: 1377
loc:  {...}
 
start:  {...}
 
line: 45
column: 21
 }
end:  {...}
 
line: 45
column: 26
 }
 }
name: "index"
 }
computed: true
optional: false
 }
operator: "=="
right: Literal {...}
 
type: "Literal"
start: 1382
end: 1385
loc:  {...}
 
start:  {...}
 
line: 45
column: 31
 }
end:  {...}
 
line: 45
column: 34
 }
 }
value: " "
raw: "' '"
 }
 }
operator: "&&"
right: BinaryExpression {...}
 
type: "BinaryExpression"
start: 1389
end: 1414
loc:  {...}
 
start:  {...}
 
line: 45
column: 38
 }
end:  {...}
 
line: 45
column: 63
 }
 }
left: MemberExpression {...}
 
type: "MemberExpression"
start: 1389
end: 1406
loc:  {...}
 
start:  {...}
 
line: 45
column: 38
 }
end:  {...}
 
line: 45
column: 55
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1389
end: 1399
loc:  {...}
 
start:  {...}
 
line: 45
column: 38
 }
end:  {...}
 
line: 45
column: 48
 }
 }
name: "cardNumber"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1400
end: 1405
loc:  {...}
 
start:  {...}
 
line: 45
column: 49
 }
end:  {...}
 
line: 45
column: 54
 }
 }
name: "index"
 }
computed: true
optional: false
 }
operator: "!=="
right: Literal {...}
 
type: "Literal"
start: 1411
end: 1414
loc:  {...}
 
start:  {...}
 
line: 45
column: 60
 }
end:  {...}
 
line: 45
column: 63
 }
 }
value: " "
raw: "' '"
 }
 }
 }
consequent: ExpressionStatement {...}
 
type: "ExpressionStatement"
start: 1416
end: 1514
loc:  {...}
 
start:  {...}
 
line: 45
column: 65
 }
end:  {...}
 
line: 45
column: 163
 }
 }
expression: AssignmentExpression {...}
 
type: "AssignmentExpression"
start: 1416
end: 1514
loc:  {...}
 
start:  {...}
 
line: 45
column: 65
 }
end:  {...}
 
line: 45
column: 163
 }
 }
operator: "="
left: Identifier {...}
 
type: "Identifier"
start: 1416
end: 1426
loc:  {...}
 
start:  {...}
 
line: 45
column: 65
 }
end:  {...}
 
line: 45
column: 75
 }
 }
name: "cardNumber"
 }
right: BinaryExpression {...}
 
type: "BinaryExpression"
start: 1429
end: 1514
loc:  {...}
 
start:  {...}
 
line: 45
column: 78
 }
end:  {...}
 
line: 45
column: 163
 }
 }
left: BinaryExpression {...}
 
type: "BinaryExpression"
start: 1429
end: 1462
loc:  {...}
 
start:  {...}
 
line: 45
column: 78
 }
end:  {...}
 
line: 45
column: 111
 }
 }
left: CallExpression {...}
 
type: "CallExpression"
start: 1429
end: 1456
loc:  {...}
 
start:  {...}
 
line: 45
column: 78
 }
end:  {...}
 
line: 45
column: 105
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 1429
end: 1446
loc:  {...}
 
start:  {...}
 
line: 45
column: 78
 }
end:  {...}
 
line: 45
column: 95
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1429
end: 1439
loc:  {...}
 
start:  {...}
 
line: 45
column: 78
 }
end:  {...}
 
line: 45
column: 88
 }
 }
name: "cardNumber"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1440
end: 1446
loc:  {...}
 
start:  {...}
 
line: 45
column: 89
 }
end:  {...}
 
line: 45
column: 95
 }
 }
name: "substr"
 }
computed: false
optional: false
 }
arguments: [...] (2)
 
 Literal {...}
 
type: "Literal"
start: 1447
end: 1448
loc:  {...}
 
start:  {...}
 
line: 45
column: 96
 }
end:  {...}
 
line: 45
column: 97
 }
 }
value: 0
raw: "0"
 }
 Identifier {...}
 
type: "Identifier"
start: 1450
end: 1455
loc:  {...}
 
start:  {...}
 
line: 45
column: 99
 }
end:  {...}
 
line: 45
column: 104
 }
 }
name: "index"
 }
 ]
optional: false
 }
operator: "+"
right: Literal {...}
 
type: "Literal"
start: 1459
end: 1462
loc:  {...}
 
start:  {...}
 
line: 45
column: 108
 }
end:  {...}
 
line: 45
column: 111
 }
 }
value: " "
raw: "' '"
 }
 }
operator: "+"
right: CallExpression {...}
 
type: "CallExpression"
start: 1465
end: 1514
loc:  {...}
 
start:  {...}
 
line: 45
column: 114
 }
end:  {...}
 
line: 45
column: 163
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 1465
end: 1482
loc:  {...}
 
start:  {...}
 
line: 45
column: 114
 }
end:  {...}
 
line: 45
column: 131
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1465
end: 1475
loc:  {...}
 
start:  {...}
 
line: 45
column: 114
 }
end:  {...}
 
line: 45
column: 124
 }
 }
name: "cardNumber"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1476
end: 1482
loc:  {...}
 
start:  {...}
 
line: 45
column: 125
 }
end:  {...}
 
line: 45
column: 131
 }
 }
name: "substr"
 }
computed: false
optional: false
 }
arguments: [...] (2)
 
 Identifier {...}
 
type: "Identifier"
start: 1483
end: 1488
loc:  {...}
 
start:  {...}
 
line: 45
column: 132
 }
end:  {...}
 
line: 45
column: 137
 }
 }
name: "index"
 }
 BinaryExpression {...}
 
type: "BinaryExpression"
start: 1490
end: 1513
loc:  {...}
 
start:  {...}
 
line: 45
column: 139
 }
end:  {...}
 
line: 45
column: 162
 }
 }
left: MemberExpression {...}
 
type: "MemberExpression"
start: 1490
end: 1507
loc:  {...}
 
start:  {...}
 
line: 45
column: 139
 }
end:  {...}
 
line: 45
column: 156
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1490
end: 1500
loc:  {...}
 
start:  {...}
 
line: 45
column: 139
 }
end:  {...}
 
line: 45
column: 149
 }
 }
name: "cardNumber"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1501
end: 1507
loc:  {...}
 
start:  {...}
 
line: 45
column: 150
 }
end:  {...}
 
line: 45
column: 156
 }
 }
name: "length"
 }
computed: false
optional: false
 }
operator: "-"
right: Identifier {...}
 
type: "Identifier"
start: 1508
end: 1513
loc:  {...}
 
start:  {...}
 
line: 45
column: 157
 }
end:  {...}
 
line: 45
column: 162
 }
 }
name: "index"
 }
 }
 ]
optional: false
 }
 }
 }
 }
alternate: null
 }
 ]
 }
leadingComments: [...] (1)
 
 Line {...}
 
type: "Line"
value: " Credit card input masking"
start: 1260
end: 1288
 }
 ]
 }
 IfStatement {...}
 
type: "IfStatement"
start: 1520
end: 1610
loc:  {...}
 
start:  {...}
 
line: 47
column: 2
 }
end:  {...}
 
line: 47
column: 92
 }
 }
test: BinaryExpression {...}
 
type: "BinaryExpression"
start: 1524
end: 1554
loc:  {...}
 
start:  {...}
 
line: 47
column: 6
 }
end:  {...}
 
line: 47
column: 36
 }
 }
left: CallExpression {...}
 
type: "CallExpression"
start: 1524
end: 1547
loc:  {...}
 
start:  {...}
 
line: 47
column: 6
 }
end:  {...}
 
line: 47
column: 29
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 1524
end: 1541
loc:  {...}
 
start:  {...}
 
line: 47
column: 6
 }
end:  {...}
 
line: 47
column: 23
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1524
end: 1534
loc:  {...}
 
start:  {...}
 
line: 47
column: 6
 }
end:  {...}
 
line: 47
column: 16
 }
 }
name: "cardNumber"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1535
end: 1541
loc:  {...}
 
start:  {...}
 
line: 47
column: 17
 }
end:  {...}
 
line: 47
column: 23
 }
 }
name: "substr"
 }
computed: false
optional: false
 }
arguments: [...] (1)
 
 Literal {...}
 
type: "Literal"
start: 1542
end: 1546
loc:  {...}
 
start:  {...}
 
line: 47
column: 24
 }
end:  {...}
 
line: 47
column: 28
 }
 }
value: "-1"
raw: "'-1'"
 }
 ]
optional: false
 }
operator: "=="
right: Literal {...}
 
type: "Literal"
start: 1551
end: 1554
loc:  {...}
 
start:  {...}
 
line: 47
column: 33
 }
end:  {...}
 
line: 47
column: 36
 }
 }
value: " "
raw: "' '"
 }
 }
consequent: ExpressionStatement {...}
 
type: "ExpressionStatement"
start: 1556
end: 1610
loc:  {...}
 
start:  {...}
 
line: 47
column: 38
 }
end:  {...}
 
line: 47
column: 92
 }
 }
expression: AssignmentExpression {...}
 
type: "AssignmentExpression"
start: 1556
end: 1610
loc:  {...}
 
start:  {...}
 
line: 47
column: 38
 }
end:  {...}
 
line: 47
column: 92
 }
 }
operator: "="
left: Identifier {...}
 
type: "Identifier"
start: 1556
end: 1566
loc:  {...}
 
start:  {...}
 
line: 47
column: 38
 }
end:  {...}
 
line: 47
column: 48
 }
 }
name: "cardNumber"
 }
right: CallExpression {...}
 
type: "CallExpression"
start: 1569
end: 1610
loc:  {...}
 
start:  {...}
 
line: 47
column: 51
 }
end:  {...}
 
line: 47
column: 92
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 1569
end: 1586
loc:  {...}
 
start:  {...}
 
line: 47
column: 51
 }
end:  {...}
 
line: 47
column: 68
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1569
end: 1579
loc:  {...}
 
start:  {...}
 
line: 47
column: 51
 }
end:  {...}
 
line: 47
column: 61
 }
 }
name: "cardNumber"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1580
end: 1586
loc:  {...}
 
start:  {...}
 
line: 47
column: 62
 }
end:  {...}
 
line: 47
column: 68
 }
 }
name: "substr"
 }
computed: false
optional: false
 }
arguments: [...] (2)
 
 Literal {...}
 
type: "Literal"
start: 1587
end: 1588
loc:  {...}
 
start:  {...}
 
line: 47
column: 69
 }
end:  {...}
 
line: 47
column: 70
 }
 }
value: 0
raw: "0"
 }
 BinaryExpression {...}
 
type: "BinaryExpression"
start: 1590
end: 1609
loc:  {...}
 
start:  {...}
 
line: 47
column: 72
 }
end:  {...}
 
line: 47
column: 91
 }
 }
left: MemberExpression {...}
 
type: "MemberExpression"
start: 1590
end: 1607
loc:  {...}
 
start:  {...}
 
line: 47
column: 72
 }
end:  {...}
 
line: 47
column: 89
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1590
end: 1600
loc:  {...}
 
start:  {...}
 
line: 47
column: 72
 }
end:  {...}
 
line: 47
column: 82
 }
 }
name: "cardNumber"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1601
end: 1607
loc:  {...}
 
start:  {...}
 
line: 47
column: 83
 }
end:  {...}
 
line: 47
column: 89
 }
 }
name: "length"
 }
computed: false
optional: false
 }
operator: "-"
right: Literal {...}
 
type: "Literal"
start: 1608
end: 1609
loc:  {...}
 
start:  {...}
 
line: 47
column: 90
 }
end:  {...}
 
line: 47
column: 91
 }
 }
value: 1
raw: "1"
 }
 }
 ]
optional: false
 }
 }
 }
alternate: null
 }
 ExpressionStatement {...}
 
type: "ExpressionStatement"
start: 1613
end: 1693
loc:  {...}
 
start:  {...}
 
line: 48
column: 2
 }
end:  {...}
 
line: 48
column: 82
 }
 }
expression: AssignmentExpression {...}
 
type: "AssignmentExpression"
start: 1613
end: 1693
loc:  {...}
 
start:  {...}
 
line: 48
column: 2
 }
end:  {...}
 
line: 48
column: 82
 }
 }
operator: "="
left: Identifier {...}
 
type: "Identifier"
start: 1613
end: 1623
loc:  {...}
 
start:  {...}
 
line: 48
column: 2
 }
end:  {...}
 
line: 48
column: 12
 }
 }
name: "cardNumber"
 }
right: CallExpression {...}
 
type: "CallExpression"
start: 1626
end: 1693
loc:  {...}
 
start:  {...}
 
line: 48
column: 15
 }
end:  {...}
 
line: 48
column: 82
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 1626
end: 1677
loc:  {...}
 
start:  {...}
 
line: 48
column: 15
 }
end:  {...}
 
line: 48
column: 66
 }
 }
object: CallExpression {...}
 
type: "CallExpression"
start: 1626
end: 1669
loc:  {...}
 
start:  {...}
 
line: 48
column: 15
 }
end:  {...}
 
line: 48
column: 58
 }
 }
callee: MemberExpression {...}
 
type: "MemberExpression"
start: 1626
end: 1643
loc:  {...}
 
start:  {...}
 
line: 48
column: 15
 }
end:  {...}
 
line: 48
column: 32
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1626
end: 1636
loc:  {...}
 
start:  {...}
 
line: 48
column: 15
 }
end:  {...}
 
line: 48
column: 25
 }
 }
name: "cardNumber"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1637
end: 1643
loc:  {...}
 
start:  {...}
 
line: 48
column: 26
 }
end:  {...}
 
line: 48
column: 32
 }
 }
name: "substr"
 }
computed: false
optional: false
 }
arguments: [...] (2)
 
 Literal {...}
 
type: "Literal"
start: 1644
end: 1645
loc:  {...}
 
start:  {...}
 
line: 48
column: 33
 }
end:  {...}
 
line: 48
column: 34
 }
 }
value: 0
raw: "0"
 }
 MemberExpression {...}
 
type: "MemberExpression"
start: 1647
end: 1668
loc:  {...}
 
start:  {...}
 
line: 48
column: 36
 }
end:  {...}
 
line: 48
column: 57
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1647
end: 1661
loc:  {...}
 
start:  {...}
 
line: 48
column: 36
 }
end:  {...}
 
line: 48
column: 50
 }
 }
name: "cardNumberMask"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1662
end: 1668
loc:  {...}
 
start:  {...}
 
line: 48
column: 51
 }
end:  {...}
 
line: 48
column: 57
 }
 }
name: "length"
 }
computed: false
optional: false
 }
 ]
optional: false
 }
property: Identifier {...}
 
type: "Identifier"
start: 1670
end: 1677
loc:  {...}
 
start:  {...}
 
line: 48
column: 59
 }
end:  {...}
 
line: 48
column: 66
 }
 }
name: "replace"
 }
computed: false
optional: false
 }
arguments: [...] (2)
 
 Literal {...}
 
type: "Literal"
start: 1678
end: 1688
loc:  {...}
 
start:  {...}
 
line: 48
column: 67
 }
end:  {...}
 
line: 48
column: 77
 }
 }
value:  {...}
 
 }
raw: "/[^0-9 ]/g"
regex:  {...}
 
pattern: "[^0-9 ]"
flags: "g"
 }
 }
 Literal {...}
 
type: "Literal"
start: 1690
end: 1692
loc:  {...}
 
start:  {...}
 
line: 48
column: 79
 }
end:  {...}
 
line: 48
column: 81
 }
 }
value: ""
raw: "''"
 }
 ]
optional: false
 }
 }
 }
 ]
 }
label: Identifier {...}
 
type: "Identifier"
start: 899
end: 900
loc:  {...}
 
start:  {...}
 
line: 34
column: 0
 }
end:  {...}
 
line: 34
column: 1
 }
 }
name: "$"
 }
 }
 FunctionDeclaration {...}
 
type: "FunctionDeclaration"
start: 1697
end: 1996
loc:  {...}
 
start:  {...}
 
line: 51
column: 0
 }
end:  {...}
 
line: 56
column: 1
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 1706
end: 1716
loc:  {...}
 
start:  {...}
 
line: 51
column: 9
 }
end:  {...}
 
line: 51
column: 19
 }
 }
name: "focusInput"
 }
expression: false
generator: false
async: false
params: [...] (1)
 
 Identifier {...}
 
type: "Identifier"
start: 1717
end: 1718
loc:  {...}
 
start:  {...}
 
line: 51
column: 20
 }
end:  {...}
 
line: 51
column: 21
 }
 }
name: "e"
 }
 ]
body: BlockStatement {...}
 
type: "BlockStatement"
start: 1720
end: 1996
loc:  {...}
 
start:  {...}
 
line: 51
column: 23
 }
end:  {...}
 
line: 56
column: 1
 }
 }
body: [...] (4)
 
 ExpressionStatement {...}
 
type: "ExpressionStatement"
start: 1723
end: 1745
loc:  {...}
 
start:  {...}
 
line: 52
column: 1
 }
end:  {...}
 
line: 52
column: 23
 }
 }
expression: AssignmentExpression {...}
 
type: "AssignmentExpression"
start: 1723
end: 1744
loc:  {...}
 
start:  {...}
 
line: 52
column: 1
 }
end:  {...}
 
line: 52
column: 22
 }
 }
operator: "="
left: Identifier {...}
 
type: "Identifier"
start: 1723
end: 1737
loc:  {...}
 
start:  {...}
 
line: 52
column: 1
 }
end:  {...}
 
line: 52
column: 15
 }
 }
name: "isInputFocused"
 }
right: Literal {...}
 
type: "Literal"
start: 1740
end: 1744
loc:  {...}
 
start:  {...}
 
line: 52
column: 18
 }
end:  {...}
 
line: 52
column: 22
 }
 }
value: true
raw: "true"
 }
 }
 }
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 1748
end: 1785
loc:  {...}
 
start:  {...}
 
line: 53
column: 2
 }
end:  {...}
 
line: 53
column: 39
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 1752
end: 1784
loc:  {...}
 
start:  {...}
 
line: 53
column: 6
 }
end:  {...}
 
line: 53
column: 38
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 1752
end: 1761
loc:  {...}
 
start:  {...}
 
line: 53
column: 6
 }
end:  {...}
 
line: 53
column: 15
 }
 }
name: "targetRef"
 }
init: MemberExpression {...}
 
type: "MemberExpression"
start: 1764
end: 1784
loc:  {...}
 
start:  {...}
 
line: 53
column: 18
 }
end:  {...}
 
line: 53
column: 38
 }
 }
object: MemberExpression {...}
 
type: "MemberExpression"
start: 1764
end: 1780
loc:  {...}
 
start:  {...}
 
line: 53
column: 18
 }
end:  {...}
 
line: 53
column: 34
 }
 }
object: MemberExpression {...}
 
type: "MemberExpression"
start: 1764
end: 1772
loc:  {...}
 
start:  {...}
 
line: 53
column: 18
 }
end:  {...}
 
line: 53
column: 26
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1764
end: 1765
loc:  {...}
 
start:  {...}
 
line: 53
column: 18
 }
end:  {...}
 
line: 53
column: 19
 }
 }
name: "e"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1766
end: 1772
loc:  {...}
 
start:  {...}
 
line: 53
column: 20
 }
end:  {...}
 
line: 53
column: 26
 }
 }
name: "target"
 }
computed: false
optional: false
 }
property: Identifier {...}
 
type: "Identifier"
start: 1773
end: 1780
loc:  {...}
 
start:  {...}
 
line: 53
column: 27
 }
end:  {...}
 
line: 53
column: 34
 }
 }
name: "dataset"
 }
computed: false
optional: false
 }
property: Identifier {...}
 
type: "Identifier"
start: 1781
end: 1784
loc:  {...}
 
start:  {...}
 
line: 53
column: 35
 }
end:  {...}
 
line: 53
column: 38
 }
 }
name: "ref"
 }
computed: false
optional: false
 }
 }
 ]
kind: "let"
 }
 VariableDeclaration {...}
 
type: "VariableDeclaration"
start: 1787
end: 1816
loc:  {...}
 
start:  {...}
 
line: 54
column: 1
 }
end:  {...}
 
line: 54
column: 30
 }
 }
declarations: [...] (1)
 
 VariableDeclarator {...}
 
type: "VariableDeclarator"
start: 1791
end: 1815
loc:  {...}
 
start:  {...}
 
line: 54
column: 5
 }
end:  {...}
 
line: 54
column: 29
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 1791
end: 1797
loc:  {...}
 
start:  {...}
 
line: 54
column: 5
 }
end:  {...}
 
line: 54
column: 11
 }
 }
name: "target"
 }
init: MemberExpression {...}
 
type: "MemberExpression"
start: 1800
end: 1815
loc:  {...}
 
start:  {...}
 
line: 54
column: 14
 }
end:  {...}
 
line: 54
column: 29
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1800
end: 1804
loc:  {...}
 
start:  {...}
 
line: 54
column: 14
 }
end:  {...}
 
line: 54
column: 18
 }
 }
name: "refs"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1805
end: 1814
loc:  {...}
 
start:  {...}
 
line: 54
column: 19
 }
end:  {...}
 
line: 54
column: 28
 }
 }
name: "targetRef"
 }
computed: true
optional: false
 }
 }
 ]
kind: "let"
 }
 ExpressionStatement {...}
 
type: "ExpressionStatement"
start: 1818
end: 1994
loc:  {...}
 
start:  {...}
 
line: 55
column: 1
 }
end:  {...}
 
line: 55
column: 177
 }
 }
expression: AssignmentExpression {...}
 
type: "AssignmentExpression"
start: 1818
end: 1994
loc:  {...}
 
start:  {...}
 
line: 55
column: 1
 }
end:  {...}
 
line: 55
column: 177
 }
 }
operator: "="
left: Identifier {...}
 
type: "Identifier"
start: 1818
end: 1835
loc:  {...}
 
start:  {...}
 
line: 55
column: 1
 }
end:  {...}
 
line: 55
column: 18
 }
 }
name: "focusElementStyle"
 }
right: TemplateLiteral {...}
 
type: "TemplateLiteral"
start: 1838
end: 1994
loc:  {...}
 
start:  {...}
 
line: 55
column: 21
 }
end:  {...}
 
line: 55
column: 177
 }
 }
expressions: [...] (4)
 
 MemberExpression {...}
 
type: "MemberExpression"
start: 1859
end: 1877
loc:  {...}
 
start:  {...}
 
line: 55
column: 42
 }
end:  {...}
 
line: 55
column: 60
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1859
end: 1865
loc:  {...}
 
start:  {...}
 
line: 55
column: 42
 }
end:  {...}
 
line: 55
column: 48
 }
 }
name: "target"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1866
end: 1877
loc:  {...}
 
start:  {...}
 
line: 55
column: 49
 }
end:  {...}
 
line: 55
column: 60
 }
 }
name: "offsetWidth"
 }
computed: false
optional: false
 }
 MemberExpression {...}
 
type: "MemberExpression"
start: 1891
end: 1910
loc:  {...}
 
start:  {...}
 
line: 55
column: 74
 }
end:  {...}
 
line: 55
column: 93
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1891
end: 1897
loc:  {...}
 
start:  {...}
 
line: 55
column: 74
 }
end:  {...}
 
line: 55
column: 80
 }
 }
name: "target"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1898
end: 1910
loc:  {...}
 
start:  {...}
 
line: 55
column: 81
 }
end:  {...}
 
line: 55
column: 93
 }
 }
name: "offsetHeight"
 }
computed: false
optional: false
 }
 MemberExpression {...}
 
type: "MemberExpression"
start: 1938
end: 1955
loc:  {...}
 
start:  {...}
 
line: 55
column: 121
 }
end:  {...}
 
line: 55
column: 138
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1938
end: 1944
loc:  {...}
 
start:  {...}
 
line: 55
column: 121
 }
end:  {...}
 
line: 55
column: 127
 }
 }
name: "target"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1945
end: 1955
loc:  {...}
 
start:  {...}
 
line: 55
column: 128
 }
end:  {...}
 
line: 55
column: 138
 }
 }
name: "offsetLeft"
 }
computed: false
optional: false
 }
 MemberExpression {...}
 
type: "MemberExpression"
start: 1973
end: 1989
loc:  {...}
 
start:  {...}
 
line: 55
column: 156
 }
end:  {...}
 
line: 55
column: 172
 }
 }
object: Identifier {...}
 
type: "Identifier"
start: 1973
end: 1979
loc:  {...}
 
start:  {...}
 
line: 55
column: 156
 }
end:  {...}
 
line: 55
column: 162
 }
 }
name: "target"
 }
property: Identifier {...}
 
type: "Identifier"
start: 1980
end: 1989
loc:  {...}
 
start:  {...}
 
line: 55
column: 163
 }
end:  {...}
 
line: 55
column: 172
 }
 }
name: "offsetTop"
 }
computed: false
optional: false
 }
 ]
quasis: [...] (5)
 
 TemplateElement {...}
 
type: "TemplateElement"
start: 1839
end: 1857
loc:  {...}
 
start:  {...}
 
line: 55
column: 22
 }
end:  {...}
 
line: 55
column: 40
 }
 }
value:  {...}
 
raw: "opacity: 1;width: "
cooked: "opacity: 1;width: "
 }
tail: false
 }
 TemplateElement {...}
 
type: "TemplateElement"
start: 1878
end: 1889
loc:  {...}
 
start:  {...}
 
line: 55
column: 61
 }
end:  {...}
 
line: 55
column: 72
 }
 }
value:  {...}
 
raw: "px;height: "
cooked: "px;height: "
 }
tail: false
 }
 TemplateElement {...}
 
type: "TemplateElement"
start: 1911
end: 1936
loc:  {...}
 
start:  {...}
 
line: 55
column: 94
 }
end:  {...}
 
line: 55
column: 119
 }
 }
value:  {...}
 
raw: "px;transform: translateX("
cooked: "px;transform: translateX("
 }
tail: false
 }
 TemplateElement {...}
 
type: "TemplateElement"
start: 1956
end: 1971
loc:  {...}
 
start:  {...}
 
line: 55
column: 139
 }
end:  {...}
 
line: 55
column: 154
 }
 }
value:  {...}
 
raw: "px) translateY("
cooked: "px) translateY("
 }
tail: false
 }
 TemplateElement {...}
 
type: "TemplateElement"
start: 1990
end: 1993
loc:  {...}
 
start:  {...}
 
line: 55
column: 173
 }
end:  {...}
 
line: 55
column: 176
 }
 }
value:  {...}
 
raw: "px)"
cooked: "px)"
 }
tail: true
 }
 ]
 }
 }
 }
 ]
 }
 }
 FunctionDeclaration {...}
 
type: "FunctionDeclaration"
start: 1998
end: 2135
loc:  {...}
 
start:  {...}
 
line: 58
column: 0
 }
end:  {...}
 
line: 65
column: 1
 }
 }
id: Identifier {...}
 
type: "Identifier"
start: 2007
end: 2016
loc:  {...}
 
start:  {...}
 
line: 58
column: 9
 }
end:  {...}
 
line: 58
column: 18
 }
 }
name: "blurInput"
 }
expression: false
generator: false
async: false
params: []
body: BlockStatement {...}
 
type: "BlockStatement"
start: 2019
end: 2135
loc:  {...}
 
start:  {...}
 
line: 58
column: 21
 }
end:  {...}
 
line: 65
column: 1
 }
 }
body: [...] (2)
 
 ExpressionStatement {...}
 
type: "ExpressionStatement"
start: 2022
end: 2108
loc:  {...}
 
start:  {...}
 
line: 59
column: 1
 }
end:  {...}
 
line: 63
column: 9
 }
 }
expression: CallExpression {...}
 
type: "CallExpression"
start: 2022
end: 2107
loc:  {...}
 
start:  {...}
 
line: 59
column: 1
 }
end:  {...}
 
line: 63
column: 8
 }
 }
callee: Identifier {...}
 
type: "Identifier"
start: 2022
end: 2032
loc:  {...}
 
start:  {...}
 
line: 59
column: 1
 }
end:  {...}
 
line: 59
column: 11
 }
 }
name: "setTimeout"
 }
arguments: [...] (2)
 
 ArrowFunctionExpression {...}
 
type: "ArrowFunctionExpression"
start: 2033
end: 2101
loc:  {...}
 
start:  {...}
 
line: 59
column: 12
 }
end:  {...}
 
line: 63
column: 2
 }
 }
id: null
expression: false
generator: false
async: false
params: []
body: BlockStatement {...}
 
type: "BlockStatement"
start: 2039
end: 2101
loc:  {...}
 
start:  {...}
 
line: 59
column: 18
 }
end:  {...}
 
line: 63
column: 2
 }
 }
body: [...] (1)
 
 IfStatement {...}
 
type: "IfStatement"
start: 2043
end: 2098
loc:  {...}
 
start:  {...}
 
line: 60
column: 2
 }
end:  {...}
 
line: 62
column: 3
 }
 }
test: UnaryExpression {...}
 
type: "UnaryExpression"
start: 2047
end: 2062
loc:  {...}
 
start:  {...}
 
line: 60
column: 6
 }
end:  {...}
 
line: 60
column: 21
 }
 }
operator: "!"
prefix: true
argument: Identifier {...}
 
type: "Identifier"
start: 2048
end: 2062
loc:  {...}
 
start:  {...}
 
line: 60
column: 7
 }
end:  {...}
 
line: 60
column: 21
 }
 }
name: "isInputFocused"
 }
 }
consequent: BlockStatement {...}
 
type: "BlockStatement"
start: 2064
end: 2098
loc:  {...}
 
start:  {...}
 
line: 60
column: 23
 }
end:  {...}
 
line: 62
column: 3
 }
 }
body: [...] (1)
 
 ExpressionStatement {...}
 
type: "ExpressionStatement"
start: 2069
end: 2094
loc:  {...}
 
start:  {...}
 
line: 61
column: 3
 }
end:  {...}
 
line: 61
column: 28
 }
 }
expression: AssignmentExpression {...}
 
type: "AssignmentExpression"
start: 2069
end: 2093
loc:  {...}
 
start:  {...}
 
line: 61
column: 3
 }
end:  {...}
 
line: 61
column: 27
 }
 }
operator: "="
left: Identifier {...}
 
type: "Identifier"
start: 2069
end: 2086
loc:  {...}
 
start:  {...}
 
line: 61
column: 3
 }
end:  {...}
 
line: 61
column: 20
 }
 }
name: "focusElementStyle"
 }
right: Literal {...}
 
type: "Literal"
start: 2089
end: 2093
loc:  {...}
 
start:  {...}
 
line: 61
column: 23
 }
end:  {...}
 
line: 61
column: 27
 }
 }
value: null
raw: "null"
 }
 }
 }
 ]
 }
alternate: null
 }
 ]
 }
 }
 Literal {...}
 
type: "Literal"
start: 2103
end: 2106
loc:  {...}
 
start:  {...}
 
line: 63
column: 4
 }
end:  {...}
 
line: 63
column: 7
 }
 }
value: 300
raw: "300"
 }
 ]
optional: false
 }
 }
 ExpressionStatement {...}
 
type: "ExpressionStatement"
start: 2110
end: 2133
loc:  {...}
 
start:  {...}
 
line: 64
column: 1
 }
end:  {...}
 
line: 64
column: 24
 }
 }
expression: AssignmentExpression {...}
 
type: "AssignmentExpression"
start: 2110
end: 2132
loc:  {...}
 
start:  {...}
 
line: 64
column: 1
 }
end:  {...}
 
line: 64
column: 23
 }
 }
operator: "="
left: Identifier {...}
 
type: "Identifier"
start: 2110
end: 2124
loc:  {...}
 
start:  {...}
 
line: 64
column: 1
 }
end:  {...}
 
line: 64
column: 15
 }
 }
name: "isInputFocused"
 }
right: Literal {...}
 
type: "Literal"
start: 2127
end: 2132
loc:  {...}
 
start:  {...}
 
line: 64
column: 18
 }
end:  {...}
 
line: 64
column: 23
 }
 }
value: false
raw: "false"
 }
 }
 }
 ]
 }
 }
 ]
sourceType: "module"
 }
attributes: []
 }
 }