.dialog{display:none;position:fixed;z-index:30000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0);transition:background-color .3s ease-in-out;backdrop-filter:blur(0)}.dialog.active{display:block;background-color:rgba(0,0,0,.5);backdrop-filter:blur(3px)}.dialog-content{background:#fff;padding:clamp(1rem,5vw,2rem);border-radius:clamp(8px,2vw,12px);box-shadow:0 5px 15px rgba(0,0,0,.3);width:100%;max-width:min(90vw,1000px);max-height:min(90vh,800px);overflow:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);opacity:0;transition:.3s ease-in-out}.dialog.active .dialog-content{transform:translate(-50%,-50%);opacity:1}.dialog-content video{width:100%;height:auto;display:block}.dialog-content::-webkit-scrollbar{width:min(8px,2vw)}.dialog-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dialog-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.dialog-close{position:absolute;right:clamp(1rem,3vw,1.5rem);top:clamp(1rem,3vw,1.5rem);width:clamp(28px,5vw,32px);height:clamp(28px,5vw,32px);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#b92525;border:none;cursor:pointer;transition:.2s}.dialog-close:hover{background:#e05353;transform:scale(1.1)}@media (max-width:768px){.dialog-content{max-width:95vw;max-height:95vh;width:80%;margin:0;padding:1.5rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-close{top:.75rem;right:.75rem;padding:clamp(12px,3vw,16px)}}