.stack{margin:0 auto;position:relative;z-index:1000;width:10rem;height:10rem;padding:0;list-style:none;pointer-events:none}.stack__item{background:#fff;height:100%;width:100%;border-radius:.125rem;text-align:center;overflow:hidden;position:absolute;opacity:0;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:auto}.button,.controls{position:relative}.button .fa,.material-circle,.stack__item img,.stack__item--accept,.stack__item--reject{pointer-events:none}.stack__item img{width:100%;display:block}.controls{width:6.25rem;text-align:center;margin:3em 0 0}.button{border:none;background:0 0;display:inline-block;padding:.25em;margin:0 .5em;cursor:pointer;font-size:1.5em;width:1.5625rem;height:1.5625rem;z-index:100;-webkit-tap-highlight-color:rgba(0,0,0,0)}.button--default{background:#333;border-radius:.093750rem;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:.125rem solid rgba(255,255,255,.5);margin:-1.093750rem 0 0 -1.093750rem;width:2.1875rem;height:2.1875rem}.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%;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)}100%{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)}100%{opacity:0;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1)}}.button:focus{outline:0}.button--accept{color:#81d47d}.button--reject{color:#e66868}.text-hidden{position:absolute;overflow:hidden;width:0;height:0;color:transparent;display:block}.stack--cinta .stack__item--reject{-webkit-animation:cintaReject .5s forwards;animation:cintaReject .5s forwards}@-webkit-keyframes cintaReject{to{opacity:0;-webkit-transform:translate3d(25vw,0,0) translate3d(60%,0,0);transform:translate3d(25vw,0,0) translate3d(60%,0,0)}}@keyframes cintaReject{to{opacity:0;-webkit-transform:translate3d(25vw,0,0) translate3d(60%,0,0);transform:translate3d(25vw,0,0) translate3d(60%,0,0)}}.stack--cinta .stack__item--accept{-webkit-animation:cintaAccept .5s forwards;animation:cintaAccept .5s forwards}@-webkit-keyframes cintaAccept{to{opacity:0;-webkit-transform:translate3d(0,0,31.25rem);transform:translate3d(0,0,31.25rem)}}@keyframes cintaAccept{to{opacity:0;-webkit-transform:translate3d(0,0,31.25rem);transform:translate3d(0,0,31.25rem)}}@media screen and (max-width:60em){.stack{width:8.125rem;height:8.125rem}}