*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;background-color:#0a1929;background-color:var(--primaryDark-900);line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background-color:var(--primaryDark)}::-webkit-scrollbar-thumb{background-color:#566d80;border-radius:15px}::-moz-range-thumb{border-radius:15px}::-ms-thumb{border-radius:15px}::-webkit-scrollbar-thumb:hover{background-color:#265d97;background-color:var( --primaryDark-400)}:root{--primary-color:#007bff;--primaryDark-100:#cee0f3;--primaryDark-200:#91b9e3;--primaryDark-300:#5090d3;--primaryDark-400:#265d97;--primaryDark-500:#1e4976;--primaryDark-600:#173a5e;--primaryDark-700:#132f4c;--primaryDark-800:#001e3c;--primaryDark-900:#0a1929;--primaryDark-main:#5090d3;--primaryDark-mainChannel:80 144 211;--background-default:#001e3c;--background-paper:#0a1929;--background-defaultChannel:0 30 60;--black:#1d1d1d;--white:#fff;--background:#000;--onBackground:#fff;--backgroundChannel:0 0 0;--onBackgroundChannel:255 255 255;--primary:#fff;--secondary:#b2bac2;--disabled:hsla(0,0%,100%,.5);--icon:hsla(0,0%,100%,.5);--primaryChannel:255 255 255;--secondaryChannel:178 186 194;--grey-50:#f3f6f9;--grey-100:#e7ebf0;--grey-200:#e0e3e7;--grey-300:#cdd2d7;--primaryDark-50:#e2edf8;--grey-400:#b2bac2;--grey-500:#a0aab4;--grey-600:#6f7e8c;--grey-700:#3e5060;--grey-800:#2d3843;--grey-900:#1a2027;--grey-main:#132f4c;--grey-contrastText:#6f7e8c;--grey-A100:#f5f5f5;--grey-A200:#eee;--grey-A400:#bdbdbd}.App{font-family:Poppins,sans-serif}.animal_template{border-radius:16px;display:flex;height:600px;left:15%;overflow:hidden;position:relative;width:70%}.animal_photos{min-width:600px}.animal_photos img{object-fit:cover;object-position:center}.animal_componant,.animal_photos img{height:100%;width:100%}.animal_info{background-color:var(--primaryDark-800);width:100%}.petcard_link{color:inherit;text-decoration:none}.pet_card{background-color:var(--primaryDark-900);border-radius:16px;box-shadow:-5px 4px 16px;-webkit-filter:brightness(1);filter:brightness(1);margin:0 18px;padding:8px;transition:all .3s ease-in-out;width:200px}.pet_image{border-radius:4px}.liked_icon{color:red!important}.pet_card:hover{box-shadow:5px 19px 15px #000;cursor:pointer;-webkit-filter:brightness(1);filter:brightness(1);-webkit-transform:scale(1.1);transform:scale(1.1)}.pet_name{color:var(--grey-50);font-size:18px;font-weight:800;margin-top:8px;text-align:center}.pet_gender_likes_div{align-items:center;display:flex;justify-content:space-evenly;margin-top:10px;padding:8px}.unliked_icon{color:#fff;transition:all .5s ease}.unliked_icon:hover{cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2)}.gender_price_rapper{display:flex;flex-direction:column}.pet_gender{border-radius:9px;color:#fff;padding:8px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pet_price{border-radius:12px;color:var(--grey-50);display:flex;font-weight:700;justify-content:center;letter-spacing:1.4px;padding:3px;width:95%}.addto_wish{background:none;border:.4px solid;border-radius:3px;color:#fff;display:block;font-size:16px;margin:5px auto 0;outline:none;padding:2px 8px}.addto_wish:hover{background:none;border:.3px solid red;outline:1px solid red}.pet_breed{color:rgba(9,130,236,.979);display:block;text-align:center}@media (max-width:580px){.pet_card{min-width:240px}}@media (min-width:581px) and (max-width:1004px){.pet_card{min-width:200px}}@media (min-width:1205px){.pet_card{min-width:200px}}.login_div{width:100;z-index:999}.back_dog_photo{display:block;-webkit-filter:brightness(.3);filter:brightness(.3);height:100vh;object-fit:cover;width:100%;z-index:-2}.background{height:490px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:430px}.background:hover>.shape{-webkit-filter:brightness(1.3);filter:brightness(1.3)}.background:hover{-webkit-filter:brightness(1);filter:brightness(1)}.background .shape{border-radius:50%;height:200px;position:absolute;width:200px}.shape:first-child{background:linear-gradient(#1845ad,#23a2f6);left:-80px;top:-80px}.shape:last-child{background:linear-gradient(90deg,#ff512f,#f09819);bottom:-80px;right:-80px;z-index:-2}.formm{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.13);border:2px solid hsla(0,0%,100%,.1);border-radius:10px;box-shadow:0 0 40px rgba(8,7,16,.6);height:610px;left:50%;padding:23px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:470px}.formm *{border:none;color:#fff;font-family:Poppins,sans-serif;letter-spacing:.5px;outline:none}.formm h3{font-size:32px;font-weight:500;line-height:42px;text-align:center}label{display:block;font-size:16px;font-weight:500;margin-top:30px}.new_input{background-color:hsla(0,0%,100%,.07);border-radius:3px;display:block;font-size:14px;font-weight:300;height:50px;margin-top:2px;padding:0 10px;width:100%}::-webkit-input-placeholder{color:#e5e5e5}::placeholder{color:#e5e5e5}.btn_text{background-color:#fff;border-radius:5px;cursor:pointer;font-size:18px;font-weight:600;margin-top:20px;padding:15px 0;width:100%}.social{display:flex;justify-content:space-around;margin-top:30px}.social div{background:red;background-color:hsla(0,0%,100%,.27);border-radius:3px;color:#eaf0fb;padding:5px 10px 10px 5px;text-align:center;width:150px}.go:hover,.social .fb:hover{background-color:hsla(0,0%,100%,.47)}.navigate_to_login{padding-top:30px}.click_to_navigate:hover{color:#ff512f}.btn_text{color:#080710}.tags{grid-gap:.4rem;background-color:var(--primaryDark-200);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tag_dog,.tags{border-radius:12px}.tag_dog{background-color:var(--grey-100);color:var(--primaryDark-900);display:inline-block;height:40px;text-align:center;transition:all .3s ease-in-out;width:100px}.tag_dog:hover{background-color:var(--primary-color);color:#fff;cursor:pointer}.head{color:var(--grey-A100);font-size:23px;font-weight:800;margin:12px}.tag_name{font-weight:900;margin-top:5px}.headtag{left:3em;position:relative;width:70%}.right_nav{justify-content:flex-start;width:60%}.main_nav,.right_nav{align-items:center;display:flex}.main_nav{background-color:var(--primaryDark-800);border-radius:8px;justify-content:space-between;left:0;opacity:.8;padding:14px;position:fixed;top:0;width:100%;z-index:1}.auth_btns{display:flex;justify-content:flex-end;width:40%}.auth_btns * :hover{cursor:pointer}.wishlist_icon{color:red;font-size:40px!important;margin-right:20px}span{display:inline-block}.pethead{font-weight:900;letter-spacing:1.5px}.top_nav{display:flex;justify-content:space-between;max-width:60%}.logo{-webkit-animation:ring_rotate 2s linear infinite;animation:ring_rotate 2s linear infinite;width:60px}@-webkit-keyframes ring_rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ring_rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.sign_up_btn{background-color:#1be375b5;border:none;border-radius:4px;color:var(--grey-50);margin-left:15px;outline:none;padding:5px;position:relative;transition:all .3s ease-in-out;width:70px}.sign_up_btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.searchicon,input{color:#fff}input{border:none;font-size:1.3em;font-size:20px;height:90%;outline:none;width:90%}.input_parent,input{background-color:var(--Primary-color)}.input_parent{align-items:center;border-radius:12px;box-shadow:0 .3px 1px 0 #fff;display:flex;height:40px;margin-left:20px;padding:8px;transition:all .4s ease-in-out;width:150px}.input_parent:hover{cursor:pointer}.searchinput{border-radius:11px;margin-right:5px;width:80%}@media (min-width:768px){.input_parent{height:50px;width:300px}}.user_name{color:#f0f8ff;margin:4px}.user_profile_{align-items:center;-webkit-animation:slidUsercard .5s alternate;animation:slidUsercard .5s alternate;background-color:rgba(8,8,8,.893);border-radius:20px;display:flex;flex-direction:column;height:400px;position:absolute;right:0;top:80px;width:300px;z-index:999}@-webkit-keyframes slidUsercard{0%{-webkit-transform:translate(200px);transform:translate(200px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes slidUsercard{0%{-webkit-transform:translate(200px);transform:translate(200px)}to{-webkit-transform:translate(0);transform:translate(0)}}.user_profile_ h3{color:#2f87e7}.place_below{margin-top:20px}.user_profile_icon{margin-top:12px!important}.pet_card_grid{background-color:var(--primaryDark-700);border-radius:10px;display:flex;margin-left:55px;overflow-x:scroll;padding:40px;position:relative;-webkit-transform:translate(6%,6%);transform:translate(6%,6%);width:65%;width:80%}.grid_info{border-radius:.4em;color:#fff;font-size:23px;font-weight:700;padding:10px;-webkit-transform:translate(10%,30%);transform:translate(10%,30%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pet_card_template_rapper{margin-top:50px;min-width:95%}.navbar{background-color:#000;color:#fff;height:60px;justify-content:center}.container,.navbar{align-items:center;display:flex}.container{justify-content:space-between}.navbar-brand{color:#fff;font-size:28px;font-weight:700;text-decoration:none}.navbar-nav{display:flex;list-style:none;margin:0;padding:0}.nav-item{margin-right:20px}.nav-link{color:#fff;font-size:18px;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:red}.loading_animate{color:hsla(120,7%,76%,.646)}.loading_dots{-webkit-animation:loading .5s linear infinite;animation:loading .5s linear infinite;display:inline-block;margin:0;padding:0}@-webkit-keyframes loading{50%{color:#adbaac}30%{color:#91ff00}to{color:#0b21c8e2}}@keyframes loading{50%{color:#adbaac}30%{color:#91ff00}to{color:#0b21c8e2}}.space_create{padding-bottom:140px;visibility:hidden}.liked_pets{color:#fff;font-size:25px;margin:18px;text-align:center}.liked_pet_grid{grid-gap:1em;grid-row-gap:50px;display:grid;grid-template-columns:repeat(4,1fr);margin:0 auto;width:70%}.no_grid{color:#fff;padding:23px}.pet_not_found{color:#bfd1d3;margin:20px}@media (max-width:1200px){.liked_pet_grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width:930px){.liked_pet_grid{grid-gap:10px;grid-template-columns:1fr 1fr 1fr;margin:10px auto}}@media (max-width:810px){.liked_pet_grid{grid-gap:5px;grid-template-columns:1fr 1fr;margin:10px auto}}@media (max-width:580px){.liked_pet_grid{grid-gap:5px;grid-template-columns:1fr;margin:10px auto}}.search_bar{background-color:rgba(2,2,36,.804);border-radius:5px;box-shadow:0 2px 10px #000;color:#f0f8ff;display:block;height:60px;margin:40px auto;padding:20px;position:-webkit-sticky;position:sticky;width:60%}.search_bar::-webkit-input-placeholder{color:#f0f8ff}.search_bar::placeholder{color:#f0f8ff}.search_page_wrapper{height:100%;width:100%}input[type=text]{caret-shape:square;caret-color:#1a09d3}.filtered_pet_wrapper{display:flex;flex-direction:column;margin:30px auto;max-height:500px;overflow-y:scroll;padding:23px;width:max(400px,40%)}@media (max-width:1200px){.filtered_pet_wrapper{grid-template-columns:1fr 1fr 1fr}}@media (max-width:930px){.filtered_pet_wrapper{grid-gap:10px;grid-template-columns:1fr 1fr 1fr;margin:10px auto}}@media (max-width:810px){.filtered_pet_wrapper{grid-gap:5px;grid-template-columns:1fr 1fr;margin:10px auto}}@media (max-width:580px){.filtered_pet_wrapper{grid-gap:5px;grid-template-columns:1fr;margin:10px auto}}.item_card{border-radius:12px;box-shadow:2px 10px 10px rgba(0,0,0,.3);color:#f0f8ff;display:flex;margin-bottom:12px;padding:8px;text-decoration:none;width:100%}.search_item_link{color:inherit;text-decoration:none}.item_img{background-size:cover;border-radius:12px;height:150px;width:150px}.info_wrapper{margin-left:16px}.info_wrapper>h4{font-size:23px}
/*# sourceMappingURL=main.5716abf5.css.map*/