.messages-page{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-width:512px;background:white}.messages-page .top-bar{height:45px;width:100%;position:relative;top:0;left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border:1px none #d4d8de;border-bottom-style:solid}.messages-page .top-bar .back-button{cursor:pointer;padding:5px 10px 0}.messages-page .top-bar .title{cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.messages-page .top-bar .title .image{background-size:cover;height:28px;width:28px;border-radius:50%}.messages-page .top-bar .option-button{padding:5px 8px 0;cursor:pointer}.messages-page .top-bar .option-button svg{margin-right:10px;transform:rotate(90deg)}.messages-page .bottom-bar{margin:0;padding:0;height:53px;width:100%;position:fixed;bottom:env(safe-area-inset-bottom);left:0;border:1px none #d4d8de;border-top-style:solid;border-bottom-style:solid;z-index:1000;overflow:hidden;display:flex;flex-direction:row}.messages-page .bottom-bar .send-button{width:20%}.messages-page .bottom-bar .send-button button{width:100%;height:100%;background:white;border:0;text-transform:uppercase;color:#ff4458;font-weight:700;font-size:15px}.messages-page .bottom-bar .send-button button:disabled{color:#e9ebee}.messages-page .bottom-bar textarea{color:#21262e;font-family:Noto Sans,sans-serif;font-size:14px;width:80%;height:20px;padding:17px 11px;white-space:nowrap;overflow:hidden;background:white;border:0;resize:none;outline:none;z-index:2000}.messages-page .no-message{cursor:pointer;position:relative;height:calc(100vh - 331px);width:100%;padding-top:150px;display:flex;flex-direction:column;align-items:center;animation:match-pulse .75s linear}@keyframes match-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.messages-page .no-message .text{text-align:center}.messages-page .no-message .text h1{color:#000;font-size:18px;font-weight:400}.messages-page .no-message .text p{color:#000;font-size:14px;font-weight:lighter}.messages-page .no-message .image{margin-top:20px;height:146px;width:146px;border-radius:50%;background-size:cover}.messages-page .conversation{position:relative;margin-left:10px;margin-right:10px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;height:calc(100vh - 96px)}.messages-page .conversation::-webkit-scrollbar{display:none}.messages-page .conversation ul{list-style:none;margin:0;padding:0}.messages-page .conversation ul:after{content:"";display:block;clear:both}.messages-page .conversation ul li{display:inline-block;clear:both;padding:10px;border-radius:15px;margin-bottom:8px;font-size:14px;white-space:pre-line}.messages-page .conversation ul li:first-child{margin-top:10px}.messages-page .conversation ul li:last-child{margin-bottom:10px}.messages-page .conversation .him{background:#eee;float:left}.messages-page .conversation .him+.me{border-bottom-right-radius:5px}.messages-page .conversation .me{float:right;background:#0084ff;color:#fff}.messages-page .conversation .me+.me{border-top-right-radius:5px;border-bottom-right-radius:5px}.tiblock{align-items:center;display:flex;height:17px}.ticontainer .tidot{background-color:#90949c}.tidot{-webkit-animation:mercuryTypingAnimation 1.5s infinite ease-in-out;border-radius:50%;display:inline-block;height:6px;margin-right:5px;width:6px}.tidot:last-child{margin-right:0}@-webkit-keyframes mercuryTypingAnimation{0%{-webkit-transform:translateY(0px)}28%{-webkit-transform:translateY(-5px)}44%{-webkit-transform:translateY(0px)}}.tidot:nth-child(1){-webkit-animation-delay:.2s}.tidot:nth-child(2){-webkit-animation-delay:.3s}.tidot:nth-child(3){-webkit-animation-delay:.4s}.profile-popup{z-index:1000;position:fixed;top:50%;right:50%;transform:translate(50%,-50%);height:100%;width:100%;max-width:512px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;background:white}.profile-popup::-webkit-scrollbar{display:none}.profile-popup .profile-image{position:relative;width:100%;height:57%;min-height:468.75px;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 70%,rgb(0,0,0)),url(https://images-ssl.gotinder.com/6225789fca044301007d251f/640x800_bf226470-baec-4ba2-b848-297292d068b1.jpg);background-position:50% 50%;background-size:cover}.profile-popup .profile-image .close-button{cursor:pointer;position:absolute;bottom:-20px;right:15px;width:50px;height:50px}.profile-popup .profile-info{margin:15px}.profile-popup .profile-info .basic{display:flex;flex-direction:row;align-items:baseline}.profile-popup .profile-info .basic .name{font-size:32px;font-weight:700;margin-right:10px}.profile-popup .profile-info .basic .age{font-size:22px}.profile-popup hr{background-color:#d4d8de;height:1px;border-width:0}.profile-popup .bio{margin:15px;color:#505965;white-space:pre-line}*{-webkit-tap-highlight-color:transparent}body{position:relative;margin:0;font-family:Noto Sans,sans-serif;overflow-y:hidden;overflow-x:hidden;background:black}html{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}