.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{padding:20px;height:80vh}.popup-content,.popup-contents{background:#ffffff;border-radius:8px;overflow-y:auto;box-shadow:0 4px 10px rgba(0,0,0,.2);position:relative}.popup-contents{height:auto}.popup-content h2{margin-top:0}.btn-change{justify-self:end!important}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup-contents{background:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);text-align:center;width:50%;margin:auto 19px 19px}.rhap_container{box-shadow:none!important}.popup-contents h4{margin-bottom:20px}.popup-contents audio{width:100%;margin-bottom:20px}.popup-contents p{font-size:14px;color:#555}.book-image{position:relative}.play-button{position:absolute;bottom:10px;right:10px;background-color:rgba(0,0,0,.7);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:20px;z-index:10}.play-button:hover{background-color:rgba(0,0,0,.9)}.audio-controls{display:flex;align-items:center;flex-direction:column}.audio-controls button{margin:5px}.progress-bar{width:100%;background-color:#e0e0e0;border-radius:5px;overflow:hidden;margin:10px 0}.progress{height:10px;background-color:#4caf50;width:0}.time-display{font-size:12px;margin-top:5px}.filter-section .filter-select{width:100%!important}.profile-contents-button .profile-buttonssssss{display:flex;justify-content:center;background-color:#1d5755;border:1px solid #f5f5f5;border-radius:12px;color:rgb(248,248,248)}.profile-contents-button .profile-buttonssssss:active,.profile-contents-button .profile-buttonssssss:focus,.profile-contents-button .profile-buttonssssss:hover{color:white;background-color:#1d5755;border:1px solid #1d5755;border-radius:12px;outline:none}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.overlay-content{background:white;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.book-info div h5{font-size:15px}@media (max-width:768px){.book-image img{object-fit:contain}}.p-inputswitch.p-highlight .p-inputswitch-slider{background:#1d5755!important}