.stack{position:relative;z-index:9;width:320px;height:320px;padding:0;list-style:none;pointer-events:none}.stack__item{text-align:center;position:absolute}.controls{position:relative;width:200px;text-align:center;margin:3em 0 0}.button{border:none;background:none;position:relative;display:inline-block;padding:.25em;margin:0 .5em;cursor:pointer;font-size:1.5em;width:50px;height:50px;z-index:100;-webkit-tap-highlight-color:rgba(0,0,0,0)}.button .fa{pointer-events:none}.button--default{background:#333;border-radius:3px;color:#fff;font-size:.95em;font-weight:700;padding:.65em 2em;width:auto;height:auto}.button--sonar{border-radius:50%;background:#fff}.button--sonar:before{position:absolute;top:50%;left:50%;border-radius:50%;content:"";opacity:0;pointer-events:none;border:4px solid hsla(0,0%,100%,.5);margin:-35px 0 0 -35px;width:70px;height:70px}.button--sonar.button--active:before{-webkit-animation:anim-effect-sonar .3s ease-out forwards;animation:anim-effect-sonar .3s ease-out forwards}@-webkit-keyframes anim-effect-sonar{0%{opacity:1;-webkit-transform:scale3d(.9,.9,1);transform:scale3d(.9,.9,1)}to{opacity:0;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1)}}@keyframes anim-effect-sonar{0%{opacity:1;-webkit-transform:scale3d(.9,.9,1);transform:scale3d(.9,.9,1)}to{opacity:0;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1)}}.material-circle{width:150vh;height:150vh;margin:-75vh 0 0 -75vh;border-radius:50%;pointer-events:none;opacity:0;position:absolute;z-index:0;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}.material-circle--accept.material-circle--active{background:#81d47d}.material-circle--reject.material-circle--active{background:#e66868}.material-circle--active{-webkit-animation:anim-effect-material .6s ease-out forwards;animation:anim-effect-material .6s ease-out forwards}@-webkit-keyframes anim-effect-material{0%{opacity:1;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}70%{opacity:1;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1)}to{opacity:0;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1)}}@keyframes anim-effect-material{0%{opacity:1;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}70%{opacity:1;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1)}to{opacity:0;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1)}}.button:focus{outline:none}.button--accept{color:#81d47d}.button--reject{color:#e66868}.text-hidden{position:absolute;overflow:hidden;width:0;height:0;color:transparent;display:block}.stack__item--accept,.stack__item--reject{pointer-events:none}.stack--dian .stack__item--reject{-webkit-animation:dianReject .5s forwards;animation:dianReject .5s forwards;-webkit-transform-origin:50% -300%;transform-origin:50% -300%}@-webkit-keyframes dianReject{to{opacity:0;-webkit-transform:rotate(20deg);transform:rotate(20deg)}}@keyframes dianReject{to{opacity:0;-webkit-transform:rotate(20deg);transform:rotate(20deg)}}.stack--dian .stack__item--accept{-webkit-animation:dianAccept .5s forwards;animation:dianAccept .5s forwards;-webkit-transform-origin:50% -300%;transform-origin:50% -300%}@-webkit-keyframes dianAccept{to{opacity:0;-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}@keyframes dianAccept{to{opacity:0;-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}