@charset "UTF-8";
/* Checkbox.CSS
* v1.1.1
* Copyright © 2016 - 720kb
* Github: http://github.com/720kb/checkbox.css */
@-webkit-keyframes hey {
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-filter: blur(20px);
    filter: blur(20px); }
  90% {
    -webkit-filter: blur(40px);
    filter: blur(40px); }
  100% {
    transform: none;
    filter: none; } }
@-moz-keyframes hey {
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-filter: blur(20px);
    filter: blur(20px); }
  90% {
    -webkit-filter: blur(40px);
    filter: blur(40px); }
  100% {
    transform: none;
    filter: none; } }
@-o-keyframes hey {
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-filter: blur(20px);
    filter: blur(20px); }
  90% {
    -webkit-filter: blur(40px);
    filter: blur(40px); }
  100% {
    transform: none;
    filter: none; } }
@keyframes hey {
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-filter: blur(20px);
    filter: blur(20px); }
  90% {
    -webkit-filter: blur(40px);
    filter: blur(40px); }
  100% {
    transform: none;
    filter: none; } }
@-webkit-keyframes omg {
  59% {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px); }
  60% {
    -webkit-transform: translateX(-8px) translateY(12px);
    -moz-transform: translateX(-8px) translateY(12px);
    -o-transform: translateX(-8px) translateY(12px);
    -ms-transform: translateX(-8px) translateY(12px);
    transform: translateX(-8px) translateY(12px); }
  70% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px); }
  80% {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -o-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px); }
  90% {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4); }
  100% {
    transform: none; } }
@-moz-keyframes omg {
  59% {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px); }
  60% {
    -webkit-transform: translateX(-8px) translateY(12px);
    -moz-transform: translateX(-8px) translateY(12px);
    -o-transform: translateX(-8px) translateY(12px);
    -ms-transform: translateX(-8px) translateY(12px);
    transform: translateX(-8px) translateY(12px); }
  70% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px); }
  80% {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -o-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px); }
  90% {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4); }
  100% {
    transform: none; } }
@-o-keyframes omg {
  59% {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px); }
  60% {
    -webkit-transform: translateX(-8px) translateY(12px);
    -moz-transform: translateX(-8px) translateY(12px);
    -o-transform: translateX(-8px) translateY(12px);
    -ms-transform: translateX(-8px) translateY(12px);
    transform: translateX(-8px) translateY(12px); }
  70% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px); }
  80% {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -o-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px); }
  90% {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4); }
  100% {
    transform: none; } }
@keyframes omg {
  59% {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px); }
  60% {
    -webkit-transform: translateX(-8px) translateY(12px);
    -moz-transform: translateX(-8px) translateY(12px);
    -o-transform: translateX(-8px) translateY(12px);
    -ms-transform: translateX(-8px) translateY(12px);
    transform: translateX(-8px) translateY(12px); }
  70% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px); }
  80% {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -o-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px); }
  90% {
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4); }
  100% {
    transform: none; } }
@-webkit-keyframes tv {
  50% {
    -webkit-transform: scale(0.6) rotateY(100deg) skew(45deg);
    -moz-transform: scale(0.6) rotateY(100deg) skew(45deg);
    -o-transform: scale(0.6) rotateY(100deg) skew(45deg);
    -ms-transform: scale(0.6) rotateY(100deg) skew(45deg);
    transform: scale(0.6) rotateY(100deg) skew(45deg); }
  70% {
    -webkit-transform: scale(0.8) rotateY(200deg) skew(70deg);
    -moz-transform: scale(0.8) rotateY(200deg) skew(70deg);
    -o-transform: scale(0.8) rotateY(200deg) skew(70deg);
    -ms-transform: scale(0.8) rotateY(200deg) skew(70deg);
    transform: scale(0.8) rotateY(200deg) skew(70deg); }
  90% {
    -webkit-transform: scale(1) rotateY(500deg) skew(20deg);
    -moz-transform: scale(1) rotateY(500deg) skew(20deg);
    -o-transform: scale(1) rotateY(500deg) skew(20deg);
    -ms-transform: scale(1) rotateY(500deg) skew(20deg);
    transform: scale(1) rotateY(500deg) skew(20deg); }
  100% {
    transform: none; } }
