├── LICENSE ├── .netlify ├── assets ├── cat.png ├── dog.png ├── rat.png ├── Tile.png ├── tower.png ├── tree.png ├── doctor.jpg ├── fireman.png ├── musician.png ├── orange.png ├── singing.png ├── astronaut.png ├── background.jpg ├── background.png ├── layer-1-sky.png ├── spritesheet.png ├── layer-3-ground.png ├── layer-2-mountain.png └── sprites.json ├── .gitignore ├── dist ├── assets │ ├── cat.png │ ├── dog.png │ ├── rat.png │ ├── Tile.png │ ├── tower.png │ ├── tree.png │ ├── doctor.jpg │ ├── fireman.png │ ├── musician.png │ ├── orange.png │ ├── singing.png │ ├── astronaut.png │ ├── background.jpg │ ├── background.png │ ├── layer-1-sky.png │ ├── spritesheet.png │ ├── layer-3-ground.png │ ├── layer-2-mountain.png │ └── sprites.json ├── 404.html ├── index.html └── bundle.css ├── index.html ├── index.js ├── package.json ├── views ├── actions.json ├── animals.json ├── food.json ├── numbers.json ├── qualify.json ├── my-things.json ├── profesions.json ├── stage.js ├── alphabet.json └── home.js ├── README.md └── lib └── factory.js /LICENSE: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.netlify: -------------------------------------------------------------------------------- 1 | {"site_id":"f76bd7d2-053e-43cf-bbfc-0d880cbc602f","path":"dist"} -------------------------------------------------------------------------------- /assets/cat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/cat.png -------------------------------------------------------------------------------- /assets/dog.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/dog.png -------------------------------------------------------------------------------- /assets/rat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/rat.png -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | coverage/ 3 | npm-debug.log* 4 | .nyc_output 5 | .env 6 | .vscode -------------------------------------------------------------------------------- /assets/Tile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/Tile.png -------------------------------------------------------------------------------- /assets/tower.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/tower.png -------------------------------------------------------------------------------- /assets/tree.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/tree.png -------------------------------------------------------------------------------- /assets/doctor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/doctor.jpg -------------------------------------------------------------------------------- /assets/fireman.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/fireman.png -------------------------------------------------------------------------------- /assets/musician.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/musician.png -------------------------------------------------------------------------------- /assets/orange.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/orange.png -------------------------------------------------------------------------------- /assets/singing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/singing.png -------------------------------------------------------------------------------- /dist/assets/cat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/cat.png -------------------------------------------------------------------------------- /dist/assets/dog.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/dog.png -------------------------------------------------------------------------------- /dist/assets/rat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/rat.png -------------------------------------------------------------------------------- /assets/astronaut.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/astronaut.png -------------------------------------------------------------------------------- /assets/background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/background.jpg -------------------------------------------------------------------------------- /assets/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/background.png -------------------------------------------------------------------------------- /dist/assets/Tile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/Tile.png -------------------------------------------------------------------------------- /dist/assets/tower.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/tower.png -------------------------------------------------------------------------------- /dist/assets/tree.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/tree.png -------------------------------------------------------------------------------- /assets/layer-1-sky.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/layer-1-sky.png -------------------------------------------------------------------------------- /assets/spritesheet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/spritesheet.png -------------------------------------------------------------------------------- /dist/assets/doctor.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/doctor.jpg -------------------------------------------------------------------------------- /dist/assets/fireman.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/fireman.png -------------------------------------------------------------------------------- /dist/assets/musician.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/musician.png -------------------------------------------------------------------------------- /dist/assets/orange.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/orange.png -------------------------------------------------------------------------------- /dist/assets/singing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/singing.png -------------------------------------------------------------------------------- /assets/layer-3-ground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/layer-3-ground.png -------------------------------------------------------------------------------- /dist/assets/astronaut.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/astronaut.png -------------------------------------------------------------------------------- /dist/assets/background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/background.jpg -------------------------------------------------------------------------------- /dist/assets/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/background.png -------------------------------------------------------------------------------- /assets/layer-2-mountain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/assets/layer-2-mountain.png -------------------------------------------------------------------------------- /dist/assets/layer-1-sky.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/layer-1-sky.png -------------------------------------------------------------------------------- /dist/assets/spritesheet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/spritesheet.png -------------------------------------------------------------------------------- /dist/assets/layer-3-ground.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/layer-3-ground.png -------------------------------------------------------------------------------- /dist/assets/layer-2-mountain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YerkoPalma/choo-phaser/master/dist/assets/layer-2-mountain.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/404.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /dist/index.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | var choo = require('choo') 2 | var tts = require('choo-tts') 3 | var homeView = require('./views/home') 4 | var stageView = require('./views/stage') 5 | var css = require('sheetify') 6 | 7 | css('tachyons', { global: true }) 8 | 9 | var app = choo() 10 | if (process.env.NODE_ENV !== 'production') { 11 | app.use(require('choo-devtools')()) 12 | } 13 | app.use(tts) 14 | app.use(game) 15 | app.use(interactive) 16 | app.route('/', homeView) 17 | app.route('/stage/:id', stageView) 18 | var tree = app.start() 19 | document.body.appendChild(tree) 20 | 21 | function game (state, emitter) { 22 | // init game 23 | state.stages = [] // here goes any result 24 | // clear game 25 | emitter.on('navigate', function () { 26 | if (state.game) state.game.destroy() 27 | }) 28 | } 29 | 30 | function interactive (state, emitter) { 31 | emitter.on('tts:voices-changed', function () { 32 | // select an en-UK voice 33 | emitter.emit('tts:set-voice', 'Google UK English Female') 34 | // talk a bit slower, they are just kids 35 | state.tts.rate = 0.9 36 | }) 37 | emitter.on('tts:speech-end', function ({ event, id }) { 38 | if (id === 'opt') state.steps[state.currentStage][state.currentStep].next() 39 | }) 40 | } 41 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "choo-phaser", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "standard --verbose | snazzy", 8 | "start": "budo -l -v -p 8080 -H 0.0.0.0 -d assets index.js:bundle.js -- -t sheetify", 9 | "build:js": "mkdir -p dist && browserify -t sheetify -p [ css-extract -o dist/bundle.css ] -p [ tinyify --no-flat ] index.js -o dist/bundle.js", 10 | "build:html": "./node_modules/.bin/htmlminify -o dist/index.html index.html && cp dist/index.html dist/404.html", 11 | "build:assets": "cp -a assets/ dist/assets", 12 | "build": "npm run build:js && npm run build:html && npm run build:assets" 13 | }, 14 | "keywords": [], 15 | "author": "Yerko Palma", 16 | "license": "MIT", 17 | "dependencies": { 18 | "browserify": "^14.5.0", 19 | "choo": "^6.6.0", 20 | "choo-tts": "^0.3.0", 21 | "css-extract": "^1.2.0", 22 | "html-minify": "^0.3.2", 23 | "lowdb": "^1.0.0", 24 | "lowdb-gh-adapter": "^1.1.0", 25 | "phaser": "^2.6.2", 26 | "sheetify": "^6.2.0", 27 | "tachyons": "^4.9.0", 28 | "tinyify": "^2.3.0" 29 | }, 30 | "devDependencies": { 31 | "budo": "^10.0.4", 32 | "choo-devtools": "^2.2.0", 33 | "snazzy": "^7.0.0", 34 | "standard": "^10.0.3" 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /views/actions.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": "actions", 3 | "mainSprite": { 4 | "name": "girl", 5 | "mainAnimation": "idle", 6 | "animations": { 7 | "idle": { 8 | "from": 1, 9 | "to": 16, 10 | "loop": true 11 | }, 12 | "walk": { 13 | "from": 1, 14 | "to": 20 15 | } 16 | } 17 | }, 18 | "steps": [ 19 | [ 20 | { 21 | "instructions": [ 22 | "Complete the following three stages to finish the game", 23 | "Stage 1: Select the correct numbers", 24 | "From the singing kids, how many of them have dresses?" 25 | ], 26 | "options": ["1", "2", "3", "4", "5"], 27 | "correctOption": "2" 28 | }, 29 | { 30 | "instructions": [ 31 | "How many kids have their eyes closed?" 32 | ], 33 | "options": ["3", "2", "1", "4", "6"], 34 | "correctOption": "4" 35 | } 36 | ], 37 | [ 38 | { 39 | "instructions": [ 40 | "Stage 2: Resolve number operations", 41 | "Select the correct option from the following operation" 42 | ], 43 | "options": ["1", "2", "3", "4", "5"], 44 | "correctOption": "2" 45 | }, 46 | { 47 | "instructions": [ 48 | ], 49 | "options": ["3", "2", "1", "4", "6"], 50 | "correctOption": "4" 51 | } 52 | ] 53 | ], 54 | "sprites": [ 55 | { 56 | "name": "kids", 57 | "file": "singing.png" 58 | } 59 | ] 60 | } -------------------------------------------------------------------------------- /views/animals.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": "actions", 3 | "mainSprite": { 4 | "name": "girl", 5 | "mainAnimation": "idle", 6 | "animations": { 7 | "idle": { 8 | "from": 1, 9 | "to": 16, 10 | "loop": true 11 | }, 12 | "walk": { 13 | "from": 1, 14 | "to": 20 15 | } 16 | } 17 | }, 18 | "steps": [ 19 | [ 20 | { 21 | "instructions": [ 22 | "Complete the following three stages to finish the game", 23 | "Stage 1: Select the correct numbers", 24 | "From the singing kids, how many of them have dresses?" 25 | ], 26 | "options": ["1", "2", "3", "4", "5"], 27 | "correctOption": "2" 28 | }, 29 | { 30 | "instructions": [ 31 | "How many kids have their eyes closed?" 32 | ], 33 | "options": ["3", "2", "1", "4", "6"], 34 | "correctOption": "4" 35 | } 36 | ], 37 | [ 38 | { 39 | "instructions": [ 40 | "Stage 2: Resolve number operations", 41 | "Select the correct option from the following operation" 42 | ], 43 | "options": ["1", "2", "3", "4", "5"], 44 | "correctOption": "2" 45 | }, 46 | { 47 | "instructions": [ 48 | ], 49 | "options": ["3", "2", "1", "4", "6"], 50 | "correctOption": "4" 51 | } 52 | ] 53 | ], 54 | "sprites": [ 55 | { 56 | "name": "kids", 57 | "file": "singing.png" 58 | } 59 | ] 60 | } -------------------------------------------------------------------------------- /views/food.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": "actions", 3 | "mainSprite": { 4 | "name": "girl", 5 | "mainAnimation": "idle", 6 | "animations": { 7 | "idle": { 8 | "from": 1, 9 | "to": 16, 10 | "loop": true 11 | }, 12 | "walk": { 13 | "from": 1, 14 | "to": 20 15 | } 16 | } 17 | }, 18 | "steps": [ 19 | [ 20 | { 21 | "instructions": [ 22 | "Complete the following three stages to finish the game", 23 | "Stage 1: Select the correct numbers", 24 | "From the singing kids, how many of them have dresses?" 25 | ], 26 | "options": ["1", "2", "3", "4", "5"], 27 | "correctOption": "2" 28 | }, 29 | { 30 | "instructions": [ 31 | "How many kids have their eyes closed?" 32 | ], 33 | "options": ["3", "2", "1", "4", "6"], 34 | "correctOption": "4" 35 | } 36 | ], 37 | [ 38 | { 39 | "instructions": [ 40 | "Stage 2: Resolve number operations", 41 | "Select the correct option from the following operation" 42 | ], 43 | "options": ["1", "2", "3", "4", "5"], 44 | "correctOption": "2" 45 | }, 46 | { 47 | "instructions": [ 48 | ], 49 | "options": ["3", "2", "1", "4", "6"], 50 | "correctOption": "4" 51 | } 52 | ] 53 | ], 54 | "sprites": [ 55 | { 56 | "name": "kids", 57 | "file": "singing.png" 58 | } 59 | ] 60 | } -------------------------------------------------------------------------------- /views/numbers.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": "numbers", 3 | "mainSprite": { 4 | "name": "girl", 5 | "mainAnimation": "idle", 6 | "animations": { 7 | "idle": { 8 | "from": 1, 9 | "to": 16, 10 | "loop": true 11 | }, 12 | "walk": { 13 | "from": 1, 14 | "to": 20 15 | } 16 | } 17 | }, 18 | "steps": [ 19 | [ 20 | { 21 | "instructions": [ 22 | "Complete the following three stages to finish the game", 23 | "Stage 1: Select the correct numbers", 24 | "From the singing kids, how many of them have dresses?" 25 | ], 26 | "options": ["1", "2", "3", "4", "5"], 27 | "correctOption": "2" 28 | }, 29 | { 30 | "instructions": [ 31 | "How many kids have their eyes closed?" 32 | ], 33 | "options": ["3", "2", "1", "4", "6"], 34 | "correctOption": "4" 35 | } 36 | ], 37 | [ 38 | { 39 | "instructions": [ 40 | "Stage 2: Resolve number operations", 41 | "Select the correct option from the following operation" 42 | ], 43 | "options": ["1", "2", "3", "4", "5"], 44 | "correctOption": "2" 45 | }, 46 | { 47 | "instructions": [ 48 | ], 49 | "options": ["3", "2", "1", "4", "6"], 50 | "correctOption": "4" 51 | } 52 | ] 53 | ], 54 | "sprites": [ 55 | { 56 | "name": "kids", 57 | "file": "singing.png" 58 | } 59 | ] 60 | } -------------------------------------------------------------------------------- /views/qualify.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": "qualify", 3 | "mainSprite": { 4 | "name": "girl", 5 | "mainAnimation": "idle", 6 | "animations": { 7 | "idle": { 8 | "from": 1, 9 | "to": 16, 10 | "loop": true 11 | }, 12 | "walk": { 13 | "from": 1, 14 | "to": 20 15 | } 16 | } 17 | }, 18 | "steps": [ 19 | [ 20 | { 21 | "instructions": [ 22 | "Complete the following three stages to finish the game", 23 | "Stage 1: Select the correct numbers", 24 | "From the singing kids, how many of them have dresses?" 25 | ], 26 | "options": ["1", "2", "3", "4", "5"], 27 | "correctOption": "2" 28 | }, 29 | { 30 | "instructions": [ 31 | "How many kids have their eyes closed?" 32 | ], 33 | "options": ["3", "2", "1", "4", "6"], 34 | "correctOption": "4" 35 | } 36 | ], 37 | [ 38 | { 39 | "instructions": [ 40 | "Stage 2: Resolve number operations", 41 | "Select the correct option from the following operation" 42 | ], 43 | "options": ["1", "2", "3", "4", "5"], 44 | "correctOption": "2" 45 | }, 46 | { 47 | "instructions": [ 48 | ], 49 | "options": ["3", "2", "1", "4", "6"], 50 | "correctOption": "4" 51 | } 52 | ] 53 | ], 54 | "sprites": [ 55 | { 56 | "name": "kids", 57 | "file": "singing.png" 58 | } 59 | ] 60 | } -------------------------------------------------------------------------------- /views/my-things.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": "actions", 3 | "mainSprite": { 4 | "name": "girl", 5 | "mainAnimation": "idle", 6 | "animations": { 7 | "idle": { 8 | "from": 1, 9 | "to": 16, 10 | "loop": true 11 | }, 12 | "walk": { 13 | "from": 1, 14 | "to": 20 15 | } 16 | } 17 | }, 18 | "steps": [ 19 | [ 20 | { 21 | "instructions": [ 22 | "Complete the following three stages to finish the game", 23 | "Stage 1: Select the correct numbers", 24 | "From the singing kids, how many of them have dresses?" 25 | ], 26 | "options": ["1", "2", "3", "4", "5"], 27 | "correctOption": "2" 28 | }, 29 | { 30 | "instructions": [ 31 | "How many kids have their eyes closed?" 32 | ], 33 | "options": ["3", "2", "1", "4", "6"], 34 | "correctOption": "4" 35 | } 36 | ], 37 | [ 38 | { 39 | "instructions": [ 40 | "Stage 2: Resolve number operations", 41 | "Select the correct option from the following operation" 42 | ], 43 | "options": ["1", "2", "3", "4", "5"], 44 | "correctOption": "2" 45 | }, 46 | { 47 | "instructions": [ 48 | ], 49 | "options": ["3", "2", "1", "4", "6"], 50 | "correctOption": "4" 51 | } 52 | ] 53 | ], 54 | "sprites": [ 55 | { 56 | "name": "kids", 57 | "file": "singing.png" 58 | } 59 | ] 60 | } -------------------------------------------------------------------------------- /views/profesions.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": "profesions", 3 | "mainSprite": { 4 | "name": "girl", 5 | "mainAnimation": "idle", 6 | "animations": { 7 | "idle": { 8 | "from": 1, 9 | "to": 16, 10 | "loop": true 11 | }, 12 | "walk": { 13 | "from": 1, 14 | "to": 20 15 | } 16 | } 17 | }, 18 | "steps": [ 19 | [ 20 | { 21 | "instructions": [ 22 | "Complete the following three stages to finish the game", 23 | "Stage 1: Select the correct numbers", 24 | "From the singing kids, how many of them have dresses?" 25 | ], 26 | "options": ["1", "2", "3", "4", "5"], 27 | "correctOption": "2" 28 | }, 29 | { 30 | "instructions": [ 31 | "How many kids have their eyes closed?" 32 | ], 33 | "options": ["3", "2", "1", "4", "6"], 34 | "correctOption": "4" 35 | } 36 | ], 37 | [ 38 | { 39 | "instructions": [ 40 | "Stage 2: Resolve number operations", 41 | "Select the correct option from the following operation" 42 | ], 43 | "options": ["1", "2", "3", "4", "5"], 44 | "correctOption": "2" 45 | }, 46 | { 47 | "instructions": [ 48 | ], 49 | "options": ["3", "2", "1", "4", "6"], 50 | "correctOption": "4" 51 | } 52 | ] 53 | ], 54 | "sprites": [ 55 | { 56 | "name": "kids", 57 | "file": "singing.png" 58 | } 59 | ] 60 | } -------------------------------------------------------------------------------- /views/stage.js: -------------------------------------------------------------------------------- 1 | window.PIXI = require('phaser/build/custom/pixi') 2 | window.p2 = require('phaser/build/custom/p2') 3 | window.Phaser = require('phaser/build/custom/phaser-split') 4 | var GameFactory = require('../lib/factory') 5 | 6 | module.exports = function (state, emit) { 7 | state.tts.selectedVoice = state.tts.voices.filter(voice => { 8 | return voice.lang === 'en-GB' 9 | })[0] 10 | var gameOptions 11 | if (state.params.id === 'actions') { 12 | gameOptions = require('./actions.json') 13 | } else if (state.params.id === 'alphabet') { 14 | gameOptions = require('./alphabet.json') 15 | } else if (state.params.id === 'animals') { 16 | gameOptions = require('./animals.json') 17 | } else if (state.params.id === 'food') { 18 | gameOptions = require('./food.json') 19 | } else if (state.params.id === 'my-things') { 20 | gameOptions = require('./my-things.json') 21 | } else if (state.params.id === 'numbers') { 22 | gameOptions = require('./numbers.json') 23 | } else if (state.params.id === 'profesions') { 24 | gameOptions = require('./profesions.json') 25 | } else if (state.params.id === 'qualify') { 26 | gameOptions = require('./qualify.json') 27 | } 28 | var game 29 | if (process.env.NODE_ENV === 'production') { 30 | game = GameFactory(Object.assign({ assets: '../assets' }, gameOptions), state, emit) 31 | } else { 32 | game = GameFactory(gameOptions, state, emit) 33 | } 34 | 35 | game.start() 36 | // bypass nanorouter assertion returning an empty main 37 | return document.createElement('main') 38 | } 39 | -------------------------------------------------------------------------------- /views/alphabet.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": "alphabet", 3 | "mainSprite": { 4 | "name": "girl", 5 | "mainAnimation": "idle", 6 | "animations": { 7 | "idle": { 8 | "from": 1, 9 | "to": 16, 10 | "loop": true 11 | }, 12 | "walk": { 13 | "from": 1, 14 | "to": 20 15 | } 16 | } 17 | }, 18 | "steps": [ 19 | [ 20 | { 21 | "instructions": [ 22 | "Complete the following three stages to finish the game", 23 | "Stage 1: Select by first letter", 24 | "From the following objects select the one that starts with a letter 'C'" 25 | ], 26 | "options": ["cat", "dog", "orange", "rat" ], 27 | "images": true, 28 | "correctOption": "cat" 29 | }, 30 | { 31 | "instructions": [ 32 | "Which object starts with a vocal letter" 33 | ], 34 | "options": ["cat", "dog", "orange", "rat" ], 35 | "images": true, 36 | "correctOption": "orange" 37 | } 38 | ], 39 | [ 40 | { 41 | "instructions": [ 42 | "Stage 2: Count the letters", 43 | "Which object has no letters 'A' in its name" 44 | ], 45 | "options": ["cat", "dog", "orange", "rat" ], 46 | "images": true, 47 | "correctOption": "dog" 48 | }, 49 | { 50 | "instructions": [ 51 | "Select the object that has 3 vocals in its name" 52 | ], 53 | "options": ["cat", "dog", "orange", "rat" ], 54 | "images": true, 55 | "correctOption": "orange" 56 | } 57 | ] 58 | ], 59 | "sprites": [ 60 | { 61 | "name": "cat", 62 | "file": "cat.png", 63 | "isOption": true 64 | }, 65 | { 66 | "name": "dog", 67 | "file": "dog.png", 68 | "isOption": true 69 | }, 70 | { 71 | "name": "rat", 72 | "file": "rat.png", 73 | "isOption": true 74 | }, 75 | { 76 | "name": "orange", 77 | "file": "orange.png", 78 | "isOption": true 79 | } 80 | ] 81 | } -------------------------------------------------------------------------------- /views/home.js: -------------------------------------------------------------------------------- 1 | var html = require('choo/html') 2 | var css = require('sheetify') 3 | 4 | var font = css` 5 | :host { 6 | font-family: 'Carter One', cursive; 7 | } 8 | :host p { 9 | font-family: 'Skranji', cursive; 10 | } 11 | ` 12 | var heading = css` 13 | :host { 14 | text-shadow: #aaa 5px 3px 18px, 15 | -1px -1px 0 #137752, 16 | 1px -1px 0 #137752, 17 | -1px 1px 0 #137752, 18 | 1px 1px 0 #137752; 19 | -webkit-text-stroke: 1px #137752; 20 | -webkit-text-fill-color: white; 21 | } 22 | ` 23 | var border = css` 24 | :host { 25 | -webkit-box-shadow: 0px 0px 0px 4px #ff6300; 26 | -moz-box-shadow: 0px 0px 0px 4px #ff6300; 27 | box-shadow: 0px 0px 0px 1rem #ff6300; 28 | } 29 | ` 30 | var borderSuccess = css` 31 | :host { 32 | -webkit-box-shadow: 0px 0px 0px 4px #137752; 33 | -moz-box-shadow: 0px 0px 0px 4px #137752; 34 | box-shadow: 0px 0px 0px 1rem #137752; 35 | } 36 | ` 37 | var background 38 | if (process.env.NODE_ENV === 'production') { 39 | background = css` 40 | :host { 41 | background: url(assets/background.png) no-repeat center center fixed; 42 | -webkit-background-size: cover; 43 | -moz-background-size: cover; 44 | -o-background-size: cover; 45 | background-size: cover; 46 | position: fixed; 47 | overflow-y: scroll; 48 | }` 49 | } else { 50 | background = css` 51 | :host { 52 | background: url(background.png) no-repeat center center fixed; 53 | -webkit-background-size: cover; 54 | -moz-background-size: cover; 55 | -o-background-size: cover; 56 | background-size: cover; 57 | position: fixed; 58 | overflow-y: scroll; 59 | }` 60 | } 61 | 62 | module.exports = function (state, emit) { 63 | // emit('tts:set-voice', 'Google UK English Female') 64 | var stages = [ 65 | { 66 | id: 'alphabet', 67 | name: 'The alphabet' 68 | }, { 69 | id: 'numbers', 70 | name: 'The numbers' 71 | }, { 72 | id: 'profesions', 73 | name: 'The professions' 74 | }, { 75 | id: 'my-things', 76 | name: 'My own things' 77 | }, { 78 | id: 'actions', 79 | name: 'Actions' 80 | }, { 81 | id: 'food', 82 | name: 'The food' 83 | }, { 84 | id: 'animals', 85 | name: 'The farm animals' 86 | }, { 87 | id: 'qualify', 88 | name: 'Qualify things' 89 | }] 90 | return html` 91 |
92 | ${state.student 93 | ? html`
94 |

Level Select

95 | ${stages.map((stage, i) => { 96 | return html`` 109 | })} 110 |
` 111 | : html`
112 |
113 | Your name is... 114 |
115 | 116 | 117 |
118 |
119 |
120 | `} 121 |
122 | ` 123 | function onsubmit (e) { 124 | e.preventDefault() 125 | state.student = document.getElementById('name').value 126 | emit('tts:speak', `Welcome ${state.student}! Please select a game level...`) 127 | emit('render') 128 | } 129 | } 130 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # choo-phaser 2 | 3 | Just me playing with phaser and choo 4 | 5 | ## Why? 6 | 7 | I want (need) to make a web game and phaser seems to be a very good option. 8 | Now, even a web game is a web app, and for web app, the framework I've chosen is choo, 9 | but phaser games and tutorials tend to assume that your whole app is a game and 10 | control your actions, flow, menus and whatever from the same phaser game. 11 | 12 | That's not what I want, I want to manage my flow sith choo, and use phaser 13 | as a game in a choo view. 14 | 15 | ## How? 16 | 17 | So, to do that, I have some tasks to achieve: 18 | 19 | - [x] Use phaser with browserify 20 | 21 | Phaser originally wasn't build to be modular. Now, version 3 is being rebuild as a 22 | modular library, but it is still not production ready, so I had to find a way to use it 23 | with browserify. My first, obvious attempt, was: 24 | 25 | ```js 26 | var Phaser = require('phaser') 27 | ``` 28 | 29 | Which failed because of 30 | 31 | ```js 32 | PIXI is undefined 33 | ``` 34 | 35 | I've already knew that phaser uses PIXI as game renderer, so googled if it was included 36 | in phaser build. I found that I could load it all with 37 | 38 | ```js 39 | window.PIXI = require('phaser/build/custom/pixi') 40 | window.p2 = require('phaser/build/custom/p2') 41 | window.Phaser = require('phaser/build/custom/phaser-split') 42 | ``` 43 | 44 | And then, no error :) 45 | 46 | - [x] Add a phaser instance as a whole choo view 47 | 48 | So, I tried to use a game instance as a choo view like this 49 | 50 | ```js 51 | window.PIXI = require('phaser/build/custom/pixi') 52 | window.p2 = require('phaser/build/custom/p2') 53 | window.Phaser = require('phaser/build/custom/phaser-split') 54 | 55 | module.exports = function (state, emit) { 56 | state.game = new window.Phaser.Game('100', '100', window.Phaser.AUTO) 57 | 58 | var gameState = { 59 | preload: function () { 60 | }, 61 | create: function () { 62 | }, 63 | update: function () { 64 | } 65 | } 66 | 67 | state.game.state.add('initialState', gameState) 68 | state.game.state.start('initialState') 69 | } 70 | ``` 71 | 72 | What is different here is that everything related to phaser is set to 73 | some property of the choo state so I could use it later. Anyway this failed, 74 | because nanomorph complained that I was returning `undefined` instead of a 75 | `MAIN` element. Litle pause here. I usually don't do like 76 | 77 | ```js 78 | var app = choo() 79 | app.route('/', mainView) 80 | app.mount('body') 81 | ``` 82 | 83 | I tend to prefer like 84 | 85 | ```js 86 | var app = choo() 87 | var tree = app.start() 88 | document.body.appendChild(tree) 89 | ``` 90 | 91 | That's why nanomorph complain about a main element. So I have to return a new empty 92 | element in the view that has my phaser game. 93 | 94 | To fix this, I've returned a new `MAIN` element, and the view was set and the game 95 | displayed fine. But I noticed an issue whenever I hit the back button of my browser. 96 | Choo emitted the navigation events and come back to my previous route, but the game 97 | was still visible, that's because the canvas rendered by Phaser was outside what was 98 | rendered and managed by choo, so I created a litle hook for choo, to clear my game 99 | whenever a navigation events happens. 100 | 101 | ```js 102 | app.use(clearGame) 103 | 104 | function clearGame (state, emitter) { 105 | emitter.on('navigate', function () { 106 | if (state.game) state.game.destroy() 107 | }) 108 | } 109 | ``` 110 | 111 | ## Usage 112 | 113 | Right now, more of the game data is saved to the state. 114 | 115 | - `state.game` - Is the Phaser.Game instance. 116 | - `state.sprites` - All the sprites goes here. 117 | - `state.steps` - This is particular to this kind of games. Is an array of arrays, where every inside array is a stage, and inside it is the steps of that stage. Each step has the following properties. 118 | - `instructions` - An array of strings to be displayed and spoken through text-to-speech. 119 | - `options` - At most 5 options for the children to choose. 120 | - `correcOption` - The correct option. 121 | - `next` - A function to be executed when the correct option is hit by the kid. 122 | - `state.currentStep` and `state.currentStage` - Used internally to know which stage and step to display. 123 | - `state.instructions` and `state.options` - Phaser.Text objects to display instructions and options. 124 | - `state.results` - An array with the results of each stage. Each result object has the following properties. 125 | - `time` - The amount of time the kid took to finish each stage (always an array with two numbers) 126 | - `mistakes` - The numbers of mistakes the kid made 127 | - `resolved` - Array of booleans telling if the kid resolved each stage of the game. 128 | 129 | Right now, there is only one `writeInstructions` function and one `next` function, and they only support two stages. 130 | 131 | ## TODO 132 | 133 | - [x] Talk to the kid 134 | - [ ] Save to a github database 135 | - [ ] Add `/results` page 136 | - [ ] Use frappe charts 137 | - [ ] Add specific exercises per stage 138 | -------------------------------------------------------------------------------- /lib/factory.js: -------------------------------------------------------------------------------- 1 | var low = require('lowdb') 2 | var storage = require('lowdb-gh-adapter') 3 | 4 | function GameFactory (opts, state, emit) { 5 | if (!(this instanceof GameFactory)) return new GameFactory(opts, state, emit) 6 | // every alternative sprite metadata 7 | this._sprites = opts.sprites || [] 8 | // every sprite instance 9 | this.sprites = {} 10 | this._game = new window.Phaser.Game('100', '100', window.Phaser.AUTO) 11 | // app replica state 12 | this._state = state 13 | // app replica emitter 14 | this._emit = emit 15 | // the main sprite meta data 16 | this._main = opts.mainSprite || {} 17 | // the main sprite instance 18 | this.main = {} 19 | this._id = opts.id 20 | this._state.steps = opts.steps || [] 21 | this._state.steps[0].forEach((step, i) => { 22 | this._state.steps[0][i] = Object.assign(step, { next: this.onNextStep.bind(this) }) 23 | }) 24 | this._state.steps[1].forEach((step, i) => { 25 | this._state.steps[1][i] = Object.assign(step, { next: this.onNextStep.bind(this) }) 26 | }) 27 | this.background = {} 28 | this._assetsFolder = opts.assets || '../..' 29 | // get the results 30 | this.results = [{ 31 | time: -1, 32 | resolved: false, 33 | mistakes: 0 34 | }, { 35 | time: -1, 36 | resolved: false, 37 | mistakes: 0 38 | }] 39 | this._start = -1 40 | if (process.env.NODE_ENV === 'production') { 41 | this._adapter = storage({ 42 | file: this._state.student + '.json', 43 | repo: 'kids', 44 | user: 'YerkoPalma', 45 | name: 'YerkoPalma', 46 | mail: 'yerko.palma@usach.cl', 47 | token: process.env.TOKEN, 48 | branch: 'data' 49 | }) 50 | } 51 | 52 | this.getState = this.getState.bind(this) 53 | this.writeInstructions = this.writeInstructions.bind(this) 54 | this.onStageFinished = this.onStageFinished.bind(this) 55 | this.onNextStep = this.onNextStep.bind(this) 56 | this.onAnswer = this.onAnswer.bind(this) 57 | } 58 | 59 | GameFactory.prototype.getState = function () { 60 | var preload = () => { 61 | // background 62 | this._game.load.image('background', `${this._assetsFolder}/background.png`) 63 | // main 64 | this._game.load.atlas(this._main.name, `${this._assetsFolder}/spritesheet.png`, `${this._assetsFolder}/sprites.json`) 65 | // sprites 66 | this._sprites.map(sprite => { 67 | this._game.load.image(sprite.name, `${this._assetsFolder}/${sprite.file}`) 68 | }) 69 | } 70 | var create = () => { 71 | // background 72 | this.background = this._game.add.sprite(0, 0, 'background') 73 | this.background.height = this._game.height 74 | this.background.width = this._game.width 75 | 76 | // main character 77 | this.main = this._game.add.sprite(0, 0, this._main.name) 78 | Object.keys(this._main.animations).map(animation => { 79 | var anim = this._main.animations[animation] 80 | this.main.animations.add(animation, window.Phaser.Animation.generateFrameNames(animation, anim.from, anim.to), anim.to, !!anim.loop) 81 | }) 82 | this.main.scale.setTo(0.5) 83 | this.main.position.y = this._game.height - (this.main.height * 1.2) 84 | 85 | // instructions 86 | this.instructions = this._game.add.text(this._game.world.centerX / 2, 50, '', { 87 | font: '32px Carter One', 88 | fill: '#FF6300', 89 | align: 'center', 90 | wordWrap: true, 91 | wordWrapWidth: this._game.width / 2 92 | }) 93 | 94 | // options 95 | this.options = [0, 1, 2, 3, 4].map((_, i) => { 96 | var opt = this._game.add.text((i * 150) + this._game.world.centerX / 2, 50, '', { 97 | font: '146px Skranji', 98 | fill: '#eeeeee', 99 | align: 'center', 100 | wordWrap: true, 101 | wordWrapWidth: this._game.width / 2 102 | }) 103 | opt.stroke = '#FF0000' 104 | opt.strokeThickness = 12 105 | opt.inputEnabled = true 106 | opt.input.useHandCursor = true 107 | opt.events.onInputUp.add(this.onAnswer(opt), opt) 108 | return opt 109 | }) 110 | // image options 111 | this.imgOptions = [] 112 | this._sprites.map(sprite => { 113 | if (sprite.isOption) { 114 | // add sprite 115 | var imgOption = this._game.add.sprite(0, 0, sprite.name) 116 | // hide option for now 117 | imgOption.scale.setTo(0) 118 | imgOption.position.x = (this.imgOptions.length * 150) + this._game.world.centerX / 2 119 | imgOption.position.y = 50 120 | imgOption.inputEnabled = true 121 | imgOption.input.useHandCursor = true 122 | imgOption.events.onInputUp.add(this.onAnswer(imgOption), imgOption) 123 | this.imgOptions.push(imgOption) 124 | } 125 | }) 126 | 127 | this._state.currentStep = 0 128 | this._state.currentStage = 0 129 | var mainAnim = this._main.animations[this._main.mainAnimation] 130 | this.main.animations.play(this._main.mainAnimation, mainAnim.to, mainAnim.loop) 131 | this._start = new Date() 132 | this.writeInstructions([], 0, 0) 133 | } 134 | var update = () => {} 135 | return { 136 | preload, 137 | create, 138 | update 139 | } 140 | } 141 | 142 | GameFactory.prototype.writeInstructions = function (line, wordIndex, lineIndex, start, lineDelay = 400, wordDelay = 60) { 143 | if (lineIndex === 0) { 144 | this.options.map((opt, i) => { 145 | opt.text = '' 146 | }) 147 | this.imgOptions.map((opt, i) => { 148 | opt.scale.setTo(0) 149 | }) 150 | } 151 | if (lineIndex === this._state.steps[this._state.currentStage][this._state.currentStep].instructions.length) { 152 | // Time to display options 153 | // and start measuring time 154 | if (this._state.steps[this._state.currentStage][this._state.currentStep].images) { 155 | this.imgOptions.map((opt, i) => { 156 | opt.scale.setTo(1) 157 | this._emit('log:info', opt.width) 158 | opt.scale.setTo(120 / opt.width) 159 | }) 160 | } else { 161 | this.options.map((opt, i) => { 162 | opt.text = this._state.steps[this._state.currentStage][this._state.currentStep].options[i] 163 | }) 164 | } 165 | return 166 | } 167 | if (lineIndex === 2) { 168 | // show alternative sprites? 169 | this._sprites.forEach(_sprite => { 170 | if (!_sprite.isOption) { 171 | this.sprites[_sprite.name] = this._game.add.sprite(this._game.world.centerX / 2, 220, _sprite.name) 172 | this.sprites[_sprite.name].scale.setTo(0.7) 173 | } 174 | }) 175 | } 176 | 177 | // Split the current line on spaces, so one letter per array element 178 | line = this._state.steps[this._state.currentStage][this._state.currentStep].instructions[lineIndex].split('') 179 | // Say the line 180 | this._emit('tts:speak', this._state.steps[this._state.currentStage][this._state.currentStep].instructions[lineIndex]) 181 | 182 | // Reset the word index to zero (the first word in the line) 183 | wordIndex = 0 184 | 185 | // Call the 'nextWord' function once for each word in the line (line.length) 186 | this._game.time.events.repeat(wordDelay, line.length, nextWord(line, ++lineIndex, wordIndex, lineDelay), this) 187 | 188 | // Advance to the next line 189 | // lineIndex++ 190 | } 191 | function nextWord (line, lineIndex, wordIndex, lineDelay) { 192 | return function () { 193 | // Add the next word onto the text string, followed by a space 194 | this.instructions.text = this.instructions.text.concat(line[wordIndex]) 195 | 196 | // Advance the word index to the next word in the line 197 | wordIndex++ 198 | 199 | // Last word? 200 | if (wordIndex === line.length) { 201 | // clear text 202 | setTimeout(() => { 203 | this.instructions.text = '' 204 | // Get the next line after the lineDelay amount of ms has elapsed 205 | this._game.time.events.add(lineDelay, () => { 206 | this.writeInstructions(line, wordIndex, lineIndex, new Date()) 207 | }, this) 208 | }, 1000) 209 | } 210 | } 211 | } 212 | GameFactory.prototype.onStageFinished = function () { 213 | var end = new Date() 214 | var results = { 215 | time: Math.abs((this._start.getTime() - end.getTime()) / 1000), 216 | resolved: true, 217 | mistakes: this.results[this._state.currentStage].mistakes 218 | } 219 | this.results[this._state.currentStage] = results 220 | // this.results[this._state.currentStage].mistakes = 0 221 | if (this._state.currentStage < this._state.steps.length - 1) { 222 | this._state.currentStage++ 223 | this._state.currentStep = 0 224 | var line = [] 225 | var wordIndex = 0 226 | var lineIndex = 0 227 | // TODO: replace for appropiate sprites 228 | this._sprites.forEach(_sprite => { 229 | if (!_sprite.isOption) this.sprites[_sprite.name].destroy() 230 | }) 231 | this.main.animations.play('walk', 20, true) 232 | this._game.add.tween(this.main).to({ 233 | x: this._game.width * 0.4 234 | }, 3000, null, true).onComplete.add((girlSprite, tween) => { 235 | this.main.animations.play('idle', 16, true) 236 | this._start = new Date() 237 | this.writeInstructions(line, wordIndex, lineIndex) 238 | }) 239 | } else { 240 | // both stages re finished animate and go back 241 | this.main.animations.play('walk', 20, true) 242 | this._game.add.tween(this.main).to({ 243 | x: this._game.width 244 | }, 3000, null, true).onComplete.add((girlSprite, tween) => { 245 | // save results 246 | this._state.stages[this._id] = this.results 247 | // this.results = [] 248 | this._state.game = this._game 249 | if (process.env.NODE_ENV === 'production') { 250 | low(this._adapter) 251 | .then(db => { 252 | // var data = {} 253 | // TODO: assign a valid date 254 | var today = new Date() 255 | var key = today.getFullYear().toString() + today.getMonth().toString() + today.getDate().toString() 256 | // data[key] = this._state.stages 257 | db.defaults({}) 258 | .set(key + '.' + this._id, this.results) 259 | .write() 260 | .then(() => this._emit(this._state.events.PUSHSTATE, '/')) 261 | .catch(err => { 262 | throw err 263 | }) 264 | }) 265 | } else { 266 | setTimeout(() => this._emit(this._state.events.PUSHSTATE, '/'), 1500) 267 | } 268 | }) 269 | } 270 | } 271 | GameFactory.prototype.onNextStep = function () { 272 | if (this._state.currentStep < this._state.steps[this._state.currentStage].length - 1) { 273 | var line = [] 274 | var wordIndex = 0 275 | var lineIndex = 0 276 | this._state.currentStep++ 277 | this.writeInstructions(line, wordIndex, lineIndex) 278 | } else { 279 | this.onStageFinished() 280 | } 281 | } 282 | GameFactory.prototype.onAnswer = function (opt) { 283 | return () => { 284 | if (this._state.steps[this._state.currentStage][this._state.currentStep].images) { 285 | if (this._state.steps[this._state.currentStage][this._state.currentStep].correctOption === opt.key) { 286 | this._emit('tts:speak', { 287 | text: 'That\'s correct! congratulations', 288 | id: 'opt' 289 | }) 290 | } else { 291 | this._emit('tts:speak', 'Incorrect! Sorry, please try again') 292 | this.results[this._state.currentStage].mistakes++ 293 | } 294 | } else { 295 | if (this._state.steps[this._state.currentStage][this._state.currentStep].correctOption === opt.text) { 296 | this._emit('tts:speak', { 297 | text: 'That\'s correct! congratulations', 298 | id: 'opt' 299 | }) 300 | } else { 301 | this._emit('tts:speak', 'Incorrect! Sorry, please try again') 302 | this.results[this._state.currentStage].mistakes++ 303 | } 304 | } 305 | } 306 | } 307 | GameFactory.prototype.start = function () { 308 | this._game.state.add('initialState', this.getState()) 309 | this._game.state.start('initialState') 310 | } 311 | module.exports = GameFactory 312 | -------------------------------------------------------------------------------- /assets/sprites.json: -------------------------------------------------------------------------------- 1 | {"frames":[{"filename":"dead1","frame":{"x":0,"y":503,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead22","frame":{"x":2408,"y":2515,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead25","frame":{"x":1806,"y":1509,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead26","frame":{"x":602,"y":0,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead27","frame":{"x":602,"y":503,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead28","frame":{"x":0,"y":1006,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead29","frame":{"x":602,"y":1006,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead30","frame":{"x":1204,"y":0,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead2","frame":{"x":1204,"y":503,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead3","frame":{"x":1204,"y":1006,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead4","frame":{"x":0,"y":1509,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead5","frame":{"x":602,"y":1509,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead6","frame":{"x":1204,"y":1509,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead7","frame":{"x":1806,"y":0,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead8","frame":{"x":1806,"y":503,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead9","frame":{"x":1806,"y":1006,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead10","frame":{"x":0,"y":0,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead11","frame":{"x":0,"y":2012,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead12","frame":{"x":602,"y":2012,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead13","frame":{"x":1204,"y":2012,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead14","frame":{"x":1806,"y":2012,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead15","frame":{"x":2408,"y":0,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead16","frame":{"x":2408,"y":503,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead17","frame":{"x":2408,"y":1006,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead18","frame":{"x":2408,"y":1509,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead19","frame":{"x":2408,"y":2012,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead20","frame":{"x":0,"y":2515,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead21","frame":{"x":602,"y":2515,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead23","frame":{"x":1204,"y":2515,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead24","frame":{"x":1806,"y":2515,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"idle1","frame":{"x":3010,"y":0,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle2","frame":{"x":3010,"y":455,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle3","frame":{"x":3010,"y":910,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle4","frame":{"x":3010,"y":1365,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle5","frame":{"x":3010,"y":1820,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle6","frame":{"x":3010,"y":2275,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle7","frame":{"x":0,"y":3018,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle8","frame":{"x":417,"y":3018,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle9","frame":{"x":834,"y":3018,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle10","frame":{"x":1251,"y":3018,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle11","frame":{"x":1668,"y":3018,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle12","frame":{"x":2085,"y":3018,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle13","frame":{"x":2502,"y":3018,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle14","frame":{"x":2919,"y":3018,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle15","frame":{"x":3427,"y":0,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle16","frame":{"x":3427,"y":455,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump1","frame":{"x":3427,"y":910,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump2","frame":{"x":3427,"y":1365,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump3","frame":{"x":3427,"y":1820,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump4","frame":{"x":3427,"y":2275,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump5","frame":{"x":3427,"y":2730,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump6","frame":{"x":0,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump7","frame":{"x":417,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump8","frame":{"x":834,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump9","frame":{"x":1251,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump10","frame":{"x":1668,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump11","frame":{"x":2085,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump12","frame":{"x":2502,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump13","frame":{"x":2919,"y":4838,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump14","frame":{"x":3336,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump15","frame":{"x":3844,"y":0,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump16","frame":{"x":3844,"y":455,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump17","frame":{"x":3844,"y":910,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump18","frame":{"x":3844,"y":1365,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump19","frame":{"x":3844,"y":1820,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump20","frame":{"x":3844,"y":2275,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump21","frame":{"x":3844,"y":2730,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump22","frame":{"x":3844,"y":3185,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump23","frame":{"x":0,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump24","frame":{"x":417,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump25","frame":{"x":834,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump26","frame":{"x":1251,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump27","frame":{"x":1668,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump28","frame":{"x":2085,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump29","frame":{"x":2502,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump30","frame":{"x":2919,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run1","frame":{"x":3336,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run2","frame":{"x":3753,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run3","frame":{"x":4261,"y":0,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run4","frame":{"x":4261,"y":455,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run5","frame":{"x":4261,"y":910,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run6","frame":{"x":4261,"y":1365,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run7","frame":{"x":4261,"y":1820,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run8","frame":{"x":4261,"y":2275,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run9","frame":{"x":4261,"y":2730,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run10","frame":{"x":4261,"y":3185,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run11","frame":{"x":4261,"y":3640,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run12","frame":{"x":0,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run13","frame":{"x":417,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run14","frame":{"x":834,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run15","frame":{"x":1251,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run16","frame":{"x":1668,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run17","frame":{"x":2085,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run18","frame":{"x":2502,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run19","frame":{"x":2919,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run20","frame":{"x":3336,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk1","frame":{"x":3753,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk2","frame":{"x":4170,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk3","frame":{"x":4678,"y":0,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk4","frame":{"x":4678,"y":455,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk5","frame":{"x":4678,"y":910,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk6","frame":{"x":4678,"y":1365,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk7","frame":{"x":4678,"y":1820,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk8","frame":{"x":4678,"y":2275,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk9","frame":{"x":4678,"y":2730,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk10","frame":{"x":4678,"y":3185,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk11","frame":{"x":4678,"y":3640,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk12","frame":{"x":4678,"y":4095,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk13","frame":{"x":0,"y":4838,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk14","frame":{"x":417,"y":4838,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk15","frame":{"x":834,"y":4838,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk16","frame":{"x":1251,"y":4838,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk17","frame":{"x":1668,"y":4838,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk18","frame":{"x":2085,"y":4838,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk19","frame":{"x":2502,"y":4838,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk20","frame":{"x":2919,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}}],"meta":{"app":"https://www.leshylabs.com/apps/sstool/","version":"Leshy SpriteSheet Tool v0.8.4","image":"spritesheet.png","size":{"w":5094,"h":5292},"scale":1}} -------------------------------------------------------------------------------- /dist/assets/sprites.json: -------------------------------------------------------------------------------- 1 | {"frames":[{"filename":"dead1","frame":{"x":0,"y":503,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead22","frame":{"x":2408,"y":2515,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead25","frame":{"x":1806,"y":1509,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead26","frame":{"x":602,"y":0,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead27","frame":{"x":602,"y":503,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead28","frame":{"x":0,"y":1006,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead29","frame":{"x":602,"y":1006,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead30","frame":{"x":1204,"y":0,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead2","frame":{"x":1204,"y":503,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead3","frame":{"x":1204,"y":1006,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead4","frame":{"x":0,"y":1509,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead5","frame":{"x":602,"y":1509,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead6","frame":{"x":1204,"y":1509,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead7","frame":{"x":1806,"y":0,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead8","frame":{"x":1806,"y":503,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead9","frame":{"x":1806,"y":1006,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead10","frame":{"x":0,"y":0,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead11","frame":{"x":0,"y":2012,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead12","frame":{"x":602,"y":2012,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead13","frame":{"x":1204,"y":2012,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead14","frame":{"x":1806,"y":2012,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead15","frame":{"x":2408,"y":0,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead16","frame":{"x":2408,"y":503,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead17","frame":{"x":2408,"y":1006,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead18","frame":{"x":2408,"y":1509,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead19","frame":{"x":2408,"y":2012,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead20","frame":{"x":0,"y":2515,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead21","frame":{"x":602,"y":2515,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead23","frame":{"x":1204,"y":2515,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"dead24","frame":{"x":1806,"y":2515,"w":601,"h":502},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":601,"h":502},"sourceSize":{"w":601,"h":502}},{"filename":"idle1","frame":{"x":3010,"y":0,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle2","frame":{"x":3010,"y":455,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle3","frame":{"x":3010,"y":910,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle4","frame":{"x":3010,"y":1365,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle5","frame":{"x":3010,"y":1820,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle6","frame":{"x":3010,"y":2275,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle7","frame":{"x":0,"y":3018,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle8","frame":{"x":417,"y":3018,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle9","frame":{"x":834,"y":3018,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle10","frame":{"x":1251,"y":3018,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle11","frame":{"x":1668,"y":3018,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle12","frame":{"x":2085,"y":3018,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle13","frame":{"x":2502,"y":3018,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle14","frame":{"x":2919,"y":3018,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle15","frame":{"x":3427,"y":0,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"idle16","frame":{"x":3427,"y":455,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump1","frame":{"x":3427,"y":910,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump2","frame":{"x":3427,"y":1365,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump3","frame":{"x":3427,"y":1820,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump4","frame":{"x":3427,"y":2275,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump5","frame":{"x":3427,"y":2730,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump6","frame":{"x":0,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump7","frame":{"x":417,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump8","frame":{"x":834,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump9","frame":{"x":1251,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump10","frame":{"x":1668,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump11","frame":{"x":2085,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump12","frame":{"x":2502,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump13","frame":{"x":2919,"y":4838,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump14","frame":{"x":3336,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump15","frame":{"x":3844,"y":0,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump16","frame":{"x":3844,"y":455,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump17","frame":{"x":3844,"y":910,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump18","frame":{"x":3844,"y":1365,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump19","frame":{"x":3844,"y":1820,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump20","frame":{"x":3844,"y":2275,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump21","frame":{"x":3844,"y":2730,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump22","frame":{"x":3844,"y":3185,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump23","frame":{"x":0,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump24","frame":{"x":417,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump25","frame":{"x":834,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump26","frame":{"x":1251,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump27","frame":{"x":1668,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump28","frame":{"x":2085,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump29","frame":{"x":2502,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"jump30","frame":{"x":2919,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run1","frame":{"x":3336,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run2","frame":{"x":3753,"y":3928,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run3","frame":{"x":4261,"y":0,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run4","frame":{"x":4261,"y":455,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run5","frame":{"x":4261,"y":910,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run6","frame":{"x":4261,"y":1365,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run7","frame":{"x":4261,"y":1820,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run8","frame":{"x":4261,"y":2275,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run9","frame":{"x":4261,"y":2730,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run10","frame":{"x":4261,"y":3185,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run11","frame":{"x":4261,"y":3640,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run12","frame":{"x":0,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run13","frame":{"x":417,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run14","frame":{"x":834,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run15","frame":{"x":1251,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run16","frame":{"x":1668,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run17","frame":{"x":2085,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run18","frame":{"x":2502,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run19","frame":{"x":2919,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"run20","frame":{"x":3336,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk1","frame":{"x":3753,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk2","frame":{"x":4170,"y":4383,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk3","frame":{"x":4678,"y":0,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk4","frame":{"x":4678,"y":455,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk5","frame":{"x":4678,"y":910,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk6","frame":{"x":4678,"y":1365,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk7","frame":{"x":4678,"y":1820,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk8","frame":{"x":4678,"y":2275,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk9","frame":{"x":4678,"y":2730,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk10","frame":{"x":4678,"y":3185,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk11","frame":{"x":4678,"y":3640,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk12","frame":{"x":4678,"y":4095,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk13","frame":{"x":0,"y":4838,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk14","frame":{"x":417,"y":4838,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk15","frame":{"x":834,"y":4838,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk16","frame":{"x":1251,"y":4838,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk17","frame":{"x":1668,"y":4838,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk18","frame":{"x":2085,"y":4838,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk19","frame":{"x":2502,"y":4838,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}},{"filename":"walk20","frame":{"x":2919,"y":3473,"w":416,"h":454},"rotated":false,"trimmed":false,"spriteSourceSize":{"x":0,"y":0,"w":416,"h":454},"sourceSize":{"w":416,"h":454}}],"meta":{"app":"https://www.leshylabs.com/apps/sstool/","version":"Leshy SpriteSheet Tool v0.8.4","image":"spritesheet.png","size":{"w":5094,"h":5292},"scale":1}} -------------------------------------------------------------------------------- /dist/bundle.css: -------------------------------------------------------------------------------- 1 | /*! TACHYONS v4.9.0 | http://tachyons.io */ 2 | /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}/* 1 */ [type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}/* 1 */ menu,details{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}.border-box,a,article,body,code,dd,div,dl,dt,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,html,input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],legend,li,main,ol,p,pre,section,table,td,textarea,th,tr,ul{box-sizing:border-box}.aspect-ratio{height:0;position:relative}.aspect-ratio--16x9{padding-bottom:56.25%}.aspect-ratio--9x16{padding-bottom:177.77%}.aspect-ratio--4x3{padding-bottom:75%}.aspect-ratio--3x4{padding-bottom:133.33%}.aspect-ratio--6x4{padding-bottom:66.6%}.aspect-ratio--4x6{padding-bottom:150%}.aspect-ratio--8x5{padding-bottom:62.5%}.aspect-ratio--5x8{padding-bottom:160%}.aspect-ratio--7x5{padding-bottom:71.42%}.aspect-ratio--5x7{padding-bottom:140%}.aspect-ratio--1x1{padding-bottom:100%}.aspect-ratio--object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}img{max-width:100%}.cover{background-size:cover!important}.contain{background-size:contain!important}.bg-center{background-position:50%}.bg-center,.bg-top{background-repeat:no-repeat}.bg-top{background-position:top}.bg-right{background-position:100%}.bg-bottom,.bg-right{background-repeat:no-repeat}.bg-bottom{background-position:bottom}.bg-left{background-repeat:no-repeat;background-position:0}.outline{outline:1px solid}.outline-transparent{outline:1px solid transparent}.outline-0{outline:0}.ba{border-style:solid;border-width:1px}.bt{border-top-style:solid;border-top-width:1px}.br{border-right-style:solid;border-right-width:1px}.bb{border-bottom-style:solid;border-bottom-width:1px}.bl{border-left-style:solid;border-left-width:1px}.bn{border-style:none;border-width:0}.b--black{border-color:#000}.b--near-black{border-color:#111}.b--dark-gray{border-color:#333}.b--mid-gray{border-color:#555}.b--gray{border-color:#777}.b--silver{border-color:#999}.b--light-silver{border-color:#aaa}.b--moon-gray{border-color:#ccc}.b--light-gray{border-color:#eee}.b--near-white{border-color:#f4f4f4}.b--white{border-color:#fff}.b--white-90{border-color:hsla(0,0%,100%,.9)}.b--white-80{border-color:hsla(0,0%,100%,.8)}.b--white-70{border-color:hsla(0,0%,100%,.7)}.b--white-60{border-color:hsla(0,0%,100%,.6)}.b--white-50{border-color:hsla(0,0%,100%,.5)}.b--white-40{border-color:hsla(0,0%,100%,.4)}.b--white-30{border-color:hsla(0,0%,100%,.3)}.b--white-20{border-color:hsla(0,0%,100%,.2)}.b--white-10{border-color:hsla(0,0%,100%,.1)}.b--white-05{border-color:hsla(0,0%,100%,.05)}.b--white-025{border-color:hsla(0,0%,100%,.025)}.b--white-0125{border-color:hsla(0,0%,100%,.0125)}.b--black-90{border-color:rgba(0,0,0,.9)}.b--black-80{border-color:rgba(0,0,0,.8)}.b--black-70{border-color:rgba(0,0,0,.7)}.b--black-60{border-color:rgba(0,0,0,.6)}.b--black-50{border-color:rgba(0,0,0,.5)}.b--black-40{border-color:rgba(0,0,0,.4)}.b--black-30{border-color:rgba(0,0,0,.3)}.b--black-20{border-color:rgba(0,0,0,.2)}.b--black-10{border-color:rgba(0,0,0,.1)}.b--black-05{border-color:rgba(0,0,0,.05)}.b--black-025{border-color:rgba(0,0,0,.025)}.b--black-0125{border-color:rgba(0,0,0,.0125)}.b--dark-red{border-color:#e7040f}.b--red{border-color:#ff4136}.b--light-red{border-color:#ff725c}.b--orange{border-color:#ff6300}.b--gold{border-color:#ffb700}.b--yellow{border-color:gold}.b--light-yellow{border-color:#fbf1a9}.b--purple{border-color:#5e2ca5}.b--light-purple{border-color:#a463f2}.b--dark-pink{border-color:#d5008f}.b--hot-pink{border-color:#ff41b4}.b--pink{border-color:#ff80cc}.b--light-pink{border-color:#ffa3d7}.b--dark-green{border-color:#137752}.b--green{border-color:#19a974}.b--light-green{border-color:#9eebcf}.b--navy{border-color:#001b44}.b--dark-blue{border-color:#00449e}.b--blue{border-color:#357edd}.b--light-blue{border-color:#96ccff}.b--lightest-blue{border-color:#cdecff}.b--washed-blue{border-color:#f6fffe}.b--washed-green{border-color:#e8fdf5}.b--washed-yellow{border-color:#fffceb}.b--washed-red{border-color:#ffdfdf}.b--transparent{border-color:transparent}.b--inherit{border-color:inherit}.br0{border-radius:0}.br1{border-radius:.125rem}.br2{border-radius:.25rem}.br3{border-radius:.5rem}.br4{border-radius:1rem}.br-100{border-radius:100%}.br-pill{border-radius:9999px}.br--bottom{border-top-left-radius:0;border-top-right-radius:0}.br--top{border-bottom-right-radius:0}.br--right,.br--top{border-bottom-left-radius:0}.br--right{border-top-left-radius:0}.br--left{border-top-right-radius:0;border-bottom-right-radius:0}.b--dotted{border-style:dotted}.b--dashed{border-style:dashed}.b--solid{border-style:solid}.b--none{border-style:none}.bw0{border-width:0}.bw1{border-width:.125rem}.bw2{border-width:.25rem}.bw3{border-width:.5rem}.bw4{border-width:1rem}.bw5{border-width:2rem}.bt-0{border-top-width:0}.br-0{border-right-width:0}.bb-0{border-bottom-width:0}.bl-0{border-left-width:0}.shadow-1{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.pre{overflow-x:auto;overflow-y:hidden;overflow:scroll}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1{top:1rem}.right-1{right:1rem}.bottom-1{bottom:1rem}.left-1{left:1rem}.top-2{top:2rem}.right-2{right:2rem}.bottom-2{bottom:2rem}.left-2{left:2rem}.top--1{top:-1rem}.right--1{right:-1rem}.bottom--1{bottom:-1rem}.left--1{left:-1rem}.top--2{top:-2rem}.right--2{right:-2rem}.bottom--2{bottom:-2rem}.left--2{left:-2rem}.absolute--fill{top:0;right:0;bottom:0;left:0}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}.cl{clear:left}.cr{clear:right}.cb{clear:both}.cn{clear:none}.dn{display:none}.di{display:inline}.db{display:block}.dib{display:inline-block}.dit{display:inline-table}.dt{display:table}.dtc{display:table-cell}.dt-row{display:table-row}.dt-row-group{display:table-row-group}.dt-column{display:table-column}.dt-column-group{display:table-column-group}.dt--fixed{table-layout:fixed;width:100%}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flex-auto{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;min-height:0}.flex-none{-webkit-box-flex:0;-ms-flex:none;flex:none}.flex-column{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.flex-column,.flex-row{-webkit-box-direction:normal}.flex-row{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.items-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.self-start{-ms-flex-item-align:start;align-self:flex-start}.self-end{-ms-flex-item-align:end;align-self:flex-end}.self-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.self-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-around{-ms-flex-pack:distribute;justify-content:space-around}.content-start{-ms-flex-line-pack:start;align-content:flex-start}.content-end{-ms-flex-line-pack:end;align-content:flex-end}.content-center{-ms-flex-line-pack:center;align-content:center}.content-between{-ms-flex-line-pack:justify;align-content:space-between}.content-around{-ms-flex-line-pack:distribute;align-content:space-around}.content-stretch{-ms-flex-line-pack:stretch;align-content:stretch}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-last{-webkit-box-ordinal-group:100000;-ms-flex-order:99999;order:99999}.flex-grow-0{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.flex-grow-1{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}.flex-shrink-1{-ms-flex-negative:1;flex-shrink:1}.fl{float:left}.fl,.fr{_display:inline}.fr{float:right}.fn{float:none}.sans-serif{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.serif{font-family:georgia,times,serif}.system-sans-serif{font-family:sans-serif}.system-serif{font-family:serif}.code,code{font-family:Consolas,monaco,monospace}.courier{font-family:Courier Next,courier,monospace}.helvetica{font-family:helvetica neue,helvetica,sans-serif}.avenir{font-family:avenir next,avenir,sans-serif}.athelas{font-family:athelas,georgia,serif}.georgia{font-family:georgia,serif}.times{font-family:times,serif}.bodoni{font-family:Bodoni MT,serif}.calisto{font-family:Calisto MT,serif}.garamond{font-family:garamond,serif}.baskerville{font-family:baskerville,serif}.i{font-style:italic}.fs-normal{font-style:normal}.normal{font-weight:400}.b{font-weight:700}.fw1{font-weight:100}.fw2{font-weight:200}.fw3{font-weight:300}.fw4{font-weight:400}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fw9{font-weight:900}.input-reset{-webkit-appearance:none;-moz-appearance:none}.button-reset::-moz-focus-inner,.input-reset::-moz-focus-inner{border:0;padding:0}.h1{height:1rem}.h2{height:2rem}.h3{height:4rem}.h4{height:8rem}.h5{height:16rem}.h-25{height:25%}.h-50{height:50%}.h-75{height:75%}.h-100{height:100%}.min-h-100{min-height:100%}.vh-25{height:25vh}.vh-50{height:50vh}.vh-75{height:75vh}.vh-100{height:100vh}.min-vh-100{min-height:100vh}.h-auto{height:auto}.h-inherit{height:inherit}.tracked{letter-spacing:.1em}.tracked-tight{letter-spacing:-.05em}.tracked-mega{letter-spacing:.25em}.lh-solid{line-height:1}.lh-title{line-height:1.25}.lh-copy{line-height:1.5}.link{text-decoration:none}.link,.link:active,.link:focus,.link:hover,.link:link,.link:visited{transition:color .15s ease-in}.link:focus{outline:1px dotted currentColor}.list{list-style-type:none}.mw-100{max-width:100%}.mw1{max-width:1rem}.mw2{max-width:2rem}.mw3{max-width:4rem}.mw4{max-width:8rem}.mw5{max-width:16rem}.mw6{max-width:32rem}.mw7{max-width:48rem}.mw8{max-width:64rem}.mw9{max-width:96rem}.mw-none{max-width:none}.w1{width:1rem}.w2{width:2rem}.w3{width:4rem}.w4{width:8rem}.w5{width:16rem}.w-10{width:10%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-33{width:33%}.w-34{width:34%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.w-third{width:33.33333%}.w-two-thirds{width:66.66667%}.w-auto{width:auto}.overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-x-visible{overflow-x:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-visible{overflow-y:visible}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overflow-y-auto{overflow-y:auto}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.o-100{opacity:1}.o-90{opacity:.9}.o-80{opacity:.8}.o-70{opacity:.7}.o-60{opacity:.6}.o-50{opacity:.5}.o-40{opacity:.4}.o-30{opacity:.3}.o-20{opacity:.2}.o-10{opacity:.1}.o-05{opacity:.05}.o-025{opacity:.025}.o-0{opacity:0}.rotate-45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.black-90{color:rgba(0,0,0,.9)}.black-80{color:rgba(0,0,0,.8)}.black-70{color:rgba(0,0,0,.7)}.black-60{color:rgba(0,0,0,.6)}.black-50{color:rgba(0,0,0,.5)}.black-40{color:rgba(0,0,0,.4)}.black-30{color:rgba(0,0,0,.3)}.black-20{color:rgba(0,0,0,.2)}.black-10{color:rgba(0,0,0,.1)}.black-05{color:rgba(0,0,0,.05)}.white-90{color:hsla(0,0%,100%,.9)}.white-80{color:hsla(0,0%,100%,.8)}.white-70{color:hsla(0,0%,100%,.7)}.white-60{color:hsla(0,0%,100%,.6)}.white-50{color:hsla(0,0%,100%,.5)}.white-40{color:hsla(0,0%,100%,.4)}.white-30{color:hsla(0,0%,100%,.3)}.white-20{color:hsla(0,0%,100%,.2)}.white-10{color:hsla(0,0%,100%,.1)}.black{color:#000}.near-black{color:#111}.dark-gray{color:#333}.mid-gray{color:#555}.gray{color:#777}.silver{color:#999}.light-silver{color:#aaa}.moon-gray{color:#ccc}.light-gray{color:#eee}.near-white{color:#f4f4f4}.white{color:#fff}.dark-red{color:#e7040f}.red{color:#ff4136}.light-red{color:#ff725c}.orange{color:#ff6300}.gold{color:#ffb700}.yellow{color:gold}.light-yellow{color:#fbf1a9}.purple{color:#5e2ca5}.light-purple{color:#a463f2}.dark-pink{color:#d5008f}.hot-pink{color:#ff41b4}.pink{color:#ff80cc}.light-pink{color:#ffa3d7}.dark-green{color:#137752}.green{color:#19a974}.light-green{color:#9eebcf}.navy{color:#001b44}.dark-blue{color:#00449e}.blue{color:#357edd}.light-blue{color:#96ccff}.lightest-blue{color:#cdecff}.washed-blue{color:#f6fffe}.washed-green{color:#e8fdf5}.washed-yellow{color:#fffceb}.washed-red{color:#ffdfdf}.color-inherit{color:inherit}.bg-black-90{background-color:rgba(0,0,0,.9)}.bg-black-80{background-color:rgba(0,0,0,.8)}.bg-black-70{background-color:rgba(0,0,0,.7)}.bg-black-60{background-color:rgba(0,0,0,.6)}.bg-black-50{background-color:rgba(0,0,0,.5)}.bg-black-40{background-color:rgba(0,0,0,.4)}.bg-black-30{background-color:rgba(0,0,0,.3)}.bg-black-20{background-color:rgba(0,0,0,.2)}.bg-black-10{background-color:rgba(0,0,0,.1)}.bg-black-05{background-color:rgba(0,0,0,.05)}.bg-white-90{background-color:hsla(0,0%,100%,.9)}.bg-white-80{background-color:hsla(0,0%,100%,.8)}.bg-white-70{background-color:hsla(0,0%,100%,.7)}.bg-white-60{background-color:hsla(0,0%,100%,.6)}.bg-white-50{background-color:hsla(0,0%,100%,.5)}.bg-white-40{background-color:hsla(0,0%,100%,.4)}.bg-white-30{background-color:hsla(0,0%,100%,.3)}.bg-white-20{background-color:hsla(0,0%,100%,.2)}.bg-white-10{background-color:hsla(0,0%,100%,.1)}.bg-black{background-color:#000}.bg-near-black{background-color:#111}.bg-dark-gray{background-color:#333}.bg-mid-gray{background-color:#555}.bg-gray{background-color:#777}.bg-silver{background-color:#999}.bg-light-silver{background-color:#aaa}.bg-moon-gray{background-color:#ccc}.bg-light-gray{background-color:#eee}.bg-near-white{background-color:#f4f4f4}.bg-white{background-color:#fff}.bg-transparent{background-color:transparent}.bg-dark-red{background-color:#e7040f}.bg-red{background-color:#ff4136}.bg-light-red{background-color:#ff725c}.bg-orange{background-color:#ff6300}.bg-gold{background-color:#ffb700}.bg-yellow{background-color:gold}.bg-light-yellow{background-color:#fbf1a9}.bg-purple{background-color:#5e2ca5}.bg-light-purple{background-color:#a463f2}.bg-dark-pink{background-color:#d5008f}.bg-hot-pink{background-color:#ff41b4}.bg-pink{background-color:#ff80cc}.bg-light-pink{background-color:#ffa3d7}.bg-dark-green{background-color:#137752}.bg-green{background-color:#19a974}.bg-light-green{background-color:#9eebcf}.bg-navy{background-color:#001b44}.bg-dark-blue{background-color:#00449e}.bg-blue{background-color:#357edd}.bg-light-blue{background-color:#96ccff}.bg-lightest-blue{background-color:#cdecff}.bg-washed-blue{background-color:#f6fffe}.bg-washed-green{background-color:#e8fdf5}.bg-washed-yellow{background-color:#fffceb}.bg-washed-red{background-color:#ffdfdf}.bg-inherit{background-color:inherit}.hover-black:focus,.hover-black:hover{color:#000}.hover-near-black:focus,.hover-near-black:hover{color:#111}.hover-dark-gray:focus,.hover-dark-gray:hover{color:#333}.hover-mid-gray:focus,.hover-mid-gray:hover{color:#555}.hover-gray:focus,.hover-gray:hover{color:#777}.hover-silver:focus,.hover-silver:hover{color:#999}.hover-light-silver:focus,.hover-light-silver:hover{color:#aaa}.hover-moon-gray:focus,.hover-moon-gray:hover{color:#ccc}.hover-light-gray:focus,.hover-light-gray:hover{color:#eee}.hover-near-white:focus,.hover-near-white:hover{color:#f4f4f4}.hover-white:focus,.hover-white:hover{color:#fff}.hover-black-90:focus,.hover-black-90:hover{color:rgba(0,0,0,.9)}.hover-black-80:focus,.hover-black-80:hover{color:rgba(0,0,0,.8)}.hover-black-70:focus,.hover-black-70:hover{color:rgba(0,0,0,.7)}.hover-black-60:focus,.hover-black-60:hover{color:rgba(0,0,0,.6)}.hover-black-50:focus,.hover-black-50:hover{color:rgba(0,0,0,.5)}.hover-black-40:focus,.hover-black-40:hover{color:rgba(0,0,0,.4)}.hover-black-30:focus,.hover-black-30:hover{color:rgba(0,0,0,.3)}.hover-black-20:focus,.hover-black-20:hover{color:rgba(0,0,0,.2)}.hover-black-10:focus,.hover-black-10:hover{color:rgba(0,0,0,.1)}.hover-white-90:focus,.hover-white-90:hover{color:hsla(0,0%,100%,.9)}.hover-white-80:focus,.hover-white-80:hover{color:hsla(0,0%,100%,.8)}.hover-white-70:focus,.hover-white-70:hover{color:hsla(0,0%,100%,.7)}.hover-white-60:focus,.hover-white-60:hover{color:hsla(0,0%,100%,.6)}.hover-white-50:focus,.hover-white-50:hover{color:hsla(0,0%,100%,.5)}.hover-white-40:focus,.hover-white-40:hover{color:hsla(0,0%,100%,.4)}.hover-white-30:focus,.hover-white-30:hover{color:hsla(0,0%,100%,.3)}.hover-white-20:focus,.hover-white-20:hover{color:hsla(0,0%,100%,.2)}.hover-white-10:focus,.hover-white-10:hover{color:hsla(0,0%,100%,.1)}.hover-inherit:focus,.hover-inherit:hover{color:inherit}.hover-bg-black:focus,.hover-bg-black:hover{background-color:#000}.hover-bg-near-black:focus,.hover-bg-near-black:hover{background-color:#111}.hover-bg-dark-gray:focus,.hover-bg-dark-gray:hover{background-color:#333}.hover-bg-mid-gray:focus,.hover-bg-mid-gray:hover{background-color:#555}.hover-bg-gray:focus,.hover-bg-gray:hover{background-color:#777}.hover-bg-silver:focus,.hover-bg-silver:hover{background-color:#999}.hover-bg-light-silver:focus,.hover-bg-light-silver:hover{background-color:#aaa}.hover-bg-moon-gray:focus,.hover-bg-moon-gray:hover{background-color:#ccc}.hover-bg-light-gray:focus,.hover-bg-light-gray:hover{background-color:#eee}.hover-bg-near-white:focus,.hover-bg-near-white:hover{background-color:#f4f4f4}.hover-bg-white:focus,.hover-bg-white:hover{background-color:#fff}.hover-bg-transparent:focus,.hover-bg-transparent:hover{background-color:transparent}.hover-bg-black-90:focus,.hover-bg-black-90:hover{background-color:rgba(0,0,0,.9)}.hover-bg-black-80:focus,.hover-bg-black-80:hover{background-color:rgba(0,0,0,.8)}.hover-bg-black-70:focus,.hover-bg-black-70:hover{background-color:rgba(0,0,0,.7)}.hover-bg-black-60:focus,.hover-bg-black-60:hover{background-color:rgba(0,0,0,.6)}.hover-bg-black-50:focus,.hover-bg-black-50:hover{background-color:rgba(0,0,0,.5)}.hover-bg-black-40:focus,.hover-bg-black-40:hover{background-color:rgba(0,0,0,.4)}.hover-bg-black-30:focus,.hover-bg-black-30:hover{background-color:rgba(0,0,0,.3)}.hover-bg-black-20:focus,.hover-bg-black-20:hover{background-color:rgba(0,0,0,.2)}.hover-bg-black-10:focus,.hover-bg-black-10:hover{background-color:rgba(0,0,0,.1)}.hover-bg-white-90:focus,.hover-bg-white-90:hover{background-color:hsla(0,0%,100%,.9)}.hover-bg-white-80:focus,.hover-bg-white-80:hover{background-color:hsla(0,0%,100%,.8)}.hover-bg-white-70:focus,.hover-bg-white-70:hover{background-color:hsla(0,0%,100%,.7)}.hover-bg-white-60:focus,.hover-bg-white-60:hover{background-color:hsla(0,0%,100%,.6)}.hover-bg-white-50:focus,.hover-bg-white-50:hover{background-color:hsla(0,0%,100%,.5)}.hover-bg-white-40:focus,.hover-bg-white-40:hover{background-color:hsla(0,0%,100%,.4)}.hover-bg-white-30:focus,.hover-bg-white-30:hover{background-color:hsla(0,0%,100%,.3)}.hover-bg-white-20:focus,.hover-bg-white-20:hover{background-color:hsla(0,0%,100%,.2)}.hover-bg-white-10:focus,.hover-bg-white-10:hover{background-color:hsla(0,0%,100%,.1)}.hover-dark-red:focus,.hover-dark-red:hover{color:#e7040f}.hover-red:focus,.hover-red:hover{color:#ff4136}.hover-light-red:focus,.hover-light-red:hover{color:#ff725c}.hover-orange:focus,.hover-orange:hover{color:#ff6300}.hover-gold:focus,.hover-gold:hover{color:#ffb700}.hover-yellow:focus,.hover-yellow:hover{color:gold}.hover-light-yellow:focus,.hover-light-yellow:hover{color:#fbf1a9}.hover-purple:focus,.hover-purple:hover{color:#5e2ca5}.hover-light-purple:focus,.hover-light-purple:hover{color:#a463f2}.hover-dark-pink:focus,.hover-dark-pink:hover{color:#d5008f}.hover-hot-pink:focus,.hover-hot-pink:hover{color:#ff41b4}.hover-pink:focus,.hover-pink:hover{color:#ff80cc}.hover-light-pink:focus,.hover-light-pink:hover{color:#ffa3d7}.hover-dark-green:focus,.hover-dark-green:hover{color:#137752}.hover-green:focus,.hover-green:hover{color:#19a974}.hover-light-green:focus,.hover-light-green:hover{color:#9eebcf}.hover-navy:focus,.hover-navy:hover{color:#001b44}.hover-dark-blue:focus,.hover-dark-blue:hover{color:#00449e}.hover-blue:focus,.hover-blue:hover{color:#357edd}.hover-light-blue:focus,.hover-light-blue:hover{color:#96ccff}.hover-lightest-blue:focus,.hover-lightest-blue:hover{color:#cdecff}.hover-washed-blue:focus,.hover-washed-blue:hover{color:#f6fffe}.hover-washed-green:focus,.hover-washed-green:hover{color:#e8fdf5}.hover-washed-yellow:focus,.hover-washed-yellow:hover{color:#fffceb}.hover-washed-red:focus,.hover-washed-red:hover{color:#ffdfdf}.hover-bg-dark-red:focus,.hover-bg-dark-red:hover{background-color:#e7040f}.hover-bg-red:focus,.hover-bg-red:hover{background-color:#ff4136}.hover-bg-light-red:focus,.hover-bg-light-red:hover{background-color:#ff725c}.hover-bg-orange:focus,.hover-bg-orange:hover{background-color:#ff6300}.hover-bg-gold:focus,.hover-bg-gold:hover{background-color:#ffb700}.hover-bg-yellow:focus,.hover-bg-yellow:hover{background-color:gold}.hover-bg-light-yellow:focus,.hover-bg-light-yellow:hover{background-color:#fbf1a9}.hover-bg-purple:focus,.hover-bg-purple:hover{background-color:#5e2ca5}.hover-bg-light-purple:focus,.hover-bg-light-purple:hover{background-color:#a463f2}.hover-bg-dark-pink:focus,.hover-bg-dark-pink:hover{background-color:#d5008f}.hover-bg-hot-pink:focus,.hover-bg-hot-pink:hover{background-color:#ff41b4}.hover-bg-pink:focus,.hover-bg-pink:hover{background-color:#ff80cc}.hover-bg-light-pink:focus,.hover-bg-light-pink:hover{background-color:#ffa3d7}.hover-bg-dark-green:focus,.hover-bg-dark-green:hover{background-color:#137752}.hover-bg-green:focus,.hover-bg-green:hover{background-color:#19a974}.hover-bg-light-green:focus,.hover-bg-light-green:hover{background-color:#9eebcf}.hover-bg-navy:focus,.hover-bg-navy:hover{background-color:#001b44}.hover-bg-dark-blue:focus,.hover-bg-dark-blue:hover{background-color:#00449e}.hover-bg-blue:focus,.hover-bg-blue:hover{background-color:#357edd}.hover-bg-light-blue:focus,.hover-bg-light-blue:hover{background-color:#96ccff}.hover-bg-lightest-blue:focus,.hover-bg-lightest-blue:hover{background-color:#cdecff}.hover-bg-washed-blue:focus,.hover-bg-washed-blue:hover{background-color:#f6fffe}.hover-bg-washed-green:focus,.hover-bg-washed-green:hover{background-color:#e8fdf5}.hover-bg-washed-yellow:focus,.hover-bg-washed-yellow:hover{background-color:#fffceb}.hover-bg-washed-red:focus,.hover-bg-washed-red:hover{background-color:#ffdfdf}.hover-bg-inherit:focus,.hover-bg-inherit:hover{background-color:inherit}.pa0{padding:0}.pa1{padding:.25rem}.pa2{padding:.5rem}.pa3{padding:1rem}.pa4{padding:2rem}.pa5{padding:4rem}.pa6{padding:8rem}.pa7{padding:16rem}.pl0{padding-left:0}.pl1{padding-left:.25rem}.pl2{padding-left:.5rem}.pl3{padding-left:1rem}.pl4{padding-left:2rem}.pl5{padding-left:4rem}.pl6{padding-left:8rem}.pl7{padding-left:16rem}.pr0{padding-right:0}.pr1{padding-right:.25rem}.pr2{padding-right:.5rem}.pr3{padding-right:1rem}.pr4{padding-right:2rem}.pr5{padding-right:4rem}.pr6{padding-right:8rem}.pr7{padding-right:16rem}.pb0{padding-bottom:0}.pb1{padding-bottom:.25rem}.pb2{padding-bottom:.5rem}.pb3{padding-bottom:1rem}.pb4{padding-bottom:2rem}.pb5{padding-bottom:4rem}.pb6{padding-bottom:8rem}.pb7{padding-bottom:16rem}.pt0{padding-top:0}.pt1{padding-top:.25rem}.pt2{padding-top:.5rem}.pt3{padding-top:1rem}.pt4{padding-top:2rem}.pt5{padding-top:4rem}.pt6{padding-top:8rem}.pt7{padding-top:16rem}.pv0{padding-top:0;padding-bottom:0}.pv1{padding-top:.25rem;padding-bottom:.25rem}.pv2{padding-top:.5rem;padding-bottom:.5rem}.pv3{padding-top:1rem;padding-bottom:1rem}.pv4{padding-top:2rem;padding-bottom:2rem}.pv5{padding-top:4rem;padding-bottom:4rem}.pv6{padding-top:8rem;padding-bottom:8rem}.pv7{padding-top:16rem;padding-bottom:16rem}.ph0{padding-left:0;padding-right:0}.ph1{padding-left:.25rem;padding-right:.25rem}.ph2{padding-left:.5rem;padding-right:.5rem}.ph3{padding-left:1rem;padding-right:1rem}.ph4{padding-left:2rem;padding-right:2rem}.ph5{padding-left:4rem;padding-right:4rem}.ph6{padding-left:8rem;padding-right:8rem}.ph7{padding-left:16rem;padding-right:16rem}.ma0{margin:0}.ma1{margin:.25rem}.ma2{margin:.5rem}.ma3{margin:1rem}.ma4{margin:2rem}.ma5{margin:4rem}.ma6{margin:8rem}.ma7{margin:16rem}.ml0{margin-left:0}.ml1{margin-left:.25rem}.ml2{margin-left:.5rem}.ml3{margin-left:1rem}.ml4{margin-left:2rem}.ml5{margin-left:4rem}.ml6{margin-left:8rem}.ml7{margin-left:16rem}.mr0{margin-right:0}.mr1{margin-right:.25rem}.mr2{margin-right:.5rem}.mr3{margin-right:1rem}.mr4{margin-right:2rem}.mr5{margin-right:4rem}.mr6{margin-right:8rem}.mr7{margin-right:16rem}.mb0{margin-bottom:0}.mb1{margin-bottom:.25rem}.mb2{margin-bottom:.5rem}.mb3{margin-bottom:1rem}.mb4{margin-bottom:2rem}.mb5{margin-bottom:4rem}.mb6{margin-bottom:8rem}.mb7{margin-bottom:16rem}.mt0{margin-top:0}.mt1{margin-top:.25rem}.mt2{margin-top:.5rem}.mt3{margin-top:1rem}.mt4{margin-top:2rem}.mt5{margin-top:4rem}.mt6{margin-top:8rem}.mt7{margin-top:16rem}.mv0{margin-top:0;margin-bottom:0}.mv1{margin-top:.25rem;margin-bottom:.25rem}.mv2{margin-top:.5rem;margin-bottom:.5rem}.mv3{margin-top:1rem;margin-bottom:1rem}.mv4{margin-top:2rem;margin-bottom:2rem}.mv5{margin-top:4rem;margin-bottom:4rem}.mv6{margin-top:8rem;margin-bottom:8rem}.mv7{margin-top:16rem;margin-bottom:16rem}.mh0{margin-left:0;margin-right:0}.mh1{margin-left:.25rem;margin-right:.25rem}.mh2{margin-left:.5rem;margin-right:.5rem}.mh3{margin-left:1rem;margin-right:1rem}.mh4{margin-left:2rem;margin-right:2rem}.mh5{margin-left:4rem;margin-right:4rem}.mh6{margin-left:8rem;margin-right:8rem}.mh7{margin-left:16rem;margin-right:16rem}.na1{margin:-.25rem}.na2{margin:-.5rem}.na3{margin:-1rem}.na4{margin:-2rem}.na5{margin:-4rem}.na6{margin:-8rem}.na7{margin:-16rem}.nl1{margin-left:-.25rem}.nl2{margin-left:-.5rem}.nl3{margin-left:-1rem}.nl4{margin-left:-2rem}.nl5{margin-left:-4rem}.nl6{margin-left:-8rem}.nl7{margin-left:-16rem}.nr1{margin-right:-.25rem}.nr2{margin-right:-.5rem}.nr3{margin-right:-1rem}.nr4{margin-right:-2rem}.nr5{margin-right:-4rem}.nr6{margin-right:-8rem}.nr7{margin-right:-16rem}.nb1{margin-bottom:-.25rem}.nb2{margin-bottom:-.5rem}.nb3{margin-bottom:-1rem}.nb4{margin-bottom:-2rem}.nb5{margin-bottom:-4rem}.nb6{margin-bottom:-8rem}.nb7{margin-bottom:-16rem}.nt1{margin-top:-.25rem}.nt2{margin-top:-.5rem}.nt3{margin-top:-1rem}.nt4{margin-top:-2rem}.nt5{margin-top:-4rem}.nt6{margin-top:-8rem}.nt7{margin-top:-16rem}.collapse{border-collapse:collapse;border-spacing:0}.striped--light-silver:nth-child(odd){background-color:#aaa}.striped--moon-gray:nth-child(odd){background-color:#ccc}.striped--light-gray:nth-child(odd){background-color:#eee}.striped--near-white:nth-child(odd){background-color:#f4f4f4}.stripe-light:nth-child(odd){background-color:hsla(0,0%,100%,.1)}.stripe-dark:nth-child(odd){background-color:rgba(0,0,0,.1)}.strike{text-decoration:line-through}.underline{text-decoration:underline}.no-underline{text-decoration:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.tj{text-align:justify}.ttc{text-transform:capitalize}.ttl{text-transform:lowercase}.ttu{text-transform:uppercase}.ttn{text-transform:none}.f-6,.f-headline{font-size:6rem}.f-5,.f-subheadline{font-size:5rem}.f1{font-size:3rem}.f2{font-size:2.25rem}.f3{font-size:1.5rem}.f4{font-size:1.25rem}.f5{font-size:1rem}.f6{font-size:.875rem}.f7{font-size:.75rem}.measure{max-width:30em}.measure-wide{max-width:34em}.measure-narrow{max-width:20em}.indent{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps{font-variant:small-caps}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-container{overflow-y:scroll}.center{margin-left:auto}.center,.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.clip{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal{white-space:normal}.nowrap{white-space:nowrap}.pre{white-space:pre}.v-base{vertical-align:baseline}.v-mid{vertical-align:middle}.v-top{vertical-align:top}.v-btm{vertical-align:bottom}.dim{opacity:1}.dim,.dim:focus,.dim:hover{transition:opacity .15s ease-in}.dim:focus,.dim:hover{opacity:.5}.dim:active{opacity:.8;transition:opacity .15s ease-out}.glow,.glow:focus,.glow:hover{transition:opacity .15s ease-in}.glow:focus,.glow:hover{opacity:1}.hide-child .child{opacity:0;transition:opacity .15s ease-in}.hide-child:active .child,.hide-child:focus .child,.hide-child:hover .child{opacity:1;transition:opacity .15s ease-in}.underline-hover:focus,.underline-hover:hover{text-decoration:underline}.grow{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.grow:focus,.grow:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.grow:active{-webkit-transform:scale(.9);transform:scale(.9)}.grow-large{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.grow-large:focus,.grow-large:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.grow-large:active{-webkit-transform:scale(.95);transform:scale(.95)}.pointer:hover,.shadow-hover{cursor:pointer}.shadow-hover{position:relative;transition:all .5s cubic-bezier(.165,.84,.44,1)}.shadow-hover:after{content:"";box-shadow:0 0 16px 2px rgba(0,0,0,.2);border-radius:inherit;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.shadow-hover:focus:after,.shadow-hover:hover:after{opacity:1}.bg-animate,.bg-animate:focus,.bg-animate:hover{transition:background-color .15s ease-in-out}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.z-999{z-index:999}.z-9999{z-index:9999}.z-max{z-index:2147483647}.z-inherit{z-index:inherit}.z-initial{z-index:auto}.z-unset{z-index:unset}.nested-copy-line-height ol,.nested-copy-line-height p,.nested-copy-line-height ul{line-height:1.5}.nested-headline-line-height h1,.nested-headline-line-height h2,.nested-headline-line-height h3,.nested-headline-line-height h4,.nested-headline-line-height h5,.nested-headline-line-height h6{line-height:1.25}.nested-list-reset ol,.nested-list-reset ul{padding-left:0;margin-left:0;list-style-type:none}.nested-copy-indent p+p{text-indent:1em;margin-top:0;margin-bottom:0}.nested-copy-seperator p+p{margin-top:1.5em}.nested-img img{width:100%;max-width:100%;display:block}.nested-links a{color:#357edd;transition:color .15s ease-in}.nested-links a:focus,.nested-links a:hover{color:#96ccff;transition:color .15s ease-in}.debug *{outline:1px solid gold}.debug-white *{outline:1px solid #fff}.debug-black *{outline:1px solid #000}.debug-grid{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII=) repeat 0 0}.debug-grid-16{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII=) repeat 0 0}.debug-grid-8-solid{background:#fff url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw==) repeat 0 0}.debug-grid-16-solid{background:#fff url(data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7) repeat 0 0}@media screen and (min-width:30em){.aspect-ratio-ns{height:0;position:relative}.aspect-ratio--16x9-ns{padding-bottom:56.25%}.aspect-ratio--9x16-ns{padding-bottom:177.77%}.aspect-ratio--4x3-ns{padding-bottom:75%}.aspect-ratio--3x4-ns{padding-bottom:133.33%}.aspect-ratio--6x4-ns{padding-bottom:66.6%}.aspect-ratio--4x6-ns{padding-bottom:150%}.aspect-ratio--8x5-ns{padding-bottom:62.5%}.aspect-ratio--5x8-ns{padding-bottom:160%}.aspect-ratio--7x5-ns{padding-bottom:71.42%}.aspect-ratio--5x7-ns{padding-bottom:140%}.aspect-ratio--1x1-ns{padding-bottom:100%}.aspect-ratio--object-ns{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.cover-ns{background-size:cover!important}.contain-ns{background-size:contain!important}.bg-center-ns{background-position:50%}.bg-center-ns,.bg-top-ns{background-repeat:no-repeat}.bg-top-ns{background-position:top}.bg-right-ns{background-position:100%}.bg-bottom-ns,.bg-right-ns{background-repeat:no-repeat}.bg-bottom-ns{background-position:bottom}.bg-left-ns{background-repeat:no-repeat;background-position:0}.outline-ns{outline:1px solid}.outline-transparent-ns{outline:1px solid transparent}.outline-0-ns{outline:0}.ba-ns{border-style:solid;border-width:1px}.bt-ns{border-top-style:solid;border-top-width:1px}.br-ns{border-right-style:solid;border-right-width:1px}.bb-ns{border-bottom-style:solid;border-bottom-width:1px}.bl-ns{border-left-style:solid;border-left-width:1px}.bn-ns{border-style:none;border-width:0}.br0-ns{border-radius:0}.br1-ns{border-radius:.125rem}.br2-ns{border-radius:.25rem}.br3-ns{border-radius:.5rem}.br4-ns{border-radius:1rem}.br-100-ns{border-radius:100%}.br-pill-ns{border-radius:9999px}.br--bottom-ns{border-top-left-radius:0;border-top-right-radius:0}.br--top-ns{border-bottom-right-radius:0}.br--right-ns,.br--top-ns{border-bottom-left-radius:0}.br--right-ns{border-top-left-radius:0}.br--left-ns{border-top-right-radius:0;border-bottom-right-radius:0}.b--dotted-ns{border-style:dotted}.b--dashed-ns{border-style:dashed}.b--solid-ns{border-style:solid}.b--none-ns{border-style:none}.bw0-ns{border-width:0}.bw1-ns{border-width:.125rem}.bw2-ns{border-width:.25rem}.bw3-ns{border-width:.5rem}.bw4-ns{border-width:1rem}.bw5-ns{border-width:2rem}.bt-0-ns{border-top-width:0}.br-0-ns{border-right-width:0}.bb-0-ns{border-bottom-width:0}.bl-0-ns{border-left-width:0}.shadow-1-ns{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2-ns{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3-ns{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4-ns{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5-ns{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.top-0-ns{top:0}.left-0-ns{left:0}.right-0-ns{right:0}.bottom-0-ns{bottom:0}.top-1-ns{top:1rem}.left-1-ns{left:1rem}.right-1-ns{right:1rem}.bottom-1-ns{bottom:1rem}.top-2-ns{top:2rem}.left-2-ns{left:2rem}.right-2-ns{right:2rem}.bottom-2-ns{bottom:2rem}.top--1-ns{top:-1rem}.right--1-ns{right:-1rem}.bottom--1-ns{bottom:-1rem}.left--1-ns{left:-1rem}.top--2-ns{top:-2rem}.right--2-ns{right:-2rem}.bottom--2-ns{bottom:-2rem}.left--2-ns{left:-2rem}.absolute--fill-ns{top:0;right:0;bottom:0;left:0}.cl-ns{clear:left}.cr-ns{clear:right}.cb-ns{clear:both}.cn-ns{clear:none}.dn-ns{display:none}.di-ns{display:inline}.db-ns{display:block}.dib-ns{display:inline-block}.dit-ns{display:inline-table}.dt-ns{display:table}.dtc-ns{display:table-cell}.dt-row-ns{display:table-row}.dt-row-group-ns{display:table-row-group}.dt-column-ns{display:table-column}.dt-column-group-ns{display:table-column-group}.dt--fixed-ns{table-layout:fixed;width:100%}.flex-ns{display:-webkit-box;display:-ms-flexbox;display:flex}.inline-flex-ns{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flex-auto-ns{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;min-height:0}.flex-none-ns{-webkit-box-flex:0;-ms-flex:none;flex:none}.flex-column-ns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-row-ns{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.flex-wrap-ns{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-nowrap-ns{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex-wrap-reverse-ns{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-column-reverse-ns{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-row-reverse-ns{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.items-start-ns{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.items-end-ns{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.items-center-ns{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.items-baseline-ns{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.items-stretch-ns{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.self-start-ns{-ms-flex-item-align:start;align-self:flex-start}.self-end-ns{-ms-flex-item-align:end;align-self:flex-end}.self-center-ns{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.self-baseline-ns{-ms-flex-item-align:baseline;align-self:baseline}.self-stretch-ns{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.justify-start-ns{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.justify-end-ns{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.justify-center-ns{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-between-ns{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-around-ns{-ms-flex-pack:distribute;justify-content:space-around}.content-start-ns{-ms-flex-line-pack:start;align-content:flex-start}.content-end-ns{-ms-flex-line-pack:end;align-content:flex-end}.content-center-ns{-ms-flex-line-pack:center;align-content:center}.content-between-ns{-ms-flex-line-pack:justify;align-content:space-between}.content-around-ns{-ms-flex-line-pack:distribute;align-content:space-around}.content-stretch-ns{-ms-flex-line-pack:stretch;align-content:stretch}.order-0-ns{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1-ns{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2-ns{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3-ns{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4-ns{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5-ns{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6-ns{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7-ns{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8-ns{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-last-ns{-webkit-box-ordinal-group:100000;-ms-flex-order:99999;order:99999}.flex-grow-0-ns{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.flex-grow-1-ns{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.flex-shrink-0-ns{-ms-flex-negative:0;flex-shrink:0}.flex-shrink-1-ns{-ms-flex-negative:1;flex-shrink:1}.fl-ns{float:left}.fl-ns,.fr-ns{display:inline}.fr-ns{float:right}.fn-ns{float:none}.i-ns{font-style:italic}.fs-normal-ns{font-style:normal}.normal-ns{font-weight:400}.b-ns{font-weight:700}.fw1-ns{font-weight:100}.fw2-ns{font-weight:200}.fw3-ns{font-weight:300}.fw4-ns{font-weight:400}.fw5-ns{font-weight:500}.fw6-ns{font-weight:600}.fw7-ns{font-weight:700}.fw8-ns{font-weight:800}.fw9-ns{font-weight:900}.h1-ns{height:1rem}.h2-ns{height:2rem}.h3-ns{height:4rem}.h4-ns{height:8rem}.h5-ns{height:16rem}.h-25-ns{height:25%}.h-50-ns{height:50%}.h-75-ns{height:75%}.h-100-ns{height:100%}.min-h-100-ns{min-height:100%}.vh-25-ns{height:25vh}.vh-50-ns{height:50vh}.vh-75-ns{height:75vh}.vh-100-ns{height:100vh}.min-vh-100-ns{min-height:100vh}.h-auto-ns{height:auto}.h-inherit-ns{height:inherit}.tracked-ns{letter-spacing:.1em}.tracked-tight-ns{letter-spacing:-.05em}.tracked-mega-ns{letter-spacing:.25em}.lh-solid-ns{line-height:1}.lh-title-ns{line-height:1.25}.lh-copy-ns{line-height:1.5}.mw-100-ns{max-width:100%}.mw1-ns{max-width:1rem}.mw2-ns{max-width:2rem}.mw3-ns{max-width:4rem}.mw4-ns{max-width:8rem}.mw5-ns{max-width:16rem}.mw6-ns{max-width:32rem}.mw7-ns{max-width:48rem}.mw8-ns{max-width:64rem}.mw9-ns{max-width:96rem}.mw-none-ns{max-width:none}.w1-ns{width:1rem}.w2-ns{width:2rem}.w3-ns{width:4rem}.w4-ns{width:8rem}.w5-ns{width:16rem}.w-10-ns{width:10%}.w-20-ns{width:20%}.w-25-ns{width:25%}.w-30-ns{width:30%}.w-33-ns{width:33%}.w-34-ns{width:34%}.w-40-ns{width:40%}.w-50-ns{width:50%}.w-60-ns{width:60%}.w-70-ns{width:70%}.w-75-ns{width:75%}.w-80-ns{width:80%}.w-90-ns{width:90%}.w-100-ns{width:100%}.w-third-ns{width:33.33333%}.w-two-thirds-ns{width:66.66667%}.w-auto-ns{width:auto}.overflow-visible-ns{overflow:visible}.overflow-hidden-ns{overflow:hidden}.overflow-scroll-ns{overflow:scroll}.overflow-auto-ns{overflow:auto}.overflow-x-visible-ns{overflow-x:visible}.overflow-x-hidden-ns{overflow-x:hidden}.overflow-x-scroll-ns{overflow-x:scroll}.overflow-x-auto-ns{overflow-x:auto}.overflow-y-visible-ns{overflow-y:visible}.overflow-y-hidden-ns{overflow-y:hidden}.overflow-y-scroll-ns{overflow-y:scroll}.overflow-y-auto-ns{overflow-y:auto}.static-ns{position:static}.relative-ns{position:relative}.absolute-ns{position:absolute}.fixed-ns{position:fixed}.rotate-45-ns{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-ns{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-ns{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-ns{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-ns{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-ns{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-ns{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.pa0-ns{padding:0}.pa1-ns{padding:.25rem}.pa2-ns{padding:.5rem}.pa3-ns{padding:1rem}.pa4-ns{padding:2rem}.pa5-ns{padding:4rem}.pa6-ns{padding:8rem}.pa7-ns{padding:16rem}.pl0-ns{padding-left:0}.pl1-ns{padding-left:.25rem}.pl2-ns{padding-left:.5rem}.pl3-ns{padding-left:1rem}.pl4-ns{padding-left:2rem}.pl5-ns{padding-left:4rem}.pl6-ns{padding-left:8rem}.pl7-ns{padding-left:16rem}.pr0-ns{padding-right:0}.pr1-ns{padding-right:.25rem}.pr2-ns{padding-right:.5rem}.pr3-ns{padding-right:1rem}.pr4-ns{padding-right:2rem}.pr5-ns{padding-right:4rem}.pr6-ns{padding-right:8rem}.pr7-ns{padding-right:16rem}.pb0-ns{padding-bottom:0}.pb1-ns{padding-bottom:.25rem}.pb2-ns{padding-bottom:.5rem}.pb3-ns{padding-bottom:1rem}.pb4-ns{padding-bottom:2rem}.pb5-ns{padding-bottom:4rem}.pb6-ns{padding-bottom:8rem}.pb7-ns{padding-bottom:16rem}.pt0-ns{padding-top:0}.pt1-ns{padding-top:.25rem}.pt2-ns{padding-top:.5rem}.pt3-ns{padding-top:1rem}.pt4-ns{padding-top:2rem}.pt5-ns{padding-top:4rem}.pt6-ns{padding-top:8rem}.pt7-ns{padding-top:16rem}.pv0-ns{padding-top:0;padding-bottom:0}.pv1-ns{padding-top:.25rem;padding-bottom:.25rem}.pv2-ns{padding-top:.5rem;padding-bottom:.5rem}.pv3-ns{padding-top:1rem;padding-bottom:1rem}.pv4-ns{padding-top:2rem;padding-bottom:2rem}.pv5-ns{padding-top:4rem;padding-bottom:4rem}.pv6-ns{padding-top:8rem;padding-bottom:8rem}.pv7-ns{padding-top:16rem;padding-bottom:16rem}.ph0-ns{padding-left:0;padding-right:0}.ph1-ns{padding-left:.25rem;padding-right:.25rem}.ph2-ns{padding-left:.5rem;padding-right:.5rem}.ph3-ns{padding-left:1rem;padding-right:1rem}.ph4-ns{padding-left:2rem;padding-right:2rem}.ph5-ns{padding-left:4rem;padding-right:4rem}.ph6-ns{padding-left:8rem;padding-right:8rem}.ph7-ns{padding-left:16rem;padding-right:16rem}.ma0-ns{margin:0}.ma1-ns{margin:.25rem}.ma2-ns{margin:.5rem}.ma3-ns{margin:1rem}.ma4-ns{margin:2rem}.ma5-ns{margin:4rem}.ma6-ns{margin:8rem}.ma7-ns{margin:16rem}.ml0-ns{margin-left:0}.ml1-ns{margin-left:.25rem}.ml2-ns{margin-left:.5rem}.ml3-ns{margin-left:1rem}.ml4-ns{margin-left:2rem}.ml5-ns{margin-left:4rem}.ml6-ns{margin-left:8rem}.ml7-ns{margin-left:16rem}.mr0-ns{margin-right:0}.mr1-ns{margin-right:.25rem}.mr2-ns{margin-right:.5rem}.mr3-ns{margin-right:1rem}.mr4-ns{margin-right:2rem}.mr5-ns{margin-right:4rem}.mr6-ns{margin-right:8rem}.mr7-ns{margin-right:16rem}.mb0-ns{margin-bottom:0}.mb1-ns{margin-bottom:.25rem}.mb2-ns{margin-bottom:.5rem}.mb3-ns{margin-bottom:1rem}.mb4-ns{margin-bottom:2rem}.mb5-ns{margin-bottom:4rem}.mb6-ns{margin-bottom:8rem}.mb7-ns{margin-bottom:16rem}.mt0-ns{margin-top:0}.mt1-ns{margin-top:.25rem}.mt2-ns{margin-top:.5rem}.mt3-ns{margin-top:1rem}.mt4-ns{margin-top:2rem}.mt5-ns{margin-top:4rem}.mt6-ns{margin-top:8rem}.mt7-ns{margin-top:16rem}.mv0-ns{margin-top:0;margin-bottom:0}.mv1-ns{margin-top:.25rem;margin-bottom:.25rem}.mv2-ns{margin-top:.5rem;margin-bottom:.5rem}.mv3-ns{margin-top:1rem;margin-bottom:1rem}.mv4-ns{margin-top:2rem;margin-bottom:2rem}.mv5-ns{margin-top:4rem;margin-bottom:4rem}.mv6-ns{margin-top:8rem;margin-bottom:8rem}.mv7-ns{margin-top:16rem;margin-bottom:16rem}.mh0-ns{margin-left:0;margin-right:0}.mh1-ns{margin-left:.25rem;margin-right:.25rem}.mh2-ns{margin-left:.5rem;margin-right:.5rem}.mh3-ns{margin-left:1rem;margin-right:1rem}.mh4-ns{margin-left:2rem;margin-right:2rem}.mh5-ns{margin-left:4rem;margin-right:4rem}.mh6-ns{margin-left:8rem;margin-right:8rem}.mh7-ns{margin-left:16rem;margin-right:16rem}.na1-ns{margin:-.25rem}.na2-ns{margin:-.5rem}.na3-ns{margin:-1rem}.na4-ns{margin:-2rem}.na5-ns{margin:-4rem}.na6-ns{margin:-8rem}.na7-ns{margin:-16rem}.nl1-ns{margin-left:-.25rem}.nl2-ns{margin-left:-.5rem}.nl3-ns{margin-left:-1rem}.nl4-ns{margin-left:-2rem}.nl5-ns{margin-left:-4rem}.nl6-ns{margin-left:-8rem}.nl7-ns{margin-left:-16rem}.nr1-ns{margin-right:-.25rem}.nr2-ns{margin-right:-.5rem}.nr3-ns{margin-right:-1rem}.nr4-ns{margin-right:-2rem}.nr5-ns{margin-right:-4rem}.nr6-ns{margin-right:-8rem}.nr7-ns{margin-right:-16rem}.nb1-ns{margin-bottom:-.25rem}.nb2-ns{margin-bottom:-.5rem}.nb3-ns{margin-bottom:-1rem}.nb4-ns{margin-bottom:-2rem}.nb5-ns{margin-bottom:-4rem}.nb6-ns{margin-bottom:-8rem}.nb7-ns{margin-bottom:-16rem}.nt1-ns{margin-top:-.25rem}.nt2-ns{margin-top:-.5rem}.nt3-ns{margin-top:-1rem}.nt4-ns{margin-top:-2rem}.nt5-ns{margin-top:-4rem}.nt6-ns{margin-top:-8rem}.nt7-ns{margin-top:-16rem}.strike-ns{text-decoration:line-through}.underline-ns{text-decoration:underline}.no-underline-ns{text-decoration:none}.tl-ns{text-align:left}.tr-ns{text-align:right}.tc-ns{text-align:center}.tj-ns{text-align:justify}.ttc-ns{text-transform:capitalize}.ttl-ns{text-transform:lowercase}.ttu-ns{text-transform:uppercase}.ttn-ns{text-transform:none}.f-6-ns,.f-headline-ns{font-size:6rem}.f-5-ns,.f-subheadline-ns{font-size:5rem}.f1-ns{font-size:3rem}.f2-ns{font-size:2.25rem}.f3-ns{font-size:1.5rem}.f4-ns{font-size:1.25rem}.f5-ns{font-size:1rem}.f6-ns{font-size:.875rem}.f7-ns{font-size:.75rem}.measure-ns{max-width:30em}.measure-wide-ns{max-width:34em}.measure-narrow-ns{max-width:20em}.indent-ns{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps-ns{font-variant:small-caps}.truncate-ns{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-ns{margin-left:auto}.center-ns,.mr-auto-ns{margin-right:auto}.ml-auto-ns{margin-left:auto}.clip-ns{position:fixed!important;position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-ns{white-space:normal}.nowrap-ns{white-space:nowrap}.pre-ns{white-space:pre}.v-base-ns{vertical-align:baseline}.v-mid-ns{vertical-align:middle}.v-top-ns{vertical-align:top}.v-btm-ns{vertical-align:bottom}}@media screen and (min-width:30em) and (max-width:60em){.aspect-ratio-m{height:0;position:relative}.aspect-ratio--16x9-m{padding-bottom:56.25%}.aspect-ratio--9x16-m{padding-bottom:177.77%}.aspect-ratio--4x3-m{padding-bottom:75%}.aspect-ratio--3x4-m{padding-bottom:133.33%}.aspect-ratio--6x4-m{padding-bottom:66.6%}.aspect-ratio--4x6-m{padding-bottom:150%}.aspect-ratio--8x5-m{padding-bottom:62.5%}.aspect-ratio--5x8-m{padding-bottom:160%}.aspect-ratio--7x5-m{padding-bottom:71.42%}.aspect-ratio--5x7-m{padding-bottom:140%}.aspect-ratio--1x1-m{padding-bottom:100%}.aspect-ratio--object-m{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.cover-m{background-size:cover!important}.contain-m{background-size:contain!important}.bg-center-m{background-position:50%}.bg-center-m,.bg-top-m{background-repeat:no-repeat}.bg-top-m{background-position:top}.bg-right-m{background-position:100%}.bg-bottom-m,.bg-right-m{background-repeat:no-repeat}.bg-bottom-m{background-position:bottom}.bg-left-m{background-repeat:no-repeat;background-position:0}.outline-m{outline:1px solid}.outline-transparent-m{outline:1px solid transparent}.outline-0-m{outline:0}.ba-m{border-style:solid;border-width:1px}.bt-m{border-top-style:solid;border-top-width:1px}.br-m{border-right-style:solid;border-right-width:1px}.bb-m{border-bottom-style:solid;border-bottom-width:1px}.bl-m{border-left-style:solid;border-left-width:1px}.bn-m{border-style:none;border-width:0}.br0-m{border-radius:0}.br1-m{border-radius:.125rem}.br2-m{border-radius:.25rem}.br3-m{border-radius:.5rem}.br4-m{border-radius:1rem}.br-100-m{border-radius:100%}.br-pill-m{border-radius:9999px}.br--bottom-m{border-top-left-radius:0;border-top-right-radius:0}.br--top-m{border-bottom-right-radius:0}.br--right-m,.br--top-m{border-bottom-left-radius:0}.br--right-m{border-top-left-radius:0}.br--left-m{border-top-right-radius:0;border-bottom-right-radius:0}.b--dotted-m{border-style:dotted}.b--dashed-m{border-style:dashed}.b--solid-m{border-style:solid}.b--none-m{border-style:none}.bw0-m{border-width:0}.bw1-m{border-width:.125rem}.bw2-m{border-width:.25rem}.bw3-m{border-width:.5rem}.bw4-m{border-width:1rem}.bw5-m{border-width:2rem}.bt-0-m{border-top-width:0}.br-0-m{border-right-width:0}.bb-0-m{border-bottom-width:0}.bl-0-m{border-left-width:0}.shadow-1-m{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2-m{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3-m{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4-m{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5-m{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.top-0-m{top:0}.left-0-m{left:0}.right-0-m{right:0}.bottom-0-m{bottom:0}.top-1-m{top:1rem}.left-1-m{left:1rem}.right-1-m{right:1rem}.bottom-1-m{bottom:1rem}.top-2-m{top:2rem}.left-2-m{left:2rem}.right-2-m{right:2rem}.bottom-2-m{bottom:2rem}.top--1-m{top:-1rem}.right--1-m{right:-1rem}.bottom--1-m{bottom:-1rem}.left--1-m{left:-1rem}.top--2-m{top:-2rem}.right--2-m{right:-2rem}.bottom--2-m{bottom:-2rem}.left--2-m{left:-2rem}.absolute--fill-m{top:0;right:0;bottom:0;left:0}.cl-m{clear:left}.cr-m{clear:right}.cb-m{clear:both}.cn-m{clear:none}.dn-m{display:none}.di-m{display:inline}.db-m{display:block}.dib-m{display:inline-block}.dit-m{display:inline-table}.dt-m{display:table}.dtc-m{display:table-cell}.dt-row-m{display:table-row}.dt-row-group-m{display:table-row-group}.dt-column-m{display:table-column}.dt-column-group-m{display:table-column-group}.dt--fixed-m{table-layout:fixed;width:100%}.flex-m{display:-webkit-box;display:-ms-flexbox;display:flex}.inline-flex-m{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flex-auto-m{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;min-height:0}.flex-none-m{-webkit-box-flex:0;-ms-flex:none;flex:none}.flex-column-m{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.flex-column-m,.flex-row-m{-webkit-box-direction:normal}.flex-row-m{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.flex-wrap-m{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-nowrap-m{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex-wrap-reverse-m{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-column-reverse-m{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-row-reverse-m{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.items-start-m{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.items-end-m{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.items-center-m{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.items-baseline-m{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.items-stretch-m{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.self-start-m{-ms-flex-item-align:start;align-self:flex-start}.self-end-m{-ms-flex-item-align:end;align-self:flex-end}.self-center-m{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.self-baseline-m{-ms-flex-item-align:baseline;align-self:baseline}.self-stretch-m{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.justify-start-m{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.justify-end-m{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.justify-center-m{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-between-m{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-around-m{-ms-flex-pack:distribute;justify-content:space-around}.content-start-m{-ms-flex-line-pack:start;align-content:flex-start}.content-end-m{-ms-flex-line-pack:end;align-content:flex-end}.content-center-m{-ms-flex-line-pack:center;align-content:center}.content-between-m{-ms-flex-line-pack:justify;align-content:space-between}.content-around-m{-ms-flex-line-pack:distribute;align-content:space-around}.content-stretch-m{-ms-flex-line-pack:stretch;align-content:stretch}.order-0-m{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1-m{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2-m{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3-m{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4-m{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5-m{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6-m{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7-m{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8-m{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-last-m{-webkit-box-ordinal-group:100000;-ms-flex-order:99999;order:99999}.flex-grow-0-m{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.flex-grow-1-m{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.flex-shrink-0-m{-ms-flex-negative:0;flex-shrink:0}.flex-shrink-1-m{-ms-flex-negative:1;flex-shrink:1}.fl-m{float:left}.fl-m,.fr-m{display:inline}.fr-m{float:right}.fn-m{float:none}.i-m{font-style:italic}.fs-normal-m{font-style:normal}.normal-m{font-weight:400}.b-m{font-weight:700}.fw1-m{font-weight:100}.fw2-m{font-weight:200}.fw3-m{font-weight:300}.fw4-m{font-weight:400}.fw5-m{font-weight:500}.fw6-m{font-weight:600}.fw7-m{font-weight:700}.fw8-m{font-weight:800}.fw9-m{font-weight:900}.h1-m{height:1rem}.h2-m{height:2rem}.h3-m{height:4rem}.h4-m{height:8rem}.h5-m{height:16rem}.h-25-m{height:25%}.h-50-m{height:50%}.h-75-m{height:75%}.h-100-m{height:100%}.min-h-100-m{min-height:100%}.vh-25-m{height:25vh}.vh-50-m{height:50vh}.vh-75-m{height:75vh}.vh-100-m{height:100vh}.min-vh-100-m{min-height:100vh}.h-auto-m{height:auto}.h-inherit-m{height:inherit}.tracked-m{letter-spacing:.1em}.tracked-tight-m{letter-spacing:-.05em}.tracked-mega-m{letter-spacing:.25em}.lh-solid-m{line-height:1}.lh-title-m{line-height:1.25}.lh-copy-m{line-height:1.5}.mw-100-m{max-width:100%}.mw1-m{max-width:1rem}.mw2-m{max-width:2rem}.mw3-m{max-width:4rem}.mw4-m{max-width:8rem}.mw5-m{max-width:16rem}.mw6-m{max-width:32rem}.mw7-m{max-width:48rem}.mw8-m{max-width:64rem}.mw9-m{max-width:96rem}.mw-none-m{max-width:none}.w1-m{width:1rem}.w2-m{width:2rem}.w3-m{width:4rem}.w4-m{width:8rem}.w5-m{width:16rem}.w-10-m{width:10%}.w-20-m{width:20%}.w-25-m{width:25%}.w-30-m{width:30%}.w-33-m{width:33%}.w-34-m{width:34%}.w-40-m{width:40%}.w-50-m{width:50%}.w-60-m{width:60%}.w-70-m{width:70%}.w-75-m{width:75%}.w-80-m{width:80%}.w-90-m{width:90%}.w-100-m{width:100%}.w-third-m{width:33.33333%}.w-two-thirds-m{width:66.66667%}.w-auto-m{width:auto}.overflow-visible-m{overflow:visible}.overflow-hidden-m{overflow:hidden}.overflow-scroll-m{overflow:scroll}.overflow-auto-m{overflow:auto}.overflow-x-visible-m{overflow-x:visible}.overflow-x-hidden-m{overflow-x:hidden}.overflow-x-scroll-m{overflow-x:scroll}.overflow-x-auto-m{overflow-x:auto}.overflow-y-visible-m{overflow-y:visible}.overflow-y-hidden-m{overflow-y:hidden}.overflow-y-scroll-m{overflow-y:scroll}.overflow-y-auto-m{overflow-y:auto}.static-m{position:static}.relative-m{position:relative}.absolute-m{position:absolute}.fixed-m{position:fixed}.rotate-45-m{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-m{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-m{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-m{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-m{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-m{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-m{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.pa0-m{padding:0}.pa1-m{padding:.25rem}.pa2-m{padding:.5rem}.pa3-m{padding:1rem}.pa4-m{padding:2rem}.pa5-m{padding:4rem}.pa6-m{padding:8rem}.pa7-m{padding:16rem}.pl0-m{padding-left:0}.pl1-m{padding-left:.25rem}.pl2-m{padding-left:.5rem}.pl3-m{padding-left:1rem}.pl4-m{padding-left:2rem}.pl5-m{padding-left:4rem}.pl6-m{padding-left:8rem}.pl7-m{padding-left:16rem}.pr0-m{padding-right:0}.pr1-m{padding-right:.25rem}.pr2-m{padding-right:.5rem}.pr3-m{padding-right:1rem}.pr4-m{padding-right:2rem}.pr5-m{padding-right:4rem}.pr6-m{padding-right:8rem}.pr7-m{padding-right:16rem}.pb0-m{padding-bottom:0}.pb1-m{padding-bottom:.25rem}.pb2-m{padding-bottom:.5rem}.pb3-m{padding-bottom:1rem}.pb4-m{padding-bottom:2rem}.pb5-m{padding-bottom:4rem}.pb6-m{padding-bottom:8rem}.pb7-m{padding-bottom:16rem}.pt0-m{padding-top:0}.pt1-m{padding-top:.25rem}.pt2-m{padding-top:.5rem}.pt3-m{padding-top:1rem}.pt4-m{padding-top:2rem}.pt5-m{padding-top:4rem}.pt6-m{padding-top:8rem}.pt7-m{padding-top:16rem}.pv0-m{padding-top:0;padding-bottom:0}.pv1-m{padding-top:.25rem;padding-bottom:.25rem}.pv2-m{padding-top:.5rem;padding-bottom:.5rem}.pv3-m{padding-top:1rem;padding-bottom:1rem}.pv4-m{padding-top:2rem;padding-bottom:2rem}.pv5-m{padding-top:4rem;padding-bottom:4rem}.pv6-m{padding-top:8rem;padding-bottom:8rem}.pv7-m{padding-top:16rem;padding-bottom:16rem}.ph0-m{padding-left:0;padding-right:0}.ph1-m{padding-left:.25rem;padding-right:.25rem}.ph2-m{padding-left:.5rem;padding-right:.5rem}.ph3-m{padding-left:1rem;padding-right:1rem}.ph4-m{padding-left:2rem;padding-right:2rem}.ph5-m{padding-left:4rem;padding-right:4rem}.ph6-m{padding-left:8rem;padding-right:8rem}.ph7-m{padding-left:16rem;padding-right:16rem}.ma0-m{margin:0}.ma1-m{margin:.25rem}.ma2-m{margin:.5rem}.ma3-m{margin:1rem}.ma4-m{margin:2rem}.ma5-m{margin:4rem}.ma6-m{margin:8rem}.ma7-m{margin:16rem}.ml0-m{margin-left:0}.ml1-m{margin-left:.25rem}.ml2-m{margin-left:.5rem}.ml3-m{margin-left:1rem}.ml4-m{margin-left:2rem}.ml5-m{margin-left:4rem}.ml6-m{margin-left:8rem}.ml7-m{margin-left:16rem}.mr0-m{margin-right:0}.mr1-m{margin-right:.25rem}.mr2-m{margin-right:.5rem}.mr3-m{margin-right:1rem}.mr4-m{margin-right:2rem}.mr5-m{margin-right:4rem}.mr6-m{margin-right:8rem}.mr7-m{margin-right:16rem}.mb0-m{margin-bottom:0}.mb1-m{margin-bottom:.25rem}.mb2-m{margin-bottom:.5rem}.mb3-m{margin-bottom:1rem}.mb4-m{margin-bottom:2rem}.mb5-m{margin-bottom:4rem}.mb6-m{margin-bottom:8rem}.mb7-m{margin-bottom:16rem}.mt0-m{margin-top:0}.mt1-m{margin-top:.25rem}.mt2-m{margin-top:.5rem}.mt3-m{margin-top:1rem}.mt4-m{margin-top:2rem}.mt5-m{margin-top:4rem}.mt6-m{margin-top:8rem}.mt7-m{margin-top:16rem}.mv0-m{margin-top:0;margin-bottom:0}.mv1-m{margin-top:.25rem;margin-bottom:.25rem}.mv2-m{margin-top:.5rem;margin-bottom:.5rem}.mv3-m{margin-top:1rem;margin-bottom:1rem}.mv4-m{margin-top:2rem;margin-bottom:2rem}.mv5-m{margin-top:4rem;margin-bottom:4rem}.mv6-m{margin-top:8rem;margin-bottom:8rem}.mv7-m{margin-top:16rem;margin-bottom:16rem}.mh0-m{margin-left:0;margin-right:0}.mh1-m{margin-left:.25rem;margin-right:.25rem}.mh2-m{margin-left:.5rem;margin-right:.5rem}.mh3-m{margin-left:1rem;margin-right:1rem}.mh4-m{margin-left:2rem;margin-right:2rem}.mh5-m{margin-left:4rem;margin-right:4rem}.mh6-m{margin-left:8rem;margin-right:8rem}.mh7-m{margin-left:16rem;margin-right:16rem}.na1-m{margin:-.25rem}.na2-m{margin:-.5rem}.na3-m{margin:-1rem}.na4-m{margin:-2rem}.na5-m{margin:-4rem}.na6-m{margin:-8rem}.na7-m{margin:-16rem}.nl1-m{margin-left:-.25rem}.nl2-m{margin-left:-.5rem}.nl3-m{margin-left:-1rem}.nl4-m{margin-left:-2rem}.nl5-m{margin-left:-4rem}.nl6-m{margin-left:-8rem}.nl7-m{margin-left:-16rem}.nr1-m{margin-right:-.25rem}.nr2-m{margin-right:-.5rem}.nr3-m{margin-right:-1rem}.nr4-m{margin-right:-2rem}.nr5-m{margin-right:-4rem}.nr6-m{margin-right:-8rem}.nr7-m{margin-right:-16rem}.nb1-m{margin-bottom:-.25rem}.nb2-m{margin-bottom:-.5rem}.nb3-m{margin-bottom:-1rem}.nb4-m{margin-bottom:-2rem}.nb5-m{margin-bottom:-4rem}.nb6-m{margin-bottom:-8rem}.nb7-m{margin-bottom:-16rem}.nt1-m{margin-top:-.25rem}.nt2-m{margin-top:-.5rem}.nt3-m{margin-top:-1rem}.nt4-m{margin-top:-2rem}.nt5-m{margin-top:-4rem}.nt6-m{margin-top:-8rem}.nt7-m{margin-top:-16rem}.strike-m{text-decoration:line-through}.underline-m{text-decoration:underline}.no-underline-m{text-decoration:none}.tl-m{text-align:left}.tr-m{text-align:right}.tc-m{text-align:center}.tj-m{text-align:justify}.ttc-m{text-transform:capitalize}.ttl-m{text-transform:lowercase}.ttu-m{text-transform:uppercase}.ttn-m{text-transform:none}.f-6-m,.f-headline-m{font-size:6rem}.f-5-m,.f-subheadline-m{font-size:5rem}.f1-m{font-size:3rem}.f2-m{font-size:2.25rem}.f3-m{font-size:1.5rem}.f4-m{font-size:1.25rem}.f5-m{font-size:1rem}.f6-m{font-size:.875rem}.f7-m{font-size:.75rem}.measure-m{max-width:30em}.measure-wide-m{max-width:34em}.measure-narrow-m{max-width:20em}.indent-m{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps-m{font-variant:small-caps}.truncate-m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-m{margin-left:auto}.center-m,.mr-auto-m{margin-right:auto}.ml-auto-m{margin-left:auto}.clip-m{position:fixed!important;position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-m{white-space:normal}.nowrap-m{white-space:nowrap}.pre-m{white-space:pre}.v-base-m{vertical-align:baseline}.v-mid-m{vertical-align:middle}.v-top-m{vertical-align:top}.v-btm-m{vertical-align:bottom}}@media screen and (min-width:60em){.aspect-ratio-l{height:0;position:relative}.aspect-ratio--16x9-l{padding-bottom:56.25%}.aspect-ratio--9x16-l{padding-bottom:177.77%}.aspect-ratio--4x3-l{padding-bottom:75%}.aspect-ratio--3x4-l{padding-bottom:133.33%}.aspect-ratio--6x4-l{padding-bottom:66.6%}.aspect-ratio--4x6-l{padding-bottom:150%}.aspect-ratio--8x5-l{padding-bottom:62.5%}.aspect-ratio--5x8-l{padding-bottom:160%}.aspect-ratio--7x5-l{padding-bottom:71.42%}.aspect-ratio--5x7-l{padding-bottom:140%}.aspect-ratio--1x1-l{padding-bottom:100%}.aspect-ratio--object-l{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.cover-l{background-size:cover!important}.contain-l{background-size:contain!important}.bg-center-l{background-position:50%}.bg-center-l,.bg-top-l{background-repeat:no-repeat}.bg-top-l{background-position:top}.bg-right-l{background-position:100%}.bg-bottom-l,.bg-right-l{background-repeat:no-repeat}.bg-bottom-l{background-position:bottom}.bg-left-l{background-repeat:no-repeat;background-position:0}.outline-l{outline:1px solid}.outline-transparent-l{outline:1px solid transparent}.outline-0-l{outline:0}.ba-l{border-style:solid;border-width:1px}.bt-l{border-top-style:solid;border-top-width:1px}.br-l{border-right-style:solid;border-right-width:1px}.bb-l{border-bottom-style:solid;border-bottom-width:1px}.bl-l{border-left-style:solid;border-left-width:1px}.bn-l{border-style:none;border-width:0}.br0-l{border-radius:0}.br1-l{border-radius:.125rem}.br2-l{border-radius:.25rem}.br3-l{border-radius:.5rem}.br4-l{border-radius:1rem}.br-100-l{border-radius:100%}.br-pill-l{border-radius:9999px}.br--bottom-l{border-top-left-radius:0;border-top-right-radius:0}.br--top-l{border-bottom-right-radius:0}.br--right-l,.br--top-l{border-bottom-left-radius:0}.br--right-l{border-top-left-radius:0}.br--left-l{border-top-right-radius:0;border-bottom-right-radius:0}.b--dotted-l{border-style:dotted}.b--dashed-l{border-style:dashed}.b--solid-l{border-style:solid}.b--none-l{border-style:none}.bw0-l{border-width:0}.bw1-l{border-width:.125rem}.bw2-l{border-width:.25rem}.bw3-l{border-width:.5rem}.bw4-l{border-width:1rem}.bw5-l{border-width:2rem}.bt-0-l{border-top-width:0}.br-0-l{border-right-width:0}.bb-0-l{border-bottom-width:0}.bl-0-l{border-left-width:0}.shadow-1-l{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2-l{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3-l{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4-l{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5-l{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.top-0-l{top:0}.left-0-l{left:0}.right-0-l{right:0}.bottom-0-l{bottom:0}.top-1-l{top:1rem}.left-1-l{left:1rem}.right-1-l{right:1rem}.bottom-1-l{bottom:1rem}.top-2-l{top:2rem}.left-2-l{left:2rem}.right-2-l{right:2rem}.bottom-2-l{bottom:2rem}.top--1-l{top:-1rem}.right--1-l{right:-1rem}.bottom--1-l{bottom:-1rem}.left--1-l{left:-1rem}.top--2-l{top:-2rem}.right--2-l{right:-2rem}.bottom--2-l{bottom:-2rem}.left--2-l{left:-2rem}.absolute--fill-l{top:0;right:0;bottom:0;left:0}.cl-l{clear:left}.cr-l{clear:right}.cb-l{clear:both}.cn-l{clear:none}.dn-l{display:none}.di-l{display:inline}.db-l{display:block}.dib-l{display:inline-block}.dit-l{display:inline-table}.dt-l{display:table}.dtc-l{display:table-cell}.dt-row-l{display:table-row}.dt-row-group-l{display:table-row-group}.dt-column-l{display:table-column}.dt-column-group-l{display:table-column-group}.dt--fixed-l{table-layout:fixed;width:100%}.flex-l{display:-webkit-box;display:-ms-flexbox;display:flex}.inline-flex-l{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flex-auto-l{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;min-height:0}.flex-none-l{-webkit-box-flex:0;-ms-flex:none;flex:none}.flex-column-l{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.flex-column-l,.flex-row-l{-webkit-box-direction:normal}.flex-row-l{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.flex-wrap-l{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-nowrap-l{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex-wrap-reverse-l{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.flex-column-reverse-l{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.flex-row-reverse-l{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.items-start-l{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.items-end-l{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.items-center-l{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.items-baseline-l{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.items-stretch-l{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.self-start-l{-ms-flex-item-align:start;align-self:flex-start}.self-end-l{-ms-flex-item-align:end;align-self:flex-end}.self-center-l{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.self-baseline-l{-ms-flex-item-align:baseline;align-self:baseline}.self-stretch-l{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.justify-start-l{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.justify-end-l{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.justify-center-l{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-between-l{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-around-l{-ms-flex-pack:distribute;justify-content:space-around}.content-start-l{-ms-flex-line-pack:start;align-content:flex-start}.content-end-l{-ms-flex-line-pack:end;align-content:flex-end}.content-center-l{-ms-flex-line-pack:center;align-content:center}.content-between-l{-ms-flex-line-pack:justify;align-content:space-between}.content-around-l{-ms-flex-line-pack:distribute;align-content:space-around}.content-stretch-l{-ms-flex-line-pack:stretch;align-content:stretch}.order-0-l{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1-l{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2-l{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3-l{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4-l{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5-l{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6-l{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7-l{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8-l{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-last-l{-webkit-box-ordinal-group:100000;-ms-flex-order:99999;order:99999}.flex-grow-0-l{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.flex-grow-1-l{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.flex-shrink-0-l{-ms-flex-negative:0;flex-shrink:0}.flex-shrink-1-l{-ms-flex-negative:1;flex-shrink:1}.fl-l{float:left}.fl-l,.fr-l{display:inline}.fr-l{float:right}.fn-l{float:none}.i-l{font-style:italic}.fs-normal-l{font-style:normal}.normal-l{font-weight:400}.b-l{font-weight:700}.fw1-l{font-weight:100}.fw2-l{font-weight:200}.fw3-l{font-weight:300}.fw4-l{font-weight:400}.fw5-l{font-weight:500}.fw6-l{font-weight:600}.fw7-l{font-weight:700}.fw8-l{font-weight:800}.fw9-l{font-weight:900}.h1-l{height:1rem}.h2-l{height:2rem}.h3-l{height:4rem}.h4-l{height:8rem}.h5-l{height:16rem}.h-25-l{height:25%}.h-50-l{height:50%}.h-75-l{height:75%}.h-100-l{height:100%}.min-h-100-l{min-height:100%}.vh-25-l{height:25vh}.vh-50-l{height:50vh}.vh-75-l{height:75vh}.vh-100-l{height:100vh}.min-vh-100-l{min-height:100vh}.h-auto-l{height:auto}.h-inherit-l{height:inherit}.tracked-l{letter-spacing:.1em}.tracked-tight-l{letter-spacing:-.05em}.tracked-mega-l{letter-spacing:.25em}.lh-solid-l{line-height:1}.lh-title-l{line-height:1.25}.lh-copy-l{line-height:1.5}.mw-100-l{max-width:100%}.mw1-l{max-width:1rem}.mw2-l{max-width:2rem}.mw3-l{max-width:4rem}.mw4-l{max-width:8rem}.mw5-l{max-width:16rem}.mw6-l{max-width:32rem}.mw7-l{max-width:48rem}.mw8-l{max-width:64rem}.mw9-l{max-width:96rem}.mw-none-l{max-width:none}.w1-l{width:1rem}.w2-l{width:2rem}.w3-l{width:4rem}.w4-l{width:8rem}.w5-l{width:16rem}.w-10-l{width:10%}.w-20-l{width:20%}.w-25-l{width:25%}.w-30-l{width:30%}.w-33-l{width:33%}.w-34-l{width:34%}.w-40-l{width:40%}.w-50-l{width:50%}.w-60-l{width:60%}.w-70-l{width:70%}.w-75-l{width:75%}.w-80-l{width:80%}.w-90-l{width:90%}.w-100-l{width:100%}.w-third-l{width:33.33333%}.w-two-thirds-l{width:66.66667%}.w-auto-l{width:auto}.overflow-visible-l{overflow:visible}.overflow-hidden-l{overflow:hidden}.overflow-scroll-l{overflow:scroll}.overflow-auto-l{overflow:auto}.overflow-x-visible-l{overflow-x:visible}.overflow-x-hidden-l{overflow-x:hidden}.overflow-x-scroll-l{overflow-x:scroll}.overflow-x-auto-l{overflow-x:auto}.overflow-y-visible-l{overflow-y:visible}.overflow-y-hidden-l{overflow-y:hidden}.overflow-y-scroll-l{overflow-y:scroll}.overflow-y-auto-l{overflow-y:auto}.static-l{position:static}.relative-l{position:relative}.absolute-l{position:absolute}.fixed-l{position:fixed}.rotate-45-l{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-l{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-l{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-l{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-l{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-l{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-l{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.pa0-l{padding:0}.pa1-l{padding:.25rem}.pa2-l{padding:.5rem}.pa3-l{padding:1rem}.pa4-l{padding:2rem}.pa5-l{padding:4rem}.pa6-l{padding:8rem}.pa7-l{padding:16rem}.pl0-l{padding-left:0}.pl1-l{padding-left:.25rem}.pl2-l{padding-left:.5rem}.pl3-l{padding-left:1rem}.pl4-l{padding-left:2rem}.pl5-l{padding-left:4rem}.pl6-l{padding-left:8rem}.pl7-l{padding-left:16rem}.pr0-l{padding-right:0}.pr1-l{padding-right:.25rem}.pr2-l{padding-right:.5rem}.pr3-l{padding-right:1rem}.pr4-l{padding-right:2rem}.pr5-l{padding-right:4rem}.pr6-l{padding-right:8rem}.pr7-l{padding-right:16rem}.pb0-l{padding-bottom:0}.pb1-l{padding-bottom:.25rem}.pb2-l{padding-bottom:.5rem}.pb3-l{padding-bottom:1rem}.pb4-l{padding-bottom:2rem}.pb5-l{padding-bottom:4rem}.pb6-l{padding-bottom:8rem}.pb7-l{padding-bottom:16rem}.pt0-l{padding-top:0}.pt1-l{padding-top:.25rem}.pt2-l{padding-top:.5rem}.pt3-l{padding-top:1rem}.pt4-l{padding-top:2rem}.pt5-l{padding-top:4rem}.pt6-l{padding-top:8rem}.pt7-l{padding-top:16rem}.pv0-l{padding-top:0;padding-bottom:0}.pv1-l{padding-top:.25rem;padding-bottom:.25rem}.pv2-l{padding-top:.5rem;padding-bottom:.5rem}.pv3-l{padding-top:1rem;padding-bottom:1rem}.pv4-l{padding-top:2rem;padding-bottom:2rem}.pv5-l{padding-top:4rem;padding-bottom:4rem}.pv6-l{padding-top:8rem;padding-bottom:8rem}.pv7-l{padding-top:16rem;padding-bottom:16rem}.ph0-l{padding-left:0;padding-right:0}.ph1-l{padding-left:.25rem;padding-right:.25rem}.ph2-l{padding-left:.5rem;padding-right:.5rem}.ph3-l{padding-left:1rem;padding-right:1rem}.ph4-l{padding-left:2rem;padding-right:2rem}.ph5-l{padding-left:4rem;padding-right:4rem}.ph6-l{padding-left:8rem;padding-right:8rem}.ph7-l{padding-left:16rem;padding-right:16rem}.ma0-l{margin:0}.ma1-l{margin:.25rem}.ma2-l{margin:.5rem}.ma3-l{margin:1rem}.ma4-l{margin:2rem}.ma5-l{margin:4rem}.ma6-l{margin:8rem}.ma7-l{margin:16rem}.ml0-l{margin-left:0}.ml1-l{margin-left:.25rem}.ml2-l{margin-left:.5rem}.ml3-l{margin-left:1rem}.ml4-l{margin-left:2rem}.ml5-l{margin-left:4rem}.ml6-l{margin-left:8rem}.ml7-l{margin-left:16rem}.mr0-l{margin-right:0}.mr1-l{margin-right:.25rem}.mr2-l{margin-right:.5rem}.mr3-l{margin-right:1rem}.mr4-l{margin-right:2rem}.mr5-l{margin-right:4rem}.mr6-l{margin-right:8rem}.mr7-l{margin-right:16rem}.mb0-l{margin-bottom:0}.mb1-l{margin-bottom:.25rem}.mb2-l{margin-bottom:.5rem}.mb3-l{margin-bottom:1rem}.mb4-l{margin-bottom:2rem}.mb5-l{margin-bottom:4rem}.mb6-l{margin-bottom:8rem}.mb7-l{margin-bottom:16rem}.mt0-l{margin-top:0}.mt1-l{margin-top:.25rem}.mt2-l{margin-top:.5rem}.mt3-l{margin-top:1rem}.mt4-l{margin-top:2rem}.mt5-l{margin-top:4rem}.mt6-l{margin-top:8rem}.mt7-l{margin-top:16rem}.mv0-l{margin-top:0;margin-bottom:0}.mv1-l{margin-top:.25rem;margin-bottom:.25rem}.mv2-l{margin-top:.5rem;margin-bottom:.5rem}.mv3-l{margin-top:1rem;margin-bottom:1rem}.mv4-l{margin-top:2rem;margin-bottom:2rem}.mv5-l{margin-top:4rem;margin-bottom:4rem}.mv6-l{margin-top:8rem;margin-bottom:8rem}.mv7-l{margin-top:16rem;margin-bottom:16rem}.mh0-l{margin-left:0;margin-right:0}.mh1-l{margin-left:.25rem;margin-right:.25rem}.mh2-l{margin-left:.5rem;margin-right:.5rem}.mh3-l{margin-left:1rem;margin-right:1rem}.mh4-l{margin-left:2rem;margin-right:2rem}.mh5-l{margin-left:4rem;margin-right:4rem}.mh6-l{margin-left:8rem;margin-right:8rem}.mh7-l{margin-left:16rem;margin-right:16rem}.na1-l{margin:-.25rem}.na2-l{margin:-.5rem}.na3-l{margin:-1rem}.na4-l{margin:-2rem}.na5-l{margin:-4rem}.na6-l{margin:-8rem}.na7-l{margin:-16rem}.nl1-l{margin-left:-.25rem}.nl2-l{margin-left:-.5rem}.nl3-l{margin-left:-1rem}.nl4-l{margin-left:-2rem}.nl5-l{margin-left:-4rem}.nl6-l{margin-left:-8rem}.nl7-l{margin-left:-16rem}.nr1-l{margin-right:-.25rem}.nr2-l{margin-right:-.5rem}.nr3-l{margin-right:-1rem}.nr4-l{margin-right:-2rem}.nr5-l{margin-right:-4rem}.nr6-l{margin-right:-8rem}.nr7-l{margin-right:-16rem}.nb1-l{margin-bottom:-.25rem}.nb2-l{margin-bottom:-.5rem}.nb3-l{margin-bottom:-1rem}.nb4-l{margin-bottom:-2rem}.nb5-l{margin-bottom:-4rem}.nb6-l{margin-bottom:-8rem}.nb7-l{margin-bottom:-16rem}.nt1-l{margin-top:-.25rem}.nt2-l{margin-top:-.5rem}.nt3-l{margin-top:-1rem}.nt4-l{margin-top:-2rem}.nt5-l{margin-top:-4rem}.nt6-l{margin-top:-8rem}.nt7-l{margin-top:-16rem}.strike-l{text-decoration:line-through}.underline-l{text-decoration:underline}.no-underline-l{text-decoration:none}.tl-l{text-align:left}.tr-l{text-align:right}.tc-l{text-align:center}.tj-l{text-align:justify}.ttc-l{text-transform:capitalize}.ttl-l{text-transform:lowercase}.ttu-l{text-transform:uppercase}.ttn-l{text-transform:none}.f-6-l,.f-headline-l{font-size:6rem}.f-5-l,.f-subheadline-l{font-size:5rem}.f1-l{font-size:3rem}.f2-l{font-size:2.25rem}.f3-l{font-size:1.5rem}.f4-l{font-size:1.25rem}.f5-l{font-size:1rem}.f6-l{font-size:.875rem}.f7-l{font-size:.75rem}.measure-l{max-width:30em}.measure-wide-l{max-width:34em}.measure-narrow-l{max-width:20em}.indent-l{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps-l{font-variant:small-caps}.truncate-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-l{margin-left:auto}.center-l,.mr-auto-l{margin-right:auto}.ml-auto-l{margin-left:auto}.clip-l{position:fixed!important;position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-l{white-space:normal}.nowrap-l{white-space:nowrap}.pre-l{white-space:pre}.v-base-l{vertical-align:baseline}.v-mid-l{vertical-align:middle}.v-top-l{vertical-align:top}.v-btm-l{vertical-align:bottom}} 3 | ._88668289 { 4 | font-family: 'Carter One', cursive; 5 | } 6 | ._88668289 p { 7 | font-family: 'Skranji', cursive; 8 | } 9 | ._d44272d6 { 10 | text-shadow: #aaa 5px 3px 18px, 11 | -1px -1px 0 #137752, 12 | 1px -1px 0 #137752, 13 | -1px 1px 0 #137752, 14 | 1px 1px 0 #137752; 15 | -webkit-text-stroke: 1px #137752; 16 | -webkit-text-fill-color: white; 17 | } 18 | ._a9306eff { 19 | -webkit-box-shadow: 0px 0px 0px 4px #ff6300; 20 | -moz-box-shadow: 0px 0px 0px 4px #ff6300; 21 | box-shadow: 0px 0px 0px 1rem #ff6300; 22 | } 23 | ._e039222a { 24 | -webkit-box-shadow: 0px 0px 0px 4px #137752; 25 | -moz-box-shadow: 0px 0px 0px 4px #137752; 26 | box-shadow: 0px 0px 0px 1rem #137752; 27 | } 28 | ._42ec87a9 { 29 | background: url(assets/background.png) no-repeat center center fixed; 30 | -webkit-background-size: cover; 31 | -moz-background-size: cover; 32 | -o-background-size: cover; 33 | background-size: cover; 34 | position: fixed; 35 | overflow-y: scroll; 36 | } 37 | --------------------------------------------------------------------------------