.profile-container{position:relative;display:inline-block}@media(max-width:600px){.profile-container{position:static}.profile-container .overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.3);z-index:9998}}.profile-container .avatar-section{display:flex;align-items:center;gap:1.2rem;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}.profile-container .avatar-section:focus{outline:none}.profile-container .profile-details-popup{position:absolute;top:50px;right:0;border-radius:12px;background:#fff;box-shadow:4px 8px 32px 0 rgba(0,0,0,.24);width:326px;height:385px;max-height:calc(100dvh - 120px);overflow-y:scroll;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:16px;z-index:9999}@media(max-width:600px){.profile-container .profile-details-popup{position:fixed;bottom:0;top:auto;right:0;left:0;width:100%;height:auto;border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .3s ease-in-out;z-index:9998}.profile-container .profile-details-popup.open{transform:translateY(0)}}.profile-container .profile-details-popup .profile-details-popup-first-section{display:flex;gap:1.6rem;align-items:center}.profile-container .profile-details-popup .profile-details-popup-first-section .profile-details-popup-name-email-div{display:flex;flex-direction:column;gap:4px}.profile-container .profile-details-popup .profile-details-popup-first-section .profile-details-popup-name-email-div .profile-details-popup-name-text{color:#1f2937;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.profile-container .profile-details-popup .profile-details-popup-first-section .profile-details-popup-name-email-div .profile-details-popup-email-text{color:#6b7280;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.profile-container .profile-details-popup .profile-details-popup-second-section{width:278px}@media(max-width:600px){.profile-container .profile-details-popup .profile-details-popup-second-section{width:100%}}.profile-container .profile-details-popup .profile-details-popup-second-section .profile-details-popup-profile-section{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.profile-container .profile-details-popup .profile-details-popup-second-section .profile-details-popup-profile-section:hover{background-color:#eff2f5;border-radius:6px}.profile-container .profile-details-popup .profile-details-popup-second-section .profile-details-popup-profile-section .profile-details-popup-profile-icons-with-text{display:flex;gap:1rem;padding:1rem;align-items:center}.profile-container .profile-details-popup .profile-details-popup-second-section .profile-details-popup-profile-section .profile-details-popup-profile-icons-with-text .profile-details-popup-profile-logout-text{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.profile-container .profile-details-popup .profile-details-popup-second-section .profile-details-popup-profile-icons-with-text{display:flex;gap:1rem;padding:1rem;align-items:center;cursor:pointer}.profile-container .profile-details-popup .profile-details-popup-second-section .profile-details-popup-profile-icons-with-text .profile-details-popup-profile-logout-text{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.profile-container .profile-details-popup .profile-details-popup-second-section .profile-details-popup-profile-icons-with-text:hover{background-color:#eff2f5;border-radius:6px}.profile-container .profile-details-popup .profile-details-popup-third-section{width:296px;height:135px;border-radius:8px;background:#f6ffee}@media(max-width:600px){.profile-container .profile-details-popup .profile-details-popup-third-section{width:100%}}.profile-container .profile-details-popup .profile-details-popup-third-section .profile-details-popup-third-section-heading{color:#000;font-size:14px;font-style:normal;font-weight:500;line-height:20px;margin-left:1.2rem;margin-top:1.4rem}.profile-container .profile-details-popup .profile-details-popup-third-section .profile-details-popup-phone-email-with-text{display:flex;width:278px;padding:10px;align-items:center;gap:10px;opacity:.6;margin-left:1.2rem}@media(max-width:600px){.profile-container .profile-details-popup .profile-details-popup-third-section .profile-details-popup-phone-email-with-text{width:100%}}.profile-container .profile-details-popup .profile-details-popup-third-section .profile-details-popup-phone-email-with-text .profile-details-popup-phone-email-text-span{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:20px;line-height:normal;text-decoration:underline;cursor:pointer}