@-moz-keyframes tv {
  50% {
    -webkit-transform: scale(0.6) rotateY(100deg) skew(45deg);
    -moz-transform: scale(0.6) rotateY(100deg) skew(45deg);
    -o-transform: scale(0.6) rotateY(100deg) skew(45deg);
    -ms-transform: scale(0.6) rotateY(100deg) skew(45deg);
    transform: scale(0.6) rotateY(100deg) skew(45deg); }
  70% {
    -webkit-transform: scale(0.8) rotateY(200deg) skew(70deg);
    -moz-transform: scale(0.8) rotateY(200deg) skew(70deg);
    -o-transform: scale(0.8) rotateY(200deg) skew(70deg);
    -ms-transform: scale(0.8) rotateY(200deg) skew(70deg);
    transform: scale(0.8) rotateY(200deg) skew(70deg); }
  90% {
    -webkit-transform: scale(1) rotateY(500deg) skew(20deg);
    -moz-transform: scale(1) rotateY(500deg) skew(20deg);
    -o-transform: scale(1) rotateY(500deg) skew(20deg);
    -ms-transform: scale(1) rotateY(500deg) skew(20deg);
    transform: scale(1) rotateY(500deg) skew(20deg); }
  100% {
    transform: none; } }
@-o-keyframes tv {
  50% {
    -webkit-transform: scale(0.6) rotateY(100deg) skew(45deg);
    -moz-transform: scale(0.6) rotateY(100deg) skew(45deg);
    -o-transform: scale(0.6) rotateY(100deg) skew(45deg);
    -ms-transform: scale(0.6) rotateY(100deg) skew(45deg);
    transform: scale(0.6) rotateY(100deg) skew(45deg); }
  70% {
    -webkit-transform: scale(0.8) rotateY(200deg) skew(70deg);
    -moz-transform: scale(0.8) rotateY(200deg) skew(70deg);
    -o-transform: scale(0.8) rotateY(200deg) skew(70deg);
    -ms-transform: scale(0.8) rotateY(200deg) skew(70deg);
    transform: scale(0.8) rotateY(200deg) skew(70deg); }
  90% {
    -webkit-transform: scale(1) rotateY(500deg) skew(20deg);
    -moz-transform: scale(1) rotateY(500deg) skew(20deg);
    -o-transform: scale(1) rotateY(500deg) skew(20deg);
    -ms-transform: scale(1) rotateY(500deg) skew(20deg);
    transform: scale(1) rotateY(500deg) skew(20deg); }
  100% {
    transform: none; } }
@keyframes tv {
  50% {
    -webkit-transform: scale(0.6) rotateY(100deg) skew(45deg);
    -moz-transform: scale(0.6) rotateY(100deg) skew(45deg);
    -o-transform: scale(0.6) rotateY(100deg) skew(45deg);
    -ms-transform: scale(0.6) rotateY(100deg) skew(45deg);
    transform: scale(0.6) rotateY(100deg) skew(45deg); }
  70% {
    -webkit-transform: scale(0.8) rotateY(200deg) skew(70deg);
    -moz-transform: scale(0.8) rotateY(200deg) skew(70deg);
    -o-transform: scale(0.8) rotateY(200deg) skew(70deg);
    -ms-transform: scale(0.8) rotateY(200deg) skew(70deg);
    transform: scale(0.8) rotateY(200deg) skew(70deg); }
  90% {
    -webkit-transform: scale(1) rotateY(500deg) skew(20deg);
    -moz-transform: scale(1) rotateY(500deg) skew(20deg);
    -o-transform: scale(1) rotateY(500deg) skew(20deg);
    -ms-transform: scale(1) rotateY(500deg) skew(20deg);
    transform: scale(1) rotateY(500deg) skew(20deg); }
  100% {
    transform: none; } }
