.user-popup{right:.5em}.export-popup,.user-popup{background-color:var(--background-color);border:2px solid var(--border-color);border-radius:5px;box-shadow:0 0 8px 0 var(--box-shadow-color);cursor:pointer;display:none;height:fit-content;position:absolute;width:fit-content;z-index:9999}.export-popup-info,.user-popup-info{align-items:center;display:flex;gap:.5em;padding-left:.7em}.export-popup-info span,.user-popup-info span{color:var(--font-color)}.user-popup-info span{font-size:1.2em;transition:transform .3s ease}.export-popup-info:hover,.user-popup-info:hover{background-color:var(--material-btn-hover-color);border-radius:5px}.export-popup-info p,.user-popup-info p{color:var(--font-color);font-size:.8em;font-weight:600;padding:.5em .7em}.user-popup-info p{padding-right:1em}#user-logout:hover{background-color:#e61c1c;color:#fff!important}#user-logout:hover span{color:#fff}#user-settings:hover span{transform:rotate(90deg)}.toggle-icon{margin-right:4px;transition:transform .3s ease}