.row{flex-direction:row!important}.row>*{margin:5px}.swipe{position:absolute}.cardContainer{height:540px;width:100%}.card{background-color:#fff;background-position:50%;background-size:cover;border-radius:20px;box-shadow:0 0 60px 0 rgba(0,0,0,.3);height:540px;max-width:351px;position:relative;width:80vw}.cardContent{height:100%;width:100%}.card h3{bottom:0}.card h3,.dogName{color:#fff;margin:10px;position:absolute}.dogName{bottom:42px;font-size:36px}.distanceKM,.dogName{text-shadow:0 0 1px #333}.distanceKM{bottom:22px;color:#fff;font-size:18px;left:10px;position:absolute}.infoText{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:popup;animation-name:popup;color:#fff;display:flex;display:none;height:28px;justify-content:center;width:100%}.buttons{display:flex;margin:20px}.buttons button{background-color:#9198e5;border:none;border-radius:5px;box-shadow:0 0 30px 0 rgba(0,0,0,.1);color:#fff;flex-shrink:0;font-size:18px;font-weight:bolder;margin:0 10px;padding:10px;transition:.2s;width:160px}.buttons button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}@-webkit-keyframes popup{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}30%{-webkit-transform:scale(.9);transform:scale(.9)}50%{-webkit-transform:scale(1);transform:scale(1)}57%{-webkit-transform:scale(1);transform:scale(1)}64%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes popup{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}30%{-webkit-transform:scale(.9);transform:scale(.9)}50%{-webkit-transform:scale(1);transform:scale(1)}57%{-webkit-transform:scale(1);transform:scale(1)}64%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}h4{font-family:GloriaHallelujah;font-size:36px;margin:5%}.chatLogin{margin-top:100px;width:100%}input{background:#efefef;border:none;border-bottom:1px solid #8e8e8e;font-size:18px;margin-bottom:18px;margin-left:5%;outline:none;padding:2px 2px 4px;width:90%}.chatButton{background:#bc1aed;border:0;border-radius:24px;color:#fff;cursor:pointer;font-family:Poppins,Arial,Helvetica,sans-serif;letter-spacing:.05em;margin:34px 10% 0;padding:15px 0;text-align:center;width:80%}.App{background:#fff;color:#212121;display:grid;height:100vh;place-items:center;width:100vw}.joinChatContainer{display:flex;flex-direction:column;text-align:center}.joinChatContainer h3{font-size:2.5rem;margin-bottom:1rem}.joinChatContainer input{border:2px solid #43a047;border-radius:5px;font-size:16px;height:40px;margin:7px;padding:5px;width:210px}.joinChatContainer button{background:#43a047;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;height:50px;margin:7px;padding:5px;width:225px}.joinChatContainer button:hover{background:#2e7d32}.chat-window{bottom:58px;position:fixed;width:100%}.chat-window p{margin:0}.chat-window .chat-header{background:#263238;border-radius:6px;cursor:pointer;height:45px;position:relative}.chat-window .chat-header p{color:#fff;display:block;font-weight:700;line-height:45px;padding:0 1em 0 2em}.chat-window .chat-body{height:600px;position:relative;width:100%}.chat-window .chat-body .message-container{height:100%;overflow-x:hidden;overflow-y:scroll;width:100%}.chat-window .chat-body .message-container::-webkit-scrollbar{display:none}.chat-window .chat-body .message{display:flex;height:auto;padding:10px}.chat-window .chat-body .message .message-content{align-items:center;background-color:#711bfa;border-radius:12px;color:#fff;display:flex;margin-left:5px;margin-right:5px;overflow-wrap:break-word;padding:8px 12px;width:90%;word-break:break-word}#you,#you .message-content,#you .message-meta{justify-content:flex-start}#you .message-meta{margin-left:5px}#other,#other .message-content{justify-content:flex-end}#other .message-content{background-color:#e044ff}#other .message-meta{justify-content:flex-end;margin-right:5px}.message-meta #author{font-weight:700;margin-left:10px}.chat-window .chat-body .message .message-meta{display:flex;font-size:12px;gap:24px}.chat-window .chat-footer{background:#fff;display:flex;gap:20px;height:75px;padding:1rem 1rem 2rem}.chat-window .chat-footer input{background:#d6d6d6;border:0;border-radius:24px;flex:80% 1;font-size:1rem;outline:none;padding:24px 18px}.chat-window .chat-footer button{align-items:center;background:#ff5870;border:0;border-radius:20px;color:#fff;cursor:pointer;display:grid;flex:20% 1;font-size:25px;outline:none;padding:11px 19px 39px 25px;place-items:center}.chat-window .chat-footer button:hover{color:#90f}.hide{opacity:0!important}@font-face{font-family:Poppins;src:url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf)}@font-face{font-family:PoppinsBold;src:url(/static/media/Poppins-Bold.cdb29a5d7ccf57ff05a3.ttf)}@font-face{font-family:GloriaHallelujah;src:url(/static/media/GloriaHallelujah-Regular.c9da976c6f9088d1b3c9.ttf)}*{box-sizing:border-box;margin:0;padding:0}body{background:#efefef;color:#303030;font-family:Poppins,Arial,Helvetica,sans-serif}#root>div{height:844px;width:390px}a{text-decoration:none}img{width:100%}h2{color:#303030;font-size:33px;text-align:center}h2,h3{font-family:Poppins,Arial,Helvetica,sans-serif}h3{color:#000;font-size:24px}.loadingIndicator{height:100vh;overflow:hidden}.loadingIndicator img{margin-top:50%}.errorText{background:#fff;color:tomato}.errorText,.successText{border:1px solid #666;border-radius:8px;font-size:18px;margin:36px 5% 0;padding:24px 52px;text-align:center;width:90%}.successText{background:#709254;box-shadow:2px 2px 8px 3px #8b8b8b;color:#efefef;position:absolute;top:30%;z-index:2}.killDog{color:tomato!important}.splash{background-image:linear-gradient(0deg,#ff5870,#5a1aed);height:100vh}.splash .dd-logo-wrapper{display:flex;justify-content:center;padding-top:30%}.splash .dd-logo{background:#fff;border:10px solid #fff;border-radius:50%;display:flex;width:144px}.splash h1{color:#fff;font-size:50px;font-weight:100;margin-bottom:6rem;margin-top:.5rem;text-align:center}.splash button{background:#fff;border:1px solid #fff;border-radius:22px;cursor:pointer;display:flex;letter-spacing:.05em;margin:5% 7%;padding:.8rem;position:relative;width:86%}.splash button .wbLogo{left:18px;position:absolute;top:3px;width:35px}.splash button .wbLogoAT{left:22px;position:absolute;top:7px;width:27px}.splash button .wbText{color:#373737;text-align:center;top:5px;width:100%}.splash .wText{color:#fff;font-size:.7rem;line-height:19px;margin:0 auto;text-align:center;width:70%}.splash .wText a{color:#fff;font-family:PoppinsBold;text-decoration:underline}.splash .wText a:hover{text-decoration:none}.splash .signUpfooter{bottom:2rem;position:absolute;width:100%}.splash .signUpfooter p{color:#fff;font-size:.8rem;text-align:center}.splash .signUpfooter p a{color:#fff;font-family:PoppinsBold;text-decoration:none}.splash .signUpfooter p a:hover{text-decoration:underline}.splash .splashFooter{bottom:2px;color:#fff;display:flex;font-size:10px;justify-content:space-evenly;margin:0 auto;position:fixed;width:100%}.splash .splashFooter .iconDog{width:11px}.splash .splashFooter .iconVegan{width:8px}.profile .profile-header{background:#fff;border-bottom:2px solid #efefef;padding-bottom:6px;padding-top:50px;position:fixed;text-align:center;top:0;width:100%;z-index:2}.profile .profile-header .profile-arrow-back{cursor:pointer;left:16px;position:fixed;top:60px;width:26px}.profile .profile-header .profile-header-info{display:flex;margin-left:100px}.profile .profile-header .profile-header-info img{border-radius:50%;height:60px;margin-right:10px;width:60px}.profile .signup-box{margin:0 5% 0 3%;padding-top:120px;width:90%}.profile .signup-box input,.profile .signup-box select{background:#efefef;border:none;margin-bottom:12px;padding:2px 2px 4px;width:100%}.profile .signup-box input:focus,.profile .signup-box select:focus{border:0;outline:none}.profile .signup-box option{font-family:Poppins,Arial,Helvetica,sans-serif}.profile .signup-box .saveButton{letter-spacing:.05em;margin-bottom:120px}.profile .signup-box .customButton-save{align-items:center;display:flex;justify-content:center;margin-top:2vh}.profile .signup-box #image_uploads{opacity:0}.profile .signup-box .mainImageUpload img{height:300px}.profile .signup-box .dataFrameSlider{border:1px solid rgba(0,0,0,.245);display:flex;flex-direction:column;justify-content:space-around;margin:10px 0;padding:10px 15px;width:100%}.profile .editAvatarBody{margin:130px 5% 0}.profile .profileBody{margin:0 5% 100px 3%;width:90%}.profile .profileBody .profilePic{border-radius:50%;margin:114px 25% 0;position:relative;width:50%}.profile .profileBody .profilePic img{border-radius:50%}.profile .profileBody .profilePic .editProfilepic{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 0 4px #666;cursor:pointer;height:36px;padding:6px;position:absolute;right:3px;width:36px}.profile .profileBody .headlineFrame{align-items:center;display:flex;justify-content:space-between;margin:8px 0;padding:8px 0;width:98%}.profile .profileBody .headlineFrame h2{justify-content:flex-start;width:100%}.profile .profileBody .headlineFrame .headlineButton{border:0;color:#ff5870;cursor:pointer;display:flex;font-size:16px;justify-content:flex-end}.profile .profileBody .dataFrameSlider{flex-direction:column}.profile .profileBody .dataFrame,.profile .profileBody .dataFrameSlider{border:1px solid #dbdbdb;display:flex;justify-content:space-around;margin:8px 0;padding:8px;width:100%}.profile .profileBody .dataFrame .dataLable{color:#2d2d2d;display:flex;font-size:14px;justify-content:flex-start;width:70%}.profile .profileBody .dataFrame .dataData{color:#413f3f;display:flex;flex-wrap:no-wrap;font-size:16px;justify-content:flex-end;width:100%}.profile .profileBody .dataFrame .dataButton{border:0;color:#ff5870;cursor:pointer;display:flex;font-size:16px;justify-content:flex-end}.profile .profileBody .dataFrame .colorHighlight{color:#ff5870}.profile .profileBody .dataFrame .colorHighlightGreen{color:green}.profile .profileBody .buttonLogout{background:#fff;border:1px solid #ccc;border-radius:24px;color:#ff5870;margin:36px 0 0}.profile .profileBody .buttonDeleteAccount,.profile .profileBody .buttonLogout{cursor:pointer;font-size:14px;letter-spacing:.05em;padding:15px 0;text-align:center;width:100%}.profile .profileBody .buttonDeleteAccount{background:#5a1aed;border:0;border-radius:24px;color:#fff;font-family:Poppins;font-weight:100;margin:12px 0 72px;text-transform:none}.css-hogos2{border-bottom-left-radius:22px;border-bottom-right-radius:22px;border-top-left-radius:0;border-top-right-radius:0;outline:none}.dataFrame{padding:12px 0}.dataFrame .rangeHL{margin:0 0 32px}.dataFrame .optionBox{display:flex;width:100%}.dataFrame .optionBox .genderLeft{border:1px solid #cacaca;border-bottom-left-radius:12px;border-top-left-radius:12px;color:#cacaca;padding:4px 0;text-align:center;width:50%}.dataFrame .optionBox .genderLeft-aktiv,.dataFrame .optionBox .genderLeft:hover{background:#1769aa;border:1px solid #cacaca;color:#fff;text-align:center}.dataFrame .optionBox .genderRight{border:1px solid #cacaca;border-bottom-right-radius:12px;border-top-right-radius:12px;color:#cacaca;padding:4px 0;text-align:center;width:50%}.dataFrame .optionBox .genderRight-aktiv,.dataFrame .optionBox .genderRight:hover{background:#1769aa;border:1px solid #cacaca;color:#fff;text-align:center}.dataFrame .optionBox .sizeSmall{border:1px solid #cacaca;border-bottom-left-radius:12px;border-top-left-radius:12px;color:#cacaca;font-family:PoppinsBold;padding:4px 0;text-align:center;width:33%}.dataFrame .optionBox .sizeSmall-aktiv,.dataFrame .optionBox .sizeSmall:hover{background:#1769aa;border-bottom-left-radius:12px;border-top-left-radius:12px;color:#fff}.dataFrame .optionBox .sizeMiddle{border:1px solid #cacaca;color:#cacaca;font-family:PoppinsBold;padding:4px 0;text-align:center;width:34%}.dataFrame .optionBox .sizeMiddle-aktiv,.dataFrame .optionBox .sizeMiddle:hover{background:#1769aa;color:#fff}.dataFrame .optionBox .sizeLarge{color:#cacaca;font-family:PoppinsBold;padding:4px 0}.dataFrame .optionBox .sizeLarge,.dataFrame .optionBox .sizeLarge-aktiv,.dataFrame .optionBox .sizeLarge:hover{border:1px solid #cacaca;border-bottom-right-radius:12px;border-top-right-radius:12px;text-align:center;width:33%}.dataFrame .optionBox .sizeLarge-aktiv,.dataFrame .optionBox .sizeLarge:hover{background:#1769aa;color:#fff}.home{background-image:linear-gradient(0deg,#e9e9e9,#f7f7f7);height:100vh}.home .home-header{display:flex;position:absolute;top:54px;width:100%}.home .home-header .home-dd-logo{padding:0 12px 0 18px;width:80px}.home .home-header h2{color:#ff5870;font-size:30px}.home .home-header .home-filter{cursor:pointer;padding-top:11px;position:absolute;right:12px;width:28px}.home .home-doggy-bigpic{border-radius:28px;box-shadow:0 4px 8px 4px #ccc;line-height:0;margin:0 19px;overflow:hidden;position:relative;top:120px;width:351px}.home .home-doggy-bigpic img{border-radius:28px;height:540px;width:351px}.home .home-doggy-bigpic .dog-wrapperBackground{left:0;line-height:0;position:absolute;top:0;width:100%;z-index:1}.home .home-doggy-bigpic .dog-wrapperBackground .textL1{bottom:75px}.home .home-doggy-bigpic .dog-wrapperBackground .textL1,.home .home-doggy-bigpic .dog-wrapperBackground .textL2{background:coral;color:#333;font-family:GloriaHallelujah;font-size:24px;padding:0 12px;position:absolute;text-align:center;text-shadow:0 0 2px #666;width:100%}.home .home-doggy-bigpic .dog-wrapperBackground .textL2{bottom:45px}.home .home-doggy-bigpic .dog-wrapper00{left:0}.home .home-doggy-bigpic .dog-wrapper00,.home .home-doggy-bigpic .dog-wrapper01{line-height:0;position:absolute;top:0;width:100%}@-webkit-keyframes slideRight{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(360px);transform:translate(360px)}to{-webkit-transform:translate(360px);transform:translate(360px)}}@keyframes slideRight{0%{-webkit-transform:translate(0);transform:translate(0)}25%{-webkit-transform:translate(360px);transform:translate(360px)}to{-webkit-transform:translate(360px);transform:translate(360px)}}@-webkit-keyframes slideLeft{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-360px);transform:translate(-360px)}}@keyframes slideLeft{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-360px);transform:translate(-360px)}}.home .home-like-wrapper{bottom:85px;left:25%;position:absolute;right:25%;width:50%}.home .home-like-wrapper .home-like-buttons{grid-gap:20%;align-content:center;cursor:pointer;display:grid;gap:20%;grid-template-columns:repeat(2,1fr);justify-content:center;justify-items:center}.home .home-like-wrapper .home-like-buttons .home-dislike{background-image:linear-gradient(0deg,#ff5870,#5a1aed);border-radius:50%;height:66px;padding:17px;width:66px}.home .home-like-wrapper .home-like-buttons .home-like{background-image:linear-gradient(0deg,#ff5870,#5a1aed);border-radius:50%;height:66px;padding:15px;width:66px}.home .home-like-wrapper .home-like-buttons .home-dislike img{height:32px;width:32px}.home .home-like-wrapper .home-like-buttons .home-like img{margin-top:2px}.likeList{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-top:100px;padding:0 24px;width:100%}.likeList .likeCard{border-radius:12px;box-shadow:1px 1px 5px 3px #ccc;line-height:0}.likeList .likeCard img{border-radius:12px}.likeList .likeCard .likeDogname{bottom:12px;color:#fff;left:12px;position:relative}.matchMatch{background-image:linear-gradient(0deg,#ff5870,#5a1aed);color:#fff;height:100vh}.matchMatch h1{color:#fff;font-family:PoppinsBold;font-size:42px;padding-top:200px;text-align:center}.matchMatch p{font-size:18px;text-align:center}.matchMatch .loveBox{display:flex;justify-content:center;margin-top:34px}.matchMatch .loveBox .likeDogleft{left:8px;position:relative;width:160px}.matchMatch .loveBox .likeDogleft img{border-radius:50%}.matchMatch .loveBox .likeDogright{position:relative;right:8px;width:160px;z-index:2}.matchMatch .loveBox .likeDogright img{border:4px solid #ff04f2;border-radius:50%}.matchMatch .buttonMatchChat{background:#fff;border-radius:22px;color:#ff5870;margin:10% 5% 5%;padding:12px}.matchMatch .buttonMatchChat,.matchMatch .buttonMatchSwipe{cursor:pointer;letter-spacing:.05em;text-align:center;width:90%}.matchMatch .buttonMatchSwipe{border:3px solid #fff;border-radius:22px;color:#fff;margin:5% 5% 10%;padding:10px}footer{background:#fff;border-top:2px solid #efefef;bottom:0;height:58px;position:absolute;position:fixed;width:100%}footer .nav{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);justify-content:space-between;justify-items:center;margin:0 auto;width:90%}footer .nav div{padding:12px 8px;width:42px}footer .nav div img{height:34px;width:34px}.chatList{margin-top:150px;padding:0 24px;width:100%}.chatList li{list-style:none}.chatList .chatList-Item{display:flex}.chatList .chatList-Item img{border-radius:50%;height:60px;margin-right:10px;width:60px}
/*# sourceMappingURL=main.31c658da.css.map*/