@-webkit-keyframes jump {
  50% {
    -webkit-transform: scale(0.6) translateY(-10px);
    -moz-transform: scale(0.6) translateY(-10px);
    -o-transform: scale(0.6) translateY(-10px);
    -ms-transform: scale(0.6) translateY(-10px);
    transform: scale(0.6) translateY(-10px); }
  70% {
    -webkit-transform: scale(0.8) translateY(-5px);
    -moz-transform: scale(0.8) translateY(-5px);
    -o-transform: scale(0.8) translateY(-5px);
    -ms-transform: scale(0.8) translateY(-5px);
    transform: scale(0.8) translateY(-5px); }
  90% {
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  100% {
    transform: none; } }
@-moz-keyframes jump {
  50% {
    -webkit-transform: scale(0.6) translateY(-10px);
    -moz-transform: scale(0.6) translateY(-10px);
    -o-transform: scale(0.6) translateY(-10px);
    -ms-transform: scale(0.6) translateY(-10px);
    transform: scale(0.6) translateY(-10px); }
  70% {
    -webkit-transform: scale(0.8) translateY(-5px);
    -moz-transform: scale(0.8) translateY(-5px);
    -o-transform: scale(0.8) translateY(-5px);
    -ms-transform: scale(0.8) translateY(-5px);
    transform: scale(0.8) translateY(-5px); }
  90% {
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  100% {
    transform: none; } }
@-o-keyframes jump {
  50% {
    -webkit-transform: scale(0.6) translateY(-10px);
    -moz-transform: scale(0.6) translateY(-10px);
    -o-transform: scale(0.6) translateY(-10px);
    -ms-transform: scale(0.6) translateY(-10px);
    transform: scale(0.6) translateY(-10px); }
  70% {
    -webkit-transform: scale(0.8) translateY(-5px);
    -moz-transform: scale(0.8) translateY(-5px);
    -o-transform: scale(0.8) translateY(-5px);
    -ms-transform: scale(0.8) translateY(-5px);
    transform: scale(0.8) translateY(-5px); }
  90% {
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  100% {
    transform: none; } }
@keyframes jump {
  50% {
    -webkit-transform: scale(0.6) translateY(-10px);
    -moz-transform: scale(0.6) translateY(-10px);
    -o-transform: scale(0.6) translateY(-10px);
    -ms-transform: scale(0.6) translateY(-10px);
    transform: scale(0.6) translateY(-10px); }
  70% {
    -webkit-transform: scale(0.8) translateY(-5px);
    -moz-transform: scale(0.8) translateY(-5px);
    -o-transform: scale(0.8) translateY(-5px);
    -ms-transform: scale(0.8) translateY(-5px);
    transform: scale(0.8) translateY(-5px); }
  90% {
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0); }
  100% {
    transform: none; } }
@-webkit-keyframes inout {
  30% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  90% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  100% {
    transform: none; } }
@-moz-keyframes inout {
  30% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  90% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  100% {
    transform: none; } }
@-o-keyframes inout {
  30% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  90% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  100% {
    transform: none; } }
@keyframes inout {
  30% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  70% {
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -o-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }
  90% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  100% {
    transform: none; } }
.checkbox-rotate:checked {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear; }

.checkbox-yo:checked {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear; }

.checkbox-roll:checked {
  -webkit-transform: rotateX(360deg);
  -moz-transform: rotateX(360deg);
  -o-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear; }

.checkbox-away:checked {
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear; }

.checkbox-up:checked {
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear; }

.checkbox-down:checked {
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -o-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear; }

.checkbox-inout:checked {
  -webkit-animation: inout 0.5s linear;
  -moz-animation: inout 0.5s linear;
  -ms-animation: inout 0.5s linear;
  animation: inout 0.5s linear; }

.checkbox-splash:active {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -o-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  transition: all 0.15s linear; }

.checkbox-hey:checked {
  -webkit-animation: hey 0.8s linear;
  -moz-animation: hey 0.8s linear;
  -ms-animation: hey 0.8s linear;
  animation: hey 0.8s linear; }

.checkbox-omg:checked {
  -webkit-animation: omg 0.5s linear;
  -moz-animation: omg 0.5s linear;
  -ms-animation: omg 0.5s linear;
  animation: omg 0.5s linear; }

.checkbox-jump:checked {
  -webkit-animation: jump 0.35s linear;
  -moz-animation: jump 0.35s linear;
  -ms-animation: jump 0.35s linear;
  animation: jump 0.35s linear; }

.checkbox-tv:checked {
  -webkit-animation: tv 0.3s linear;
  -moz-animation: tv 0.3s linear;
  -ms-animation: tv 0.3s linear;
  animation: tv 0.3s linear; }

/*# sourceMappingURL=checkbox.css.map */
