.header-unauth-module__1SFwsa__body{color:#000;z-index:0;background-color:#00b7ff;justify-content:end;align-items:center;height:5rem;padding:0 1rem;display:flex;position:relative}.header-unauth-module__1SFwsa__body h2{margin-right:auto;font-size:2rem}.header-unauth-module__1SFwsa__header-options-list{padding:0;list-style:none;display:flex}.header-unauth-module__1SFwsa__header-option{border-radius:.5rem;padding:1rem}.header-unauth-module__1SFwsa__header-option:hover{cursor:pointer;background-color:#63d3ff}.header-unauth-module__1SFwsa__user-options-list{align-items:center;padding:0;list-style:none;display:flex}.header-unauth-module__1SFwsa__add-friend-btn{border-radius:.5rem;margin-left:1rem;padding:1rem}.header-unauth-module__1SFwsa__add-friend-btn:hover{cursor:pointer;background-color:#63d3ff}.header-unauth-module__1SFwsa__notification-icon{width:auto;height:1.7rem}.header-unauth-module__1SFwsa__notification-icon:hover{cursor:pointer;color:gray}.header-unauth-module__1SFwsa__pfp-container{color:#fff;background-color:#000;border-radius:2rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-left:1rem;transition:background-color .3s;display:flex}.header-unauth-module__1SFwsa__pfp-container:hover{cursor:pointer;background-color:#525252}.header-unauth-module__1SFwsa__pfp{object-fit:cover;border-radius:2rem;width:100%;height:100%}
.login-popup-module__M0yCQW__body{color:#000;z-index:2;background-color:#f0fbff;border-radius:2rem;flex-direction:column;align-items:center;width:25rem;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.login-popup-module__M0yCQW__body.login-popup-module__M0yCQW__visible{display:flex}.login-popup-module__M0yCQW__body h2{margin-bottom:1rem;font-size:2rem}.login-popup-module__M0yCQW__login-form{flex-direction:column;display:flex}.login-popup-module__M0yCQW__login-form input{background-color:#d3d3d3;border:1px solid gray;border-radius:1rem;width:20rem;height:1.8rem;margin-bottom:1rem;padding-left:.5rem}.login-popup-module__M0yCQW__login-form button{color:#000;background-color:#00b7ff;border:none;border-radius:2rem;padding:.3rem 0;font-size:1.2rem;transition:background-color .3s}.login-popup-module__M0yCQW__login-form button:hover{cursor:pointer;transform:scale(1.02)}.login-popup-module__M0yCQW__login-form button:active{transform:scale(.98)}.login-popup-module__M0yCQW__close-window-icon{width:auto;height:2rem;margin-top:1rem;margin-left:auto;margin-right:1rem;transition:background-color .3s}.login-popup-module__M0yCQW__close-window-icon:hover{cursor:pointer;background-color:red}.login-popup-module__M0yCQW__divider{align-items:center;margin-top:1rem;margin-bottom:0;display:flex}.login-popup-module__M0yCQW__divider hr{background-color:gray;border:none;width:8rem;height:1px}.login-popup-module__M0yCQW__divider p{margin:0 1rem}.login-popup-module__M0yCQW__external-login-options-list{flex-direction:column;flex:1;justify-content:space-evenly;padding:2rem 0;list-style:none;display:flex}.login-popup-module__M0yCQW__external-login-option{border:1px solid gray;border-radius:2rem;justify-content:center;align-items:center;width:20rem;height:3rem;margin-bottom:1rem;transition:background-color .3s;display:flex}.login-popup-module__M0yCQW__external-login-option:hover{cursor:pointer;background-color:gray}.login-popup-module__M0yCQW__external-login-option p{margin-left:1rem;font-size:1.1rem}.login-popup-module__M0yCQW__external-login-option.login-popup-module__M0yCQW__apple p{margin-left:.5rem}.login-popup-module__M0yCQW__logo{width:auto;height:2rem}.login-popup-module__M0yCQW__logo.login-popup-module__M0yCQW__apple{height:2.5rem;margin-bottom:.2rem;margin-right:0}.login-popup-module__M0yCQW__message{margin-bottom:1rem;font-size:1.2rem}.login-popup-module__M0yCQW__message.login-popup-module__M0yCQW__error{color:red}.login-popup-module__M0yCQW__overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;z-index:1;background-color:#00000080;width:100vw;height:100vh;transition:opacity .5s;position:fixed;top:0;left:0}.login-popup-module__M0yCQW__overlay.login-popup-module__M0yCQW__visible{opacity:1}@media (max-width:480px){.login-popup-module__M0yCQW__body{width:85vw}.login-popup-module__M0yCQW__external-login-options-list{align-items:center;width:100%;margin-left:auto;margin-right:auto}.login-popup-module__M0yCQW__external-login-option,.login-popup-module__M0yCQW__login-form input{width:70vw}.login-popup-module__M0yCQW__divider hr{width:26vw}}
.signup-popup-module__wIyBKa__body{color:#000;z-index:2;background-color:#f0fbff;border-radius:2rem;flex-direction:column;align-items:center;width:25rem;height:30rem;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.signup-popup-module__wIyBKa__body.signup-popup-module__wIyBKa__visible{display:flex}.signup-popup-module__wIyBKa__body h2{margin-bottom:1rem;font-size:2rem}.signup-popup-module__wIyBKa__signup-form{flex-direction:column;width:80%;display:flex}.signup-popup-module__wIyBKa__signup-form input{background-color:#d3d3d3;border:1px solid gray;border-radius:1rem;height:1.8rem;margin-bottom:1rem;padding-left:.5rem}.signup-popup-module__wIyBKa__signup-form button{color:#000;background-color:#00b7ff;border:none;border-radius:2rem;padding:.3rem 0;font-size:1.2rem;transition:background-color .3s}.signup-popup-module__wIyBKa__signup-form button:hover{cursor:pointer;transform:scale(1.02)}.signup-popup-module__wIyBKa__signup-form button:active{transform:scale(.98)}.signup-popup-module__wIyBKa__name-fields{column-gap:.5rem;display:flex}.signup-popup-module__wIyBKa__name-fields input{flex:1;width:5rem}.signup-popup-module__wIyBKa__close-window-icon{width:auto;height:2rem;margin-top:1rem;margin-left:auto;margin-right:1rem;transition:background-color .3s}.signup-popup-module__wIyBKa__close-window-icon:hover{cursor:pointer;background-color:red}.signup-popup-module__wIyBKa__message{text-align:center;max-width:20rem;margin-bottom:1rem;font-size:1.2rem}.signup-popup-module__wIyBKa__message.signup-popup-module__wIyBKa__error{color:red}.signup-popup-module__wIyBKa__message.signup-popup-module__wIyBKa__success{color:green}.signup-popup-module__wIyBKa__message.signup-popup-module__wIyBKa__loading{color:#000!important}.signup-popup-module__wIyBKa__overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;z-index:1;background-color:#00000080;width:100vw;height:100vh;transition:opacity .5s;position:fixed;top:0;left:0}.signup-popup-module__wIyBKa__overlay.signup-popup-module__wIyBKa__visible{opacity:1}@media (max-width:480px){.signup-popup-module__wIyBKa__body{width:85vw}}