.card[data-v-050253b5]{border-radius:15px;box-shadow:0 30px 30px 0 rgba(0,0,0,.05);position:absolute;width:100%;height:80vw;align-items:center;justify-content:center;display:flex;max-height:350px;margin:auto;font-size:rem(24px);font-weight:700;color:#fff;opacity:0;transform:translateY(9.9vh) scale(.76);transform-origin:50%,100%;box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;will-change:transform,opacity;height:100vw}.card[data-v-050253b5]:after{content:"";width:21px;height:3px;left:0;bottom:11px;right:0;position:absolute;margin:auto;border-radius:100px;background:rgba(0,0,0,.3)}.card.isCurrent[data-v-050253b5]{pointer-events:auto}.card.isAnimating[data-v-050253b5]{transition:transform .7s cubic-bezier(.175,.885,.32,1.275)}.male[data-v-050253b5]{background-color:#5436fd}.female[data-v-050253b5]{background-color:#df1165}.discard[data-v-050253b5]{background-color:red}.accept[data-v-050253b5]{background-color:green}.cardTitle[data-v-050253b5]{margin:0 0 15px;font-size:1.125em}.card[data-v-050253b5]:first-child{z-index:3;opacity:1;transform:translateY(0) scale(1)}.card[data-v-050253b5]:nth-child(2){z-index:2;opacity:1;transform:translateY(3.3vh) scale(.92);color:#8285a7;background-color:#8285a7;background-image:none}.card[data-v-050253b5]:nth-child(2):after{content:"";width:0;height:0}.card[data-v-050253b5]:nth-child(3){z-index:1;opacity:1;transform:translateY(6.6vh) scale(.84);color:#6d7091;background-color:#6d7091;background-image:none}.card[data-v-050253b5]:nth-child(3):after{content:"";width:0;height:0}.cards[data-v-ab6ecfb2]{position:fixed;display:flex;margin:3%;margin-top:100px;width:90%}.overlay[data-v-4bd2d493]{height:100%;width:100%;position:fixed;z-index:3;left:0;top:0;background-color:#fff;overflow-x:hidden;transition:.5s}.overlay-header[data-v-4bd2d493]{padding:25px;display:flex;justify-content:space-between}.close[data-v-4bd2d493]{padding:25px;font-weight:600;cursor:pointer}.overlay-header[data-v-4bd2d493]{background-color:#fff;border-bottom:1px solid #dfdfdf;margin-bottom:50px;box-shadow:0 10px 20px 1px rgba(0,0,0,.15);-webkit-box-shadow:0 10px 20px 1px rgba(0,0,0,.15);-moz-box-shadow:0 10px 20px 1px rgba(0,0,0,.15)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center}.bottom-icons,.gender-selector{width:90%;position:fixed;left:5%}.count{width:50%;margin:0 auto;top:80px;position:relative;padding-left:20px;padding-right:20px;border-radius:10px;border:1px solid #d3d3d3}.bottom-icons{bottom:10px}.icon-bar{padding:5px;margin-left:75px;margin-right:75px;padding-left:20px;padding-right:20px;border-radius:10px;border:1px solid #d3d3d3}#radios label{position:relative}input[type=radio]{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}input[type=radio]+svg{transition:all .2s}label{cursor:pointer}input+svg{height:70px;width:70px}label:hover>input[class=selector-male]+svg,label>input[class=selector-male]:checked+svg,label>input[class=selector-male]:focus+svg{fill:#5436fd!important}label:hover>input[class=selector-female]+svg,label>input[class=selector-female]:checked+svg,label>input[class=selector-female]:focus+svg{fill:#df1165!important}