.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center}.popup-container{background-color:#271f61;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.popup-inner h1{font-size:24px}.form-group,.popup-inner h1{margin-bottom:20px}label{font-weight:700;margin-bottom:5px}input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;color:#000;background:hsla(0,0%,100%,.733)}.btn{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.btn:hover{background-color:#45a049}.btn:focus{outline:none}.button-container,.list-overlay{display:flex;justify-content:center}.list-overlay{position:fixed;bottom:6%;left:5%;width:90%;height:5%;background-color:#271f61;align-items:center;border-radius:1rem;border:1px solid #374151}.popup-list-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%}.logout-button{margin-bottom:3px}.logout-button,.settings-button{display:flex;width:92%;justify-content:center;align-items:center}.settings-button{margin-top:15px;height:40%}.button-content{display:flex;align-items:center}.logout-space{width:8px}