.multimedia-modal-button{text-align:center;margin-bottom:1rem}.multimedia-modal-button img{cursor:pointer;width:60px;height:60px;display:inline-block}.multimedia-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}html.modal-open,body.modal-open{overflow:hidden!important;height:100%!important;width:100%!important;padding-right:0!important;position:fixed!important;top:0!important;left:0!important}.multimedia-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .6);z-index:10000}.multimedia-modal-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;width:95%;max-width:1200px;height:90%;max-height:90vh;border-radius:10px;z-index:10001;display:flex;flex-direction:column;overflow:hidden}.multimedia-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f5f5f5;border-bottom:1px solid #ddd}.multimedia-modal-header h3{margin:0;font-size:1.2rem;color:#222}.multimedia-modal-close{background:#fff0;border:none;font-size:24px;line-height:1;cursor:pointer;color:#888;transition:color 0.2s ease}.multimedia-modal-close:hover{color:#000}.multimedia-modal-content{flex:1;overflow:auto;padding:16px;background:#fff;display:flex;justify-content:center;align-items:center}.multimedia-modal.active{display:block}@media (max-width:768px){.multimedia-modal-container{width:98%;height:95%}}