body[data-v-dcf2df18]{font-family:Bitter,serif;background:#333;color:#fff}button[data-v-dcf2df18]{font-family:Bitter;background:#c62735;color:#fff;border:0;padding:5px 15px;margin:0 10px;border-radius:4px;outline:0;cursor:pointer}.img-contain[data-v-dcf2df18]{width:250px;height:160px;overflow:hidden;transform-origin:50% 50%}img[data-v-dcf2df18]{width:100%;transform-origin:50% 50%;cursor:pointer;transform:scaleY(1) translateZ(0);margin:5px}main[data-v-dcf2df18]{display:flex;flex-wrap:wrap;justify-content:center}.img-contain:hover .overlay[data-v-dcf2df18]{opacity:1;background:rgba(0,0,0,.6);transition:all .3s ease-out}.img-contain .overlay[data-v-dcf2df18]{position:absolute;z-index:1000;display:block;width:245px;height:155px;margin:5px;opacity:0;overflow:hidden;transition:all .3s ease-in}.overlay-text[data-v-dcf2df18]{margin-top:40px}h4[data-v-dcf2df18]{margin:0 0 15px}.flip-enter-active[data-v-dcf2df18]{transition:all .2s cubic-bezier(.55,.085,.68,.53);transform-origin:50% 50%}.flip-leave-active[data-v-dcf2df18]{transform-origin:50% 50%;transition:all .25s cubic-bezier(.25,.46,.45,.94)}.flip-enter-from[data-v-dcf2df18],.flip-leave-to[data-v-dcf2df18]{transform-origin:50% 50%;transform:scaleY(0) translateZ(0);opacity:0}body[data-v-38d938f6]{font-family:Bitter,serif;background:#333;color:#fff}button[data-v-38d938f6]{font-family:Bitter;background:#c62735;color:#fff;border:0;padding:5px 15px;margin:0 10px;border-radius:4px;outline:0;cursor:pointer}.img-contain[data-v-38d938f6]{width:250px;height:160px;overflow:hidden;transform-origin:50% 50%}img[data-v-38d938f6]{width:100%;transform-origin:50% 50%;cursor:pointer;transform:scaleY(1) translateZ(0);margin:5px}main[data-v-38d938f6]{display:flex;flex-wrap:wrap;justify-content:center}.img-contain:hover .overlay[data-v-38d938f6]{opacity:1;background:rgba(0,0,0,.6);transition:all .3s ease-out}.img-contain .overlay[data-v-38d938f6]{position:absolute;z-index:1000;display:block;width:245px;height:155px;margin:5px;opacity:0;overflow:hidden;transition:all .3s ease-in}.overlay-text[data-v-38d938f6]{margin-top:40px}h4[data-v-38d938f6]{margin:0 0 15px}.flip-enter-active[data-v-38d938f6]{transition:all .2s cubic-bezier(.55,.085,.68,.53);transform-origin:50% 50%}.flip-leave-active[data-v-38d938f6]{transform-origin:50% 50%;transition:all .25s cubic-bezier(.25,.46,.45,.94)}.flip-enter-from[data-v-38d938f6],.flip-leave-to[data-v-38d938f6]{transform-origin:50% 50%;transform:scaleY(0) translateZ(0);opacity:0}body[data-v-7268497d]{font-family:Bitter,serif;background:#333;color:#fff}#sweet-main[data-v-7268497d]{text-align:center;margin:60px;margin:0 auto;display:table}button[data-v-7268497d]{font-family:Bitter;background:#c62735;color:#fff;border:0;padding:5px 15px;margin:0 10px;border-radius:4px;outline:0;cursor:pointer}.img-contain[data-v-7268497d]{width:250px;height:160px;overflow:hidden;transform-origin:50% 50%}img[data-v-7268497d]{width:100%;transform-origin:50% 50%;cursor:pointer;transform:scaleY(1) translateZ(0);margin:5px}main[data-v-7268497d]{display:flex;flex-wrap:wrap;justify-content:center}.img-contain:hover .overlay[data-v-7268497d]{opacity:1;background:rgba(0,0,0,.6);transition:all .3s ease-out}.img-contain .overlay[data-v-7268497d]{position:absolute;z-index:1000;display:block;width:245px;height:155px;margin:5px;opacity:0;overflow:hidden;transition:all .3s ease-in}.overlay-text[data-v-7268497d]{margin-top:40px}h4[data-v-7268497d]{margin:0 0 15px}.flip-enter-active[data-v-7268497d]{transition:all .2s cubic-bezier(.55,.085,.68,.53);transform-origin:50% 50%}.flip-leave-active[data-v-7268497d]{transform-origin:50% 50%;transition:all .25s cubic-bezier(.25,.46,.45,.94)}.flip-enter-from[data-v-7268497d],.flip-leave-to[data-v-7268497d]{transform-origin:50% 50%;transform:scaleY(0) translateZ(0);opacity:0}body[data-v-17ea7834]{font-family:Bitter,serif;width:100vw;height:100vh;background:#eee;background:linear-gradient(180deg,#eee 0,#ccc 65%,#eee 99%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#eeeeee",GradientType=0)}#ball-main[data-v-17ea7834]{text-align:center;margin:60px;max-width:320px;margin:0 auto;display:table}.num[data-v-17ea7834]{color:#af007e}button[data-v-17ea7834]{font-family:Bitter;background:#c62735;color:#fff;border:0;padding:5px 15px;margin:0 10px;border-radius:4px;outline:0;cursor:pointer}h4[data-v-17ea7834]{margin:0 0 15px}hr[data-v-17ea7834]{border-color:#f2faff;opacity:.5;margin:15px 0}@-webkit-keyframes bouncein-17ea7834{1%{transform:translate3d(0,-400px,0)}20%,40%,60%,80%,95%,99%,to{transform:translateZ(0)}30%{transform:translate3d(0,-80px,0)}50%{transform:translate3d(0,-40px,0)}70%{transform:translate3d(0,-30px,0)}90%{transform:translate3d(0,-15px,0)}97%{transform:translate3d(0,-10px,0)}}@keyframes bouncein-17ea7834{1%{transform:translate3d(0,-400px,0)}20%,40%,60%,80%,95%,99%,to{transform:translateZ(0)}30%{transform:translate3d(0,-80px,0)}50%{transform:translate3d(0,-40px,0)}70%{transform:translate3d(0,-30px,0)}90%{transform:translate3d(0,-15px,0)}97%{transform:translate3d(0,-10px,0)}}@-webkit-keyframes rollout-17ea7834{0%{transform:translate3d(0,300px,0)}to{transform:translate3d(1000px,300px,0)}}@keyframes rollout-17ea7834{0%{transform:translate3d(0,300px,0)}to{transform:translate3d(1000px,300px,0)}}@-webkit-keyframes ballroll-17ea7834{0%{transform:rotate(0)}to{transform:rotate(1000deg)}}@keyframes ballroll-17ea7834{0%{transform:rotate(0)}to{transform:rotate(1000deg)}}.ballmove-enter[data-v-17ea7834]{transform:translate3d(0,-400px,0)}.bouncein[data-v-17ea7834]{-webkit-animation:bouncein-17ea7834 .9s cubic-bezier(.47,0,.745,.715) both;animation:bouncein-17ea7834 .9s cubic-bezier(.47,0,.745,.715) both}.rollout[data-v-17ea7834]{width:60px;height:60px;-webkit-animation:rollout-17ea7834 2s cubic-bezier(.55,.085,.68,.53) both;animation:rollout-17ea7834 2s cubic-bezier(.55,.085,.68,.53) both}.rollout div[data-v-17ea7834]{-webkit-animation:ballroll-17ea7834 2s cubic-bezier(.55,.085,.68,.53) both;animation:ballroll-17ea7834 2s cubic-bezier(.55,.085,.68,.53) both}body[data-v-e5589f2e]{font-family:Bitter,serif;width:100vw;height:100vh;background:#eee;background:linear-gradient(180deg,#eee 0,#ccc 65%,#eee 99%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee",endColorstr="#eeeeee",GradientType=0)}#ball-main[data-v-e5589f2e]{text-align:center;margin:60px;max-width:320px;margin:0 auto;display:table}.num[data-v-e5589f2e]{color:#af007e}button[data-v-e5589f2e]{font-family:Bitter;background:#c62735;color:#fff;border:0;padding:5px 15px;margin:0 10px;border-radius:4px;outline:0;cursor:pointer}h4[data-v-e5589f2e]{margin:0 0 15px}hr[data-v-e5589f2e]{border-color:#f2faff;opacity:.5;margin:15px 0}.ball[data-v-e5589f2e]{width:60px;height:60px;background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/soccerball.svg) #2c3e50;transform-origin:50% 50%;transform:translate3d(0,300px,0) rotate(0)}@-webkit-keyframes bouncein-e5589f2e{1%{transform:translate3d(100px,-400px,0)}20%,40%,60%,80%,95%,99%,to{transform:translateZ(0)}30%{transform:translate3d(50px,-80px,0)}50%{transform:translate3d(25px,-40px,0)}70%{transform:translate3d(15px,-30px,0)}90%{transform:translate3d(10px,-15px,0)}97%{transform:translate3d(5px,-10px,0)}}@keyframes bouncein-e5589f2e{1%{transform:translate3d(100px,-400px,0)}20%,40%,60%,80%,95%,99%,to{transform:translateZ(0)}30%{transform:translate3d(50px,-80px,0)}50%{transform:translate3d(25px,-40px,0)}70%{transform:translate3d(15px,-30px,0)}90%{transform:translate3d(10px,-15px,0)}97%{transform:translate3d(5px,-10px,0)}}@-webkit-keyframes rollout-e5589f2e{0%{transform:translate3d(0,300px,0)}to{transform:translate3d(1000px,-300px,0)}}@keyframes rollout-e5589f2e{0%{transform:translate3d(0,300px,0)}to{transform:translate3d(1000px,-300px,0)}}@-webkit-keyframes ballroll-e5589f2e{0%{transform:rotate(0)}to{transform:rotate(10000deg)}}@keyframes ballroll-e5589f2e{0%{transform:rotate(0)}to{transform:rotate(10000deg)}}.ballmove-enter[data-v-e5589f2e]{transform:translate3d(-400px,0,0)}.bouncein[data-v-e5589f2e]{-webkit-animation:bouncein-e5589f2e 3s cubic-bezier(.47,0,.745,.715) both;animation:bouncein-e5589f2e 3s cubic-bezier(.47,0,.745,.715) both}.rollout[data-v-e5589f2e]{-webkit-animation:rollout-e5589f2e .5s cubic-bezier(.55,.085,.68,.53) both;animation:rollout-e5589f2e .5s cubic-bezier(.55,.085,.68,.53) both}.rollout div[data-v-e5589f2e]{width:300px;height:300px;-webkit-animation:ballroll-e5589f2e .5s cubic-bezier(.55,.085,.68,.53) both;animation:ballroll-e5589f2e .5s cubic-bezier(.55,.085,.68,.53) both}body[data-v-4cc46350]{margin:30px}button[data-v-4cc46350]{background:#d93419;border-radius:4px;display:inline-block;border:none;padding:.75rem 1rem;margin:20px 10px 0 0;text-decoration:none;color:#fff;font-family:sans-serif;font-size:1rem;cursor:pointer;text-align:center;-webkit-appearance:none;-moz-appearance:none}button[data-v-4cc46350]:focus{outline:1px dashed #fff;outline-offset:-3px}.shake[data-v-4cc46350]{-webkit-animation:shake-4cc46350 .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake-4cc46350 .82s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}@-webkit-keyframes shake-4cc46350{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes shake-4cc46350{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}ul[data-v-19607610]{list-style-type:none;margin:1rem}li[data-v-19607610]{padding:1rem;background-color:#555;border-bottom:1px solid #000}