.description-container{padding:1rem;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}@media (prefers-color-scheme: dark){.description-container{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}}.description-container p{margin-bottom:1rem;font-size:.875rem;line-height:1.25rem}@media (min-width: 768px){.description-container p{font-size:1rem;line-height:1.5rem}}.container{display:flex;flex-direction:column;gap:1.25rem;padding:1rem}.movie-bucket{display:flex;flex-direction:column;align-items:flex-start;gap:.625rem}.movie-bucket h1{margin-left:.625rem;margin-right:.625rem;margin-top:0;margin-bottom:0;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}@media (prefers-color-scheme: dark){.movie-bucket h1{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}}.movie-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:.625rem}.movie{position:relative;margin:.625rem;height:150px;width:100px;cursor:pointer;overflow:hidden;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.movie:hover{z-index:10;--tw-scale-x: 1.3;--tw-scale-y: 1.3;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (prefers-color-scheme: dark){.movie{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}}.movie img{display:block;height:150px;width:100px;-o-object-fit:cover;object-fit:cover;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.movie:hover img{opacity:.3}.movie .content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-direction:column;overflow:auto;background-color:#000000bf;padding-left:.5rem;padding-right:.5rem;text-align:left;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.movie:hover .content{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.movie h2{margin:0;margin-bottom:.625rem;font-size:.7rem}.movie p,.movie .rating{margin:0;margin-bottom:.625rem;font-size:.6rem}.movie .rating-item{margin-right:.25rem}