.sign-in-page{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--primary-color);background-image:linear-gradient(120deg,var(--primary-color),var(--secondary-color));background-attachment:fixed;z-index:150}.user-menu.sign-in{background-color:transparent;background:none;position:absolute;top:0;right:0;left:auto;bottom:auto;z-index:150}.user-menu.sign-in .auth-container{background-color:transparent;box-shadow:none}.user-menu{display:none}.user-menu.show,.user-menu.sign-in{display:flex}.auth-container{background-color:var(--background-color);padding:40px;border-radius:8px;width:90%;max-width:400px;display:flex;gap:20px;flex-direction:column;align-items:center;box-shadow:10px 10px 15px rgba(0,0,0,.4);position:relative}.user-menu.sign-in .auth-container{padding:20px}.auth-container p{display:none;text-align:center}.auth-container .avatar{width:60px;height:60px;border-radius:50%}.close-button{position:absolute;top:-10px;right:-10px;background-color:var(--primary-text-color);border:1px solid var(--primary-text-color);color:var(--contrast-text-color);border-radius:50%;width:34px;height:34px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;z-index:100}.close-button:hover{background-color:var(--contrast-text-color);color:var(--primary-text-color)}.avatar-container{height:45px;width:45px;border-radius:50%;overflow:hidden;cursor:pointer;position:relative}.avatar-container.hide{display:none}.avatar-container .avatar{width:45px;height:45px}.avatar-container .gradientOverlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(120deg,var(--primary-color),var(--secondary-color))}.avatar-container:hover .gradientOverlay{display:flex;cursor:pointer;opacity:.8}.avatar-container .avatar:hover{cursor:pointer}.avatar-container.placeholder{width:90px;border-radius:0;margin-left:auto;margin-right:0}.avatar-container .placeholder{width:90px}@media (min-width:600px){.avatar-container.placeholder{grid-column:span 2}}