.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}body,html{height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{margin:0;color:#fff;background-color:#20262e;overflow:hidden;min-height:360px}#app .vue-tinder{position:absolute;z-index:1;left:0;right:0;top:23px;margin:auto;width:calc(100% - 20px);height:calc(100% - 151px);min-height:300px;min-width:300px;max-width:355px}.like-pointer,.nope-pointer{position:absolute;z-index:1;top:20px;width:64px;height:64px}.nope-pointer{right:10px}.like-pointer{left:10px}.super-pointer{bottom:80px;left:0;right:0;margin:auto}.rewind-pointer,.super-pointer{position:absolute;z-index:1;width:112px;height:78px}.rewind-pointer{top:20px;right:10px}.pic{width:100%;height:100%;background-size:cover;background-position:50%}.card-overlay-bottom,.card-overlay-center,.card-overlay-top{width:100%;position:absolute;height:100%;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.card-overlay-bottom img,.card-overlay-center img,.card-overlay-top img{max-width:100%}.card-overlay-top{top:0;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.card-overlay-center{font-size:1.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0}.card-overlay-bottom{font-size:1.25rem;-webkit-box-align:end;-ms-flex-align:end;align-items:end;bottom:0}.disabled{opacity:.1}.max-w-100{max-width:100%}.px-1{padding-left:1rem;padding-right:1rem}.text-justify{text-align:justify}.text-left{text-align:left}.text-center{text-align:center}.debug-code{text-align:left;padding:10px;margin-bottom:10px;color:#fff;background-color:rgba(0,0,0,.8)}.btns{position:absolute;left:0;right:0;bottom:30px;margin:auto;height:65px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1;min-width:300px;max-width:355px}.btns img{margin-right:12px;-webkit-box-shadow:0 4px 9px rgba(0,0,0,.15);box-shadow:0 4px 9px rgba(0,0,0,.15);border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent}.btns img:nth-child(odd){width:53px}.btns img:nth-child(2n){width:65px}.btns img:last-child{margin-right:0}.img-area{width:60%;margin:auto;text-align:center}