.sign-in-page{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;background-image:var(--page-frame-gradient);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}.avatar-popover-wrap{position:relative}.avatar-popover-wrap .avatar-container{background:none;border:none;padding:0;display:block}.avatar-popover-header{padding:8px 12px 6px}.avatar-popover-name{font-weight:600;font-size:.95rem;color:var(--primary-text-color)}.avatar-popover-email,.avatar-popover-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-popover-email{font-size:.8rem;color:var(--muted-text-color)}.avatar-popover-divider{height:1px;background-color:var(--card-border-color);margin:4px 0}.user-menu{display:none}.user-menu.show,.user-menu.sign-in{display:flex}.auth-container{background-color:var(--light-color);padding:40px;border-radius:14px;width:90%;max-width:400px;display:flex;gap:20px;flex-direction:column;align-items:center;box-shadow:var(--surface-shadow);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-color);border:1px solid var(--primary-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-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}}