.component{margin:2rem;color:#ededed;height:530px;width:300px;transition:transform .2s ease-in-out;display:flex;flex-direction:column;justify-content:center;background:#292929;padding:0 .5rem;border-radius:10px}.component,.component-img-container{position:relative}.trending-movie-rating{position:absolute;top:0;right:0;background:#171717;padding:.5rem;border-radius:0 5px 0 0;font-weight:700}.component:hover{cursor:pointer;transform:scale(1.1);transition:transform .2s ease-in-out}.component-img{width:100%;object-fit:contain;border-radius:10px;box-shadow:0 0 20px #000;border:none}.component-title{font-size:1.1rem;margin:.5rem 0}.component-release{color:grey;font-size:1rem}@media screen and (max-width:350px){.component{margin:2rem;height:500px;width:250px}}@media screen and (max-width:300px){.component{margin:2rem;height:450px;width:200px}}.content-container{display:flex;flex-direction:column;align-items:center;background:#111;min-height:100vh}.content-filter{display:flex;justify-content:space-between;align-items:center;color:#ededed;width:90%}.content-data{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;align-content:center;margin:1rem;width:100%;background:#111}.movie-component{position:relative}@media screen and (max-width:1280px){.content-data{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1024px){.content-data{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:770px){.content-nav ul{flex:1 1}}@media screen and (max-width:600px){.content-data{display:flex;flex-direction:column;align-items:center}}@media screen and (max-width:280px){.header{font-size:1.3rem;letter-spacing:0}}.empty-favorites{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-favorites img{height:200px;margin:1rem 0}.empty-favorites h1{color:#ededed;font-size:2rem;font-weight:700;width:80vw}.heart-icon{color:#e91919;transform:translateY(5px)}@media screen and (max-width:768px){.empty-favorites img{height:180px}.empty-favorites h1{font-size:1.5rem}}@media screen and (max-width:540px){.empty-favorites img{height:130px}.empty-favorites h1{font-size:1.2rem}}@media screen and (max-width:500px){.empty-favorites img{height:110px}}@media screen and (max-width:360px){.empty-favorites img{height:100px}.empty-favorites h1{font-size:1rem}}@media screen and (max-width:300px){.empty-favorites img{height:80px}.empty-favorites h1{font-size:.8rem}}
/*# sourceMappingURL=8.a0f4d536.chunk.css.map */