*,*:before,*:after{box-sizing:border-box}html{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff}body{margin:0 auto;padding:0;font-family:sans-serif;text-align:center;display:flex;justify-content:center;align-items:center;background:gray}html,body,#app{width:100%;height:100%;overflow:hidden}#app{background:linear-gradient(to bottom,#fff 65px,#f6f7fd 100%)}button{border:0;background-color:#fff}ul{padding:0;list-style:none;margin:0}h3,p{margin:0}.buttonIcon{padding:0;border:0;background-color:transparent}.buttonIcon:disabled{color:#e0e0e0}.mainNav{display:flex;justify-content:space-between;align-items:center;height:65px;min-height:65px;padding:0 10px;width:100%;background-color:#fff}.mainNav.animateNav{transition:transform .3s}.mainNav button,.mainNav div{display:flex;align-items:center;justify-content:center;width:45px;height:45px;padding:0}.mainNav button.placeholder,.mainNav div.placeholder{position:absolute}.mainNav button.active svg,.mainNav div.active svg{fill:#0072bc;width:100%;height:100%}.mainNav button svg,.mainNav div svg{fill:#dbdde6;width:100%;height:100%}.card{display:flex;flex-direction:column;justify-content:center;position:absolute;height:100%;width:calc(100% - 20px);transition:box-shadow .3s;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;cursor:pointer;border-radius:13px;background:no-repeat center center;background-color:#000;background-size:contain}.card .cardImageFooter{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:0;width:100%;padding:15px;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.82) 80%,rgba(0,0,0,.75) 100%);border-radius:0 0 13px 13px}.card .cardImageFooter .info svg{fill:#fff;width:30px;height:30px}.card .cardImageFooter h2{height:12%;width:75%;margin:0;font-weight:400;overflow:hidden;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card:last-of-type{z-index:1}.card>img{width:100%;max-height:95%}.card.inactive{box-shadow:none}.card.animate{transition:transform .3s;box-shadow:none}.card header{display:flex;justify-content:space-between;align-items:center;padding:0 20px}.card .like,.card .dislike,.card .superLike{visibility:hidden;opacity:1;font-size:40px;text-transform:uppercase;position:absolute;border:3px solid;border-radius:5px;padding:0 5px}.card .like{color:#46c871;transform:rotate(-20deg);top:4%;left:3%}.card .dislike{color:#fd4861;transform:rotate(20deg);top:5%;right:3%}.card .superLike{color:#31aff2;transform:rotate(-15deg);bottom:29%;right:22%;z-index:1;width:160px}.card.showLike .like,.card.showDislike .dislike,.card.showSuperLike .superLike{visibility:visible}.moveOutRight,.moveOutLeft,.moveOutTop{animation-delay:.15s;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:linear}.moveOutRight{animation-name:outRight}.moveOutLeft{animation-name:outLeft}.moveOutTop{animation-name:outTop}@keyframes outLeft{to{transform:translate3d(-110%,-5%,0) rotate(-8deg)}}@keyframes outRight{to{transform:translate3d(110%,-5%,0) rotate(8deg)}}@keyframes outTop{to{transform:translate3d(0,-150%,0) rotate(-5deg)}}.cardDetailContent{position:absolute;top:0;width:100%;height:calc(100% - 150px);overflow-y:scroll;-webkit-overflow-scrolling:touch;padding:15px 0}.cardDetailContent .cardImage{display:grid;margin:0 10px;height:100%;position:relative;background:no-repeat center center;background-color:#000;background-size:contain;border-radius:13px}.cardDetailContent .cardImage .down{display:flex;align-items:center;justify-content:center;position:absolute;bottom:-20px;right:10px;border-radius:50%;background-color:#f55a5c;width:40px;height:40px}.cardDetailContent .cardImage .down.hideDismissIcon{display:none}.cardDetailContent .cardImage .down svg{width:20px;height:20px;fill:#fff}.cardDetailContent .cardInfo{display:flex;flex-direction:column;text-align:left;margin:15px;color:#3f3c3f;font-weight:700;font-size:18px}.cardDetailContent .cardInfo a{color:#757375;text-decoration:none;font-weight:400;font-size:16px;margin:15px 0 0 -5px}.cardDetailContent .cardInfo .location{display:inline-flex;margin:0 6px}.cardDetailContent .cardInfo .location svg{width:13px;height:13px}.cardDetailContent .cardText{text-align:left;border-top:1px solid #f1f1f1;padding:15px;color:#3b3b3b}.cardDetailContent .cardText a{color:#0072bc}.cardDetailContent .sharing{color:#fb2252;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;padding:10px;text-transform:uppercase;font-size:12px}.cardDetailContent .sharing a{color:#fb2252;text-decoration:none}.cardDetailContent .sharing span{display:block;font-size:15px;margin-bottom:8px}.cardDetailContent .report{margin-bottom:150px;padding:20px;text-transform:uppercase;font-size:15px;border-bottom:1px solid #f1f1f1}.cardDetailContent .report a{color:#969696;text-decoration:none}.cardDetailContent .cardImageFooter{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:0;width:100%;padding:15px;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.82) 80%,rgba(0,0,0,.75) 100%);border-radius:0 0 13px 13px}.cardDetailContent .cardImageFooter .info svg{fill:#fff;width:30px;height:30px}.cardDetailContent .cardImageFooter h2{height:12%;width:75%;margin:0;font-weight:400;overflow:hidden;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.showCardDetails,.minimizeImage,.hideImageFooter,.hideCardDetails,.maximizeImage,.showImageFooter{animation-duration:.1s;animation-fill-mode:forwards;animation-timing-function:ease-out}.showCardDetails{animation-name:showCardDetails}.minimizeImage{animation-name:minimizeImage}.hideImageFooter{animation-name:hideImageFooter}.hideCardDetails{animation-name:hideCardDetails}.maximizeImage{animation-name:maximizeImage}.showImageFooter{animation-name:showImageFooter}@keyframes showCardDetails{to{top:-65px;height:100%;padding:0;background-color:#fff}}@keyframes minimizeImage{to{height:51%;margin:0;border-radius:0}}@keyframes hideImageFooter{40%,to{transform:translateY(100%);opacity:0;padding:15px 25px}}@keyframes hideCardDetails{0%{top:-65px;height:100%;padding:0;background-color:#fff}}@keyframes maximizeImage{0%{height:51%;margin:0;border-radius:0}}@keyframes showImageFooter{0%,40%{transform:translateY(100%);opacity:0;padding:15px 25px}}.searching{width:75px;height:75px;display:flex}.searching img,.searching .radarOne,.searching .radarTwo{position:absolute;width:75px;height:75px;border-radius:50%}.searching img{border:3px solid #fff;background-color:#f6f7fd}.searching .radarOne,.searching .radarTwo{background-color:#f4456140;border:.5px solid rgba(244,69,97,.5);animation:radar 3s ease-out infinite}.searching .radarTwo{animation-delay:1.5s}@keyframes radar{to{transform:scale(5);opacity:0}}.cardViewFooter{display:flex;justify-content:space-between;align-items:center;height:85px;min-height:85px;padding:0 20px 5px;font-size:30px;background:linear-gradient(to bottom,rgba(246,247,253,0) 0%,rgba(246,247,253,.5) 20%,#f6f7fd 40%,#f6f7fd 100%);position:absolute;bottom:65px;width:100%}.cardViewFooter .buttonIcon{border-radius:50%;background-color:#fff;width:50px;height:50px;font-size:20px;display:flex;justify-content:center;align-items:center}.cardViewFooter .buttonIcon.large{width:60px;height:60px}.cardViewFooter .buttonIcon svg{width:25px;height:25px}@media (max-width: 320px){.cardViewFooter .buttonIcon{width:40px;height:40px}.cardViewFooter .buttonIcon.large{width:50px;height:50px}}.cardViewFooter .undo svg{transform:rotate(43deg);width:22px;height:22px;fill:#f8b800;stroke:#f8b800}.cardViewFooter .times{padding-right:1px}.cardViewFooter .times svg{fill:#f44561}.cardViewFooter .star{padding-bottom:2px}.cardViewFooter .star svg{fill:#31aff2}.cardViewFooter .heart{padding-top:2px}.cardViewFooter .heart svg{fill:#51e9bd}.cardViewFooter .bolt svg{fill:#9c45e4}.cardViewFooter .buttonIcon.hide,.cardViewFooter .buttonIcon.show{animation-duration:.1s;animation-fill-mode:forwards;animation-timing-function:linear}.cardViewFooter .buttonIcon.hide{animation-name:cardViewFooterIconHide}.cardViewFooter .buttonIcon.show{animation-name:cardViewFooterIconShow}.cardViewFooter .buttonIcon:disabled svg{fill:#e0e0e0;stroke:#e0e0e0}@keyframes cardViewFooterIconHide{to{transform:scale(0)}}@keyframes cardViewFooterIconShow{0%{transform:scale(0)}}@supports (padding-bottom: max(5px,env(safe-area-inset-bottom))){.cardViewFooter{padding-bottom:max(5px,env(safe-area-inset-bottom))}}.cardView{height:100%}.cardManager{position:relative;height:calc(100% - 150px);width:100%}.settingsModal .bigButtons{padding:8px}.settingsModal .bigButtons button{box-shadow:0 9px 15px -10px #0000001a}.settingsModal .bigButtons .large{width:100%;padding:15px;border-radius:8px;color:#c2c6ce;font-size:12px}.settingsModal .bigButtons .large h3{display:flex;align-items:center;justify-content:center;margin:0 0 2px;font-size:25px;color:#505050}.settingsModal .bigButtons .large h3 .trash{display:inline-flex;margin-right:3px}.settingsModal .bigButtons .large h3 .trash svg{width:25px;height:25px;fill:#505050}.settingsModal .settingsSection{padding:10px 0}.settingsModal .settingsSection h3{color:#939393;text-align:left;margin:0 15px 10px;font-size:12px;text-transform:uppercase;font-weight:400}.settingsModal .settingsSection ul{text-align:left;background-color:#fff;padding-left:15px}.settingsModal .settingsSection li{display:flex;align-items:center;justify-content:space-between;padding:15px 15px 15px 0}.settingsModal .settingsSection li:not(:first-of-type){border-top:1px solid #f1f1f1}.settingsModal .settingsSection li .setting{color:#737373}@keyframes showFullscreenModal{to{transform:translateY(0)}}@keyframes hideFullscreenModal{0%{transform:translateY(0)}}.fullscreenModal{height:100%;position:absolute;width:100%;top:-65px;background-color:#f6f7fd;padding-top:40px;animation:showFullscreenModal .2s ease-out forwards;transform:translateY(100%)}.fullscreenModal.hide{animation-timing-function:ease-in;animation-name:hideFullscreenModal}.fullscreenModal header{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;top:0;height:40px;padding:10px;background-color:#fff;border-bottom:1px solid #c4c3c9}.fullscreenModal header button{height:100%;position:absolute;top:0;right:5px;color:#f44561;font-size:15px;padding:0 10px}.editInfoModal section{padding:10px 0}.editInfoModal section h3{color:#252525;text-align:left;margin:0 15px 10px;font-size:14px;text-transform:uppercase;font-weight:400}.editInfoModal section ul{text-align:left;background-color:#fff;padding-left:15px}.editInfoModal section li{display:flex;align-items:center;justify-content:space-between;padding:15px 15px 15px 0}.editInfoModal section li:not(:first-of-type){border-top:1px solid #f1f1f1}.editInfoModal section li .setting{color:#737373}.editInfoModal section li input{font-size:14px;width:100%;color:#393939;border:0;caret-color:#f44561}.editInfoModal section li input:focus::placeholder{color:transparent}.editInfoModal section li input::placeholder{color:#9f9f9f;text-transform:uppercase;font-weight:700}.goldModal{position:absolute;top:-65px;height:100%;width:100%;z-index:2}.goldModal.animateIn .modal{animation:showGoldModal .3s ease-out forwards}.goldModal.animateIn .overlay{opacity:.85}.goldModal.animateIn .disclaimer{opacity:1}.goldModal.animateOut .modal{animation:hideGoldModal .3s ease-in forwards}.goldModal.animateOut .overlay{opacity:.25}.goldModal.animateOut .disclaimer{opacity:0}.goldModal .overlay{height:100%;width:100%;background-color:#000;opacity:.25;transition:opacity .3s ease-out}.goldModal .modal{position:absolute;top:25px;width:calc(100% - 20px);background-color:#fefafb;margin:0 10px;border-radius:10px;padding:30px 0 10px;transform:scale(.65) translateY(-140%)}.goldModal .modal>h3{color:#e7b462;font-size:20px;font-weight:700}.goldModal .modal .info{margin-top:20px;margin-bottom:30px;color:#3b3f3b}.goldModal .modal .info img{width:180px;height:130px}.goldModal .modal .info h3{margin-top:8px;margin-bottom:10px}.goldModal .modal ul{display:flex;justify-content:space-evenly;background-color:#f6f7fd}.goldModal .modal ul li{color:#3b3f3b;border:1px solid #ececec;width:100%;padding:2px}.goldModal .modal ul li button{color:inherit;margin:0;font:inherit;padding:9px 15px 5px;background-color:#f6f7fd;width:100%}.goldModal .modal ul li button:focus{outline:none}@media (max-width: 360px){.goldModal .modal ul li button{padding-left:5px;padding-right:5px}}.goldModal .modal ul li header{margin-bottom:5px;font-size:35px;font-weight:700}.goldModal .modal ul li span{display:block;font-weight:700}.goldModal .modal ul li span:first-of-type{margin-top:5px}.goldModal .modal ul li .savings{text-transform:uppercase;font-weight:400;font-size:13px;visibility:hidden}.goldModal .modal ul li.selected{position:relative;color:#e7b462;border:3px solid #e7b462;background-color:#fff;padding:0}.goldModal .modal ul li.selected button{background-color:#fff}.goldModal .modal ul li.selected.popular:after,.goldModal .modal ul li.selected.popular:before,.goldModal .modal ul li.selected.value:after,.goldModal .modal ul li.selected.value:before{position:absolute;top:-13px;left:50%;transform:translate(-50%);white-space:nowrap}.goldModal .modal ul li.selected.popular:before,.goldModal .modal ul li.selected.value:before{content:"";background-color:#e7b462;border-radius:30px;animation:showSubLabelButton .15s ease-out forwards}.goldModal .modal ul li.selected.popular:after,.goldModal .modal ul li.selected.value:after{font-size:10px;font-weight:700;text-transform:uppercase;padding:6px 10px;color:#fff;animation:showSubLabel .15s ease-out forwards}.goldModal .modal ul li.selected.popular:before{height:24px;width:100px}.goldModal .modal ul li.selected.popular:after{content:"Most Popular"}.goldModal .modal ul li.selected.value:before{height:22px;width:90px}.goldModal .modal ul li.selected.value:after{content:"Best Value";font-size:12px;padding:4px 8px}.goldModal .modal ul li.selected .savings{visibility:visible}.goldModal .modal .modalOptions{padding:15px 30px 0;background-color:#fff}.goldModal .modal .modalOptions .continue{width:100%;background-color:#e7b462;color:#fff;padding:15px 10px;font-size:15px;text-transform:uppercase;letter-spacing:2px;border-radius:30px;font-weight:700}.goldModal .modal .modalOptions .noThanks{font-size:15px;text-transform:uppercase;letter-spacing:2px;padding:15px 10px;margin-top:10px;color:#c8c8c8;font-weight:700}.goldModal .disclaimer{position:absolute;bottom:30px;left:0;width:calc(100% - 20px);margin:0 10px;color:#fff;font-size:13px;line-height:16px;opacity:0;transition:opacity .3s ease-out}.goldModal .disclaimer header,.goldModal .disclaimer span{font-weight:700}@media (max-height: 720px){.goldModal .disclaimer{display:none}}@keyframes showGoldModal{80%{transform:scale(1.05) translateY(10%)}to{transform:scale(1) translateY(0)}}@keyframes hideGoldModal{0%{transform:scale(1) translateY(0)}20%,40%{transform:scale(1.05) translateY(-4%)}to{transform:scale(.65) translateY(200%)}}@keyframes showSubLabel{0%{transform:translate(-50%) scale(0)}70%{transform:translate(-50%) scale(1.05)}to{transform:translate(-50%) scale(1)}}@keyframes showSubLabelButton{50%{transform:translate(-50%)}70%{transform:translate(-50%) scale(1.05)}to{transform:translate(-50%) scale(1)}}.profileView .top{height:54%;background-color:#fff;display:flex;align-items:center;justify-content:flex-end;flex-direction:column}.profileView .top .profileInfo{font-size:26px;margin-bottom:8%;color:#434143}.profileView .top .profileInfo span{display:block}.profileView .top .profileInfo .name{font-size:26px}.profileView .top .profileInfo .jobTitle{font-size:15px;margin-top:5px}.profileView .top .profileImage{display:block;width:145px;height:145px;background-color:#f6f7fd;border-radius:50%;margin-bottom:8px}.profileView .top .profileButtons{display:flex;justify-content:space-evenly;width:100%}.profileView .top .profileButtons .separator{width:1px;background-color:#f6f6fa}.profileView .top .profileButtons .labelButtonIcon{display:flex;align-items:center;flex-direction:column;text-transform:uppercase;font-size:11px;color:#c2c6ce;letter-spacing:1px}.profileView .top .profileButtons .labelButtonIcon.media{margin-top:10px}.profileView .top .profileButtons .buttonIcon{display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:50%;background-color:#fff;margin-bottom:10px;width:60px;height:60px;box-shadow:0 2px 15px 2px #0000001a}.profileView .top .profileButtons .buttonIcon.media{width:75px;height:75px;padding-left:1px;box-shadow:none;background-color:#f44561}.profileView .top .profileButtons .buttonIcon.media svg{height:40px;width:40px;fill:#fff}.profileView .top .profileButtons .buttonIcon svg{height:35px;width:35px;fill:#c2c6ce}@media (max-width: 320px){.profileView .top{height:46%}.profileView .top .profileInfo{display:flex;flex-direction:column;align-items:center}.profileView .top .profileInfo .name{font-size:25px}.profileView .top .profileImage{width:100px;height:100px}.profileView .top .profileButtons .buttonIcon{width:50px;height:50px}.profileView .top .profileButtons .buttonIcon svg{width:30px;height:30px}.profileView .top .profileButtons .buttonIcon.media{width:50px;height:50px}.profileView .top .profileButtons .buttonIcon.media svg{width:30px;height:30px}}.profileView .roundedBottom{background-color:#fff;height:75px;margin-top:-37.5px;margin-bottom:30px;border-bottom-left-radius:50%;border-bottom-right-radius:50%;box-shadow:0 9px 15px -10px #0000001a}.profileView .bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:15px;font-weight:lighter}.profileView .bottom h3{display:flex;margin:0 0 8px;font-size:23px;font-weight:400}.profileView .bottom h3 .icon{margin-right:10px}.profileView .bottom h3 svg{width:25px;height:25px;fill:#e7b462}.profileView .bottom .standardButton{background-color:#fff;border:0;color:#e7b462;text-transform:uppercase;padding:21px 55px;font-size:15px;font-weight:500;border-radius:30px;margin-top:20px;box-shadow:0 2px 15px -1px #0000001a}li.message{position:relative}li.message:before{content:"";position:absolute;right:0;bottom:0;height:1px;width:calc(100% - 91px);border-bottom:1px solid #fbfbfb}li.message a{display:flex;padding:7px;text-decoration:none;background-color:#fff;transform:translate(-75px)}li.message a.animateReset{transition:transform .3s}li.message img{border-radius:50%;margin-right:8px;width:75px;height:75px}li.message .matchInfo{display:flex;flex-direction:column;justify-content:center;width:calc(100% - 91px)}li.message .title{display:flex;align-items:center;margin-bottom:5px}li.message .superLiked{margin-left:4px}li.message .superLiked svg{height:15px;width:15px;fill:#31aff2}li.message h4{text-align:left;margin:0;font-size:16px;font-weight:400;color:#000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}li.message p{font-size:14px;color:#9a9a9a;margin:0;font-weight:lighter;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}li.message .slider{height:100%;width:100%;background-color:#f44561;position:absolute;overflow-x:hidden}li.message button{position:absolute;right:-75px;display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;width:75px;background-color:#f44561;color:#fff;text-transform:uppercase}li.message button.animate{transition:transform .2s}li.message button svg{display:block;width:25px;height:auto;fill:#fff;padding-bottom:2px}.matchesView{background-color:#fff;height:calc(100% - 65px)}.matchesView nav{display:flex;align-items:center;box-shadow:0 7px 15px -6px #0000001a}.matchesView nav button{width:50%;padding:13px 0;font-size:16px;color:#b5b9be}.matchesView nav button.active{color:#f44561}.matchesView nav hr{background-color:#e1e2e6;width:1px;height:24px;margin:0;border:0}.matchesView section{padding-top:15px}.matchesView .matchesSearch{display:flex;align-items:center;margin:0 7px 15px;position:relative}.matchesView .matchesSearch .search{position:absolute;top:3px;left:7px;fill:#9a9a9a}.matchesView .matchesSearch .search svg{width:12px;height:auto}.matchesView .matchesSearch .clearSearch{position:absolute;top:0;right:0;background-color:transparent;padding:6px}.matchesView .matchesSearch .clearSearch svg{display:block;width:12px;height:auto;fill:#9a9a9a}.matchesView .matchesSearch form{width:100%;position:relative}.matchesView .matchesSearch input{width:100%;background-color:#f0f0f0;border:0;border-radius:3px;padding:5px 10px 5px 27px;caret-color:#f44561}.matchesView .matchesSearch .cancelButton{color:#f44561;margin-left:5px}.matchesView .matchSearchOverlay{width:100%;height:100%;position:absolute;z-index:1;background-color:#fff;opacity:.8;left:0;padding:0}.matchesView .getSwiping img,.matchesView .noActivity img,.matchesView .noSearchMatches img{margin:0 0 55px 50px}.matchesView .getSwiping h3,.matchesView .noActivity h3,.matchesView .noSearchMatches h3{margin-bottom:22px;font-weight:400;color:#3f3f3f}.matchesView .getSwiping p,.matchesView .noActivity p,.matchesView .noSearchMatches p{font-size:14px;width:215px;margin:0 auto;color:#9a9a9a;font-weight:lighter;line-height:17px}.matchesView .noSearchMatches img{margin:0 0 50px}.matchesView .noActivity img{margin:55px 0}.matchesView .noActivity p{width:175px}.matchesView .messages{height:calc(100% - 35px);overflow-y:scroll;-webkit-overflow-scrolling:touch;padding-top:10px;padding-bottom:25px}.matchesView .messages .messageDisplay{min-height:100%}.matchesView .messages .messageDisplay h3{text-align:left;color:#f44561;font-size:14px;font-weight:400;margin:0 7px 15px}.matchesView .messages ul{display:flex;flex-direction:column}.matchesView ::placeholder{color:#9a9a9a}#app{overflow:hidden}@media (min-width: 600px){#app{border-radius:8px;max-height:736px;max-width:414px}}#appView,#appView .views{height:100%}#appView .views.animateReset{transition:transform .3s}#appView .views>section{position:absolute;height:100%;width:100%}#appView .views>section.cardView{padding:15px 0}#appView .views>section.profileView{transform:translate(-100%)}#appView .views>section.matchesView{transform:translate(100%)}#appView .views>section.noCards{display:flex;align-items:center;justify-content:center;height:calc(100% - 65px);padding-bottom:65px}#appView .views>section.noCards .cardViewFooter{bottom:0}