.user_profile_page{width:90%;margin:auto}.user_profile_page .edit_profile_section{position:absolute;top:0;right:0;height:100vh;width:100vw;z-index:5;display:flex;align-items:center;justify-content:center}.user_profile_page .edit_profile_section .section{background-color:wheat;padding:2rem;border-radius:.5rem;box-shadow:.2rem .2rem .5rem gray;width:80%}@media (min-width:768px){.user_profile_page .edit_profile_section .section{width:60vw}}.user_profile_page .edit_profile_section .section h1{text-align:center;font-weight:500;margin-bottom:1rem;font-size:1rem}@media (min-width:768px){.user_profile_page .edit_profile_section .section h1{font-size:1.5rem}}@media (min-width:1024px){.user_profile_page .edit_profile_section .section h1{font-size:2rem}}@media (min-width:1280px){.user_profile_page .edit_profile_section .section h1{font-size:2.5rem}}@media (min-width:1536px){.user_profile_page .edit_profile_section .section h1{font-size:3rem}}.user_profile_page .edit_profile_section .section form{display:flex;flex-direction:column}.user_profile_page .edit_profile_section .section form .current_cover_img{height:7rem;width:7rem;position:relative;margin-bottom:1rem}.user_profile_page .edit_profile_section .section form .current_cover_img img{height:100%;width:100%;object-fit:cover}.user_profile_page .edit_profile_section .section form .new_cover_img_label{padding:.5rem 1rem;background-color:skyblue;font-weight:500;width:max-content;cursor:pointer;border-radius:.5rem;margin-bottom:.5rem}.user_profile_page .edit_profile_section .section form #new_cover_img{display:none}.user_profile_page .edit_profile_section .section form h2{font-weight:500;font-size:1.5rem;margin-bottom:1rem}.user_profile_page .edit_profile_section .section form input{width:80%}@media (min-width:768px){.user_profile_page .edit_profile_section .section form input{width:60%}}.user_profile_page .edit_profile_section .section form input{padding:.5rem 0;background-color:transparent;outline:none;border-bottom:.1rem solid gray;margin-bottom:2rem}.user_profile_page .edit_profile_section .section form input:focus{border-bottom:.1rem solid skyblue}.user_profile_page .edit_profile_section .section form .edit_confirm_buttons button{font-weight:500;padding:.5rem}@media (min-width:1024px){.user_profile_page .edit_profile_section .section form .edit_confirm_buttons button{padding:.5rem 1rem}}.user_profile_page .edit_profile_section .section form .edit_confirm_buttons button:first-child{margin-right:1rem;background-color:rgba(144,238,144,.5);border:.1rem solid green}.user_profile_page .edit_profile_section .section form .edit_confirm_buttons button:first-child:hover{background-color:#53e653}.user_profile_page .edit_profile_section .section form .edit_confirm_buttons button:nth-child(2){margin-left:1rem;background-color:rgba(255,127,80,.5);border:.1rem solid red}.user_profile_page .edit_profile_section .section form .edit_confirm_buttons button:nth-child(2):hover{background-color:coral}.user_profile_page .delete_profile_confirmation{position:absolute;top:0;right:0;height:100vh;width:100vw;z-index:5;display:flex;align-items:center;justify-content:center}.user_profile_page .delete_profile_confirmation .section{background-color:wheat;border-radius:.5rem;box-shadow:.2rem .2rem .5rem gray;padding:2rem 4rem;display:flex;gap:3rem;flex-direction:column}.user_profile_page .delete_profile_confirmation .section h1{text-align:center;font-weight:500;font-size:1.5rem}@media (min-width:768px){.user_profile_page .delete_profile_confirmation .section h1{font-size:2rem}}@media (min-width:1024px){.user_profile_page .delete_profile_confirmation .section h1{font-size:2.5rem}}@media (min-width:1280px){.user_profile_page .delete_profile_confirmation .section h1{font-size:3rem}}@media (min-width:1536px){.user_profile_page .delete_profile_confirmation .section h1{font-size:3.5rem}}.user_profile_page .delete_profile_confirmation .section .confirm_buttons{display:flex;justify-content:space-around}.user_profile_page .delete_profile_confirmation .section .confirm_buttons button{font-weight:500;padding:.5rem}@media (min-width:1024px){.user_profile_page .delete_profile_confirmation .section .confirm_buttons button{padding:.5rem 1rem}}.user_profile_page .delete_profile_confirmation .section .confirm_buttons button:first-child{margin-right:1rem;background-color:rgba(144,238,144,.5);border:.1rem solid green}.user_profile_page .delete_profile_confirmation .section .confirm_buttons button:first-child:hover{background-color:#53e653}.user_profile_page .delete_profile_confirmation .section .confirm_buttons button:nth-child(2){margin-left:1rem;padding:0 2rem;background-color:rgba(255,127,80,.5);border:.1rem solid red}.user_profile_page .delete_profile_confirmation .section .confirm_buttons button:nth-child(2):hover{background-color:coral}.user_profile_page .user_info{display:flex;gap:2rem}.user_profile_page .user_info .user_img{position:relative;height:6rem;width:6rem}@media (min-width:1024px){.user_profile_page .user_info .user_img{height:10rem;width:10rem}}.user_profile_page .user_info .user_img{border-radius:50%;overflow:hidden}.user_profile_page .user_info .user_img img{height:100%;width:100%;object-fit:cover}.user_profile_page .user_info .user_text{display:flex;flex-direction:column;justify-content:space-between}.user_profile_page .user_info .user_text h1{font-weight:500;font-size:1.5rem}@media (min-width:768px){.user_profile_page .user_info .user_text h1{font-size:2rem}}@media (min-width:1024px){.user_profile_page .user_info .user_text h1{font-size:2.5rem}}@media (min-width:1280px){.user_profile_page .user_info .user_text h1{font-size:3rem}}@media (min-width:1536px){.user_profile_page .user_info .user_text h1{font-size:3.5rem}}.user_profile_page .user_info .user_text p{color:gray;font-size:.8rem}@media (min-width:1024px){.user_profile_page .user_info .user_text p{font-size:1.2rem}}.user_profile_page .buttons{margin-top:3rem;display:flex;font-weight:500;gap:1rem}@media (min-width:1024px){.user_profile_page .buttons{gap:3rem}}.user_profile_page .buttons button{transition:background-color .5s;padding:.5rem}@media (min-width:1024px){.user_profile_page .buttons button{padding:.5rem 1rem}}.user_profile_page .buttons .edit_profile{background-color:rgba(144,238,144,.5);border:.1rem solid green}.user_profile_page .buttons .edit_profile:hover{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.user_profile_page .buttons .delete_profile{background-color:rgba(255,127,80,.5);border:.1rem solid red}.user_profile_page .buttons .delete_profile:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.user_profile_page .user_reviews{margin-top:3rem}.user_profile_page .user_reviews h1{font-weight:500;font-size:1.2rem}@media (min-width:768px){.user_profile_page .user_reviews h1{font-size:1rem}}@media (min-width:1024px){.user_profile_page .user_reviews h1{font-size:1.2rem}}@media (min-width:1280px){.user_profile_page .user_reviews h1{font-size:2.2rem}}@media (min-width:1536px){.user_profile_page .user_reviews h1{font-size:2.8rem}}.user_profile_page .user_reviews .reviews{margin-top:1rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.user_profile_page .user_reviews .reviews .review{box-shadow:.2rem .2rem .5rem gray;display:flex;gap:1rem}@media (min-width:1024px){.user_profile_page .user_reviews .reviews .review{gap:2rem}}.user_profile_page .user_reviews .reviews .review .review_img{min-width:4rem;height:auto;width:8rem;position:relative}.user_profile_page .user_reviews .reviews .review .review_img img{height:100%;width:100%;object-fit:cover}.user_profile_page .user_reviews .reviews .review .review_text{display:flex;flex-direction:column;justify-content:space-between;padding:1rem;gap:.5rem}.user_profile_page .user_reviews .reviews .review .review_text h2{font-weight:500;font-size:1.2rem}@media (min-width:768px){.user_profile_page .user_reviews .reviews .review .review_text h2{font-size:1rem}}@media (min-width:1024px){.user_profile_page .user_reviews .reviews .review .review_text h2{font-size:1.2rem}}@media (min-width:1280px){.user_profile_page .user_reviews .reviews .review .review_text h2{font-size:2.2rem}}@media (min-width:1536px){.user_profile_page .user_reviews .reviews .review .review_text h2{font-size:2.8rem}}.user_profile_page .user_reviews .reviews .review .review_text .rating{padding:.25rem .5rem;background-color:gold;width:max-content;border-radius:.5rem;font-weight:500}.user_profile_page .user_reviews .reviews .review .review_text .author,.user_profile_page .user_reviews .reviews .review .review_text .reviewer{color:blue}.user_profile_page .user_reviews .reviews .review .review_text .author:hover,.user_profile_page .user_reviews .reviews .review .review_text .reviewer:hover{text-decoration:underline;cursor:pointer}.user_profile_page .user_reviews .reviews .review .review_text .counts{display:flex;gap:2rem}.openAnime{animation:scaleUp .3s forwards}@keyframes scaleUp{0%{scale:0}50%{scale:1.1}to{scale:1}}