@font-face{font-family:"Clear Sans";src:url(../../static/media/clear-sans.43ea7d21.ttf) format("truetype")}body{display:flex;background-color:#57407c;flex-direction:column;justify-content:center;align-content:center;align-items:center;font-family:"Clear Sans",sans-serif;font-size:21px}.text{order:2;padding-top:40px;width:440px;font-weight:700}.board{order:1;width:440px;height:440px;padding:5px;background-color:#57407c;border-radius:7px;outline:none;position:relative}.board .cell,.tile{-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.details-box{display:flex;align-items:center;padding:10px;justify-content:space-between}.resetButton{background-color:#3d2963;color:hsla(0,0%,100%,.5);cursor:pointer;font-size:25px;padding:10px 20px;border-radius:7px;transition:color .3s ease,background-color .3s ease}.resetButton:hover{background-color:#d3386a;color:#fff}.score-header{font-size:50%}.score-box{color:hsla(0,0%,100%,.5);min-width:50px;width:70px;padding:5px 15px}.cell,.score-box,.tile{background-color:#3d2963;border-radius:7px}.cell,.tile{width:100px;height:100px;margin:5px;line-height:90px;display:inline-block;font-size:55px;font-weight:700;text-align:center;vertical-align:middle;font-family:"Clear Sans";color:#766}.tile0{background-color:#dcb}.tile2{background-color:#eee;background-image:url(../../static/media/2.cb73ccf3.gif)}.tile4{background-color:#eec;background-image:url(../../static/media/4.e3175aef.gif)}.tile8{color:#ffe;background-image:url(../../static/media/8.da10f113.gif)}.tile16{color:#ffe;background-image:url(../../static/media/16.4ce00dae.gif)}.tile32{color:#ffe;background-image:url(../../static/media/32.0f7bb9c7.gif)}.tile64{color:#ffe;background-image:url(../../static/media/64.703f469e.gif)}.tile128{color:#ffe;background-image:url(../../static/media/128.bfe74f56.gif)}.tile256{background-image:url(../../static/media/256.22a03274.gif)}.tile256,.tile512{color:#ffe;font-size:45px}.tile512{background-image:url(../../static/media/512.959c256e.gif)}.tile1024{background-image:url(../../static/media/1024.d0422a77.gif)}.tile1024,.tile2048{color:#fff;font-size:35px}.tile2048{position:absolute;background-size:contain;left:0;right:0;top:0;bottom:0;padding:0;background-image:url(../../static/media/2048.f327dac3.gif)}.try-again{z-index:10;height:100px;width:100px;background-image:url(../../static/media/try-again.4f930231.gif)}.tile{position:absolute}.tile.merged{display:none}.tile.merged.isMoving{display:inline}.overlay,.tile.new{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:newTile;animation-name:newTile;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.15s;animation-delay:.15s;-webkit-transform:scale(0);transform:scale(0)}@-webkit-keyframes newTile{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes newTile{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.overlay{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;left:0;right:0;font-size:55px;font-weight:bolder;border-radius:7px}.tryAgain{background-color:#876;color:#fff;height:40px;width:200px;font-size:20px;font-weight:700;cursor:pointer;border-radius:5px;border:2px solid #fff}.gameOver{background-size:contain;background-image:url(../../static/media/game-over.7223586a.gif);position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;text-align:center}.overlay .message{color:#666}.position_0_0:not(.isMoving){top:5px;left:5px}.position_0_1:not(.isMoving){top:5px;left:115px}.position_0_2:not(.isMoving){top:5px;left:225px}.position_0_3:not(.isMoving){top:5px;left:335px}.position_1_0:not(.isMoving){top:115px;left:5px}.position_1_1:not(.isMoving){top:115px;left:115px}.position_1_2:not(.isMoving){top:115px;left:225px}.position_1_3:not(.isMoving){top:115px;left:335px}.position_2_0:not(.isMoving){top:225px;left:5px}.position_2_1:not(.isMoving){top:225px;left:115px}.position_2_2:not(.isMoving){top:225px;left:225px}.position_2_3:not(.isMoving){top:225px;left:335px}.position_3_0:not(.isMoving){top:335px;left:5px}.position_3_1:not(.isMoving){top:335px;left:115px}.position_3_2:not(.isMoving){top:335px;left:225px}.position_3_3:not(.isMoving){top:335px;left:335px}.row_from_0_to_0{top:5px}.row_from_0_to_1{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:row_from_0_to_1;animation-name:row_from_0_to_1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes row_from_0_to_1{0%{top:5px}to{top:115px}}@keyframes row_from_0_to_1{0%{top:5px}to{top:115px}}.row_from_0_to_2{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:row_from_0_to_2;animation-name:row_from_0_to_2;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes row_from_0_to_2{0%{top:5px}to{top:225px}}@keyframes row_from_0_to_2{0%{top:5px}to{top:225px}}.row_from_0_to_3{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:row_from_0_to_3;animation-name:row_from_0_to_3;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes row_from_0_to_3{0%{top:5px}to{top:335px}}@keyframes row_from_0_to_3{0%{top:5px}to{top:335px}}.row_from_1_to_0{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:row_from_1_to_0;animation-name:row_from_1_to_0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes row_from_1_to_0{0%{top:115px}to{top:5px}}@keyframes row_from_1_to_0{0%{top:115px}to{top:5px}}.row_from_1_to_1{top:115px}.row_from_1_to_2{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:row_from_1_to_2;animation-name:row_from_1_to_2;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes row_from_1_to_2{0%{top:115px}to{top:225px}}@keyframes row_from_1_to_2{0%{top:115px}to{top:225px}}.row_from_1_to_3{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:row_from_1_to_3;animation-name:row_from_1_to_3;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes row_from_1_to_3{0%{top:115px}to{top:335px}}@keyframes row_from_1_to_3{0%{top:115px}to{top:335px}}.row_from_2_to_0{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:row_from_2_to_0;animation-name:row_from_2_to_0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes row_from_2_to_0{0%{top:225px}to{top:5px}}@keyframes row_from_2_to_0{0%{top:225px}to{top:5px}}.row_from_2_to_1{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:row_from_2_to_1;animation-name:row_from_2_to_1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes row_from_2_to_1{0%{top:225px}to{top:115px}}@keyframes row_from_2_to_1{0%{top:225px}to{top:115px}}.row_from_2_to_2{top:225px}.row_from_2_to_3{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:row_from_2_to_3;animation-name:row_from_2_to_3;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes row_from_2_to_3{0%{top:225px}to{top:335px}}@keyframes row_from_2_to_3{0%{top:225px}to{top:335px}}.row_from_3_to_0{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:row_from_3_to_0;animation-name:row_from_3_to_0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes row_from_3_to_0{0%{top:335px}to{top:5px}}@keyframes row_from_3_to_0{0%{top:335px}to{top:5px}}.row_from_3_to_1{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:row_from_3_to_1;animation-name:row_from_3_to_1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes row_from_3_to_1{0%{top:335px}to{top:115px}}@keyframes row_from_3_to_1{0%{top:335px}to{top:115px}}.row_from_3_to_2{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:row_from_3_to_2;animation-name:row_from_3_to_2;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes row_from_3_to_2{0%{top:335px}to{top:225px}}@keyframes row_from_3_to_2{0%{top:335px}to{top:225px}}.row_from_3_to_3{top:335px}.column_from_0_to_0{left:5px}.column_from_0_to_1{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:column_from_0_to_1;animation-name:column_from_0_to_1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes column_from_0_to_1{0%{left:5px}to{left:115px}}@keyframes column_from_0_to_1{0%{left:5px}to{left:115px}}.column_from_0_to_2{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:column_from_0_to_2;animation-name:column_from_0_to_2;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes column_from_0_to_2{0%{left:5px}to{left:225px}}@keyframes column_from_0_to_2{0%{left:5px}to{left:225px}}.column_from_0_to_3{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:column_from_0_to_3;animation-name:column_from_0_to_3;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes column_from_0_to_3{0%{left:5px}to{left:335px}}@keyframes column_from_0_to_3{0%{left:5px}to{left:335px}}.column_from_1_to_0{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:column_from_1_to_0;animation-name:column_from_1_to_0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes column_from_1_to_0{0%{left:115px}to{left:5px}}@keyframes column_from_1_to_0{0%{left:115px}to{left:5px}}.column_from_1_to_1{left:115px}.column_from_1_to_2{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:column_from_1_to_2;animation-name:column_from_1_to_2;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes column_from_1_to_2{0%{left:115px}to{left:225px}}@keyframes column_from_1_to_2{0%{left:115px}to{left:225px}}.column_from_1_to_3{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:column_from_1_to_3;animation-name:column_from_1_to_3;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes column_from_1_to_3{0%{left:115px}to{left:335px}}@keyframes column_from_1_to_3{0%{left:115px}to{left:335px}}.column_from_2_to_0{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:column_from_2_to_0;animation-name:column_from_2_to_0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes column_from_2_to_0{0%{left:225px}to{left:5px}}@keyframes column_from_2_to_0{0%{left:225px}to{left:5px}}.column_from_2_to_1{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:column_from_2_to_1;animation-name:column_from_2_to_1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes column_from_2_to_1{0%{left:225px}to{left:115px}}@keyframes column_from_2_to_1{0%{left:225px}to{left:115px}}.column_from_2_to_2{left:225px}.column_from_2_to_3{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:column_from_2_to_3;animation-name:column_from_2_to_3;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes column_from_2_to_3{0%{left:225px}to{left:335px}}@keyframes column_from_2_to_3{0%{left:225px}to{left:335px}}.column_from_3_to_0{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:column_from_3_to_0;animation-name:column_from_3_to_0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes column_from_3_to_0{0%{left:335px}to{left:5px}}@keyframes column_from_3_to_0{0%{left:335px}to{left:5px}}.column_from_3_to_1{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:column_from_3_to_1;animation-name:column_from_3_to_1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes column_from_3_to_1{0%{left:335px}to{left:115px}}@keyframes column_from_3_to_1{0%{left:335px}to{left:115px}}.column_from_3_to_2{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:column_from_3_to_2;animation-name:column_from_3_to_2;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes column_from_3_to_2{0%{left:335px}to{left:225px}}@keyframes column_from_3_to_2{0%{left:335px}to{left:225px}}.column_from_3_to_3{left:335px}
/*# sourceMappingURL=main.c69a02ed.chunk.css.map */