.mdp-movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px}.mdp-movie-card{cursor:pointer;transition:transform 0.2s}.mdp-movie-card:hover{transform:scale(1.05)}.mdp-movie-card img{width:100%;height:auto;border-radius:8px}.mdp-movie-details{line-height:1em}.mdp-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center}.mdp-popup-backdrop{position:absolute;top:0;left:0;width:100vw;height:100%;background-color:rgb(0 0 0 / .8)}.mdp-popup-content{margin:auto;font-size:.8rem;position:absolute;max-width:900px;background-color:#222;color:#aaa;border-radius:8px;z-index:10000;height:80vh}.mdp-popup-close{position:absolute;top:10px;right:10px;font-size:24px;color:#fff;cursor:pointer}.mdp-popup-inner{display:flex;padding:1em}.mdp-movie-poster{width:17em;margin-right:20px}.mdp-movie-poster img{height:97%;width:auto;border-radius:4px}.mdp-movie-info{flex:1}.mdp-movie-info h2{text-transform:uppercase;color:#fff;margin-bottom:10px}.mdp-movie-brief{font-weight:300;line-height:16px;font-style:italic;margin-bottom:20px}.mdp-movie-full-description{line-height:1em}@media screen and (max-width:600px){.mdp-movie-details p{line-height:1.25em!important}.mdp-popup-content{margin:auto;font-size:.8rem;position:absolute;width:90vw;background-color:#222;color:#aaa;border-radius:8px;z-index:10000;height:80vh;overflow:scroll;display:flex;flex-direction:column}.mdp-popup-close{position:relative;right:-78vw;font-size:30px;color:#fff;cursor:pointer}.mdp-popup-inner{display:flex;;padding:20px;flex-direction:column;overflow:scroll}.mdp-movie-poster img{margin-bottom:22px;height:38vh;width:auto;border-radius:20px}}