.loading-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 72px)}.movie-list{padding:24px 3%;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;list-style:none;width:100%}.movie-card{width:100%;height:100%;border-radius:12px;overflow:hidden;position:relative}.movie-card .movie-poster img{width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .6s}.movie-card .movie-infos{position:absolute;bottom:0;background:linear-gradient(transparent,#000 90%);height:200px;width:100%;display:flex;flex-direction:column;justify-content:end;padding:10px}.movie-card .movie-infos .movie-title{color:#fff;font-size:12px;margin-bottom:6px}.movie-card .movie-infos .hidden-content{color:#fff;font-size:12px;margin-top:8px;height:0;opacity:0;transition:all .6s}.movie-card .movie-infos .hidden-content .btn-default{background-color:#6046ff;padding:6px 8px;border-radius:4px;margin-top:10px;color:#fff;border:none;cursor:pointer;width:100%}.movie-card:hover{cursor:pointer}.movie-card:hover .movie-poster img{opacity:.5}.movie-card:hover .hidden-content{opacity:1}.movie-card:hover .movie-infos:has(.description) .hidden-content{height:100px}.movie-card:hover .movie-infos:not(:has(.description)) .hidden-content{height:50px}.movie-rate{display:flex;gap:4px}.movie-rate svg{color:#f3eb00}