.film-department{display:flex;flex-direction:column;align-items:center;padding:20px}.film-preview{width:100%;max-width:300px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2)}.react-player-wrapper{position:relative;width:100%;height:300px;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3)}.react-player-wrapper .react-player{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px}.padd{max-width:1366px;padding:20px 50px;display:flex;flex-wrap:wrap;margin:90px auto 0}#title{font-size:30px;color:#fff}.contents{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin-top:15px;gap:20px;color:#fff}.contents .content-inner{height:100%;height:300px;width:295px;border-radius:8px;overflow:hidden;position:relative;background-color:rgba(255,253,240,.3215686275)}.contents .content-inner.right-reveal{transform:translateX(-30px);opacity:0;transition:all .5s ease}.contents .content-inner.right-reveal.active{transform:unset;opacity:1}.contents .content-inner .views .series{color:#fd8d21}.contents .content-inner img{width:100%;height:100%;object-fit:contain}.contents .content-inner .count{background-color:#fff;padding:3px 10px;display:flex;align-items:center;justify-content:center;border-radius:5px;gap:5px;color:#10131c}.contents .content-inner .count svg{width:18px;height:18px}.contents .content-inner .data{display:flex;align-items:center;justify-content:space-between;background-color:rgba(0,0,0,.322);position:absolute;bottom:0;color:#fff;width:100%;padding:10px 15px;z-index:10;opacity:0}.contents .content-inner .data .texts{width:80%}.contents .content-inner .data h1{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contents .content-inner .data img{width:30px!important;height:auto}.contents .content-inner:hover .data{opacity:1}.divider{width:95%;height:2px;background-image:linear-gradient(270deg,rgba(255,255,255,0),#0091f0,rgba(255,255,255,0));border-radius:5px;margin:50px auto 0}.pagination-container{margin-top:30px;width:100%}.pagination-container .pagination-controls{display:flex;justify-content:center;gap:3px}.pagination-container button{color:oklch(.87 0 0);display:flex;align-items:center;justify-content:center;border:none;background-color:rgba(0,0,0,0);border-radius:5px;cursor:pointer}.pagination-container button.active{border:1px solid #363636;background-color:#151515}.pagination-container button span{display:flex;align-items:center;justify-content:center}.pagination-container button span svg{width:20px!important;height:20px!important}.pagination-container button.prev-next{padding:5px 10px;height:33px}.pagination-container button.prev-next:disabled{opacity:.5}.pagination-container button.prev-next:disabled:hover{background-color:unset}.pagination-container button:hover{background-color:#1b1b1b}.pagination-container .pagination-numbers{display:flex;gap:3px}.pagination-container .pagination-numbers button{width:35px;height:33px}.save-mob{display:none}@media screen and (max-width:500px){#title{font-size:22px;margin:0 auto}.contents{justify-content:center!important}.contents .content-inner{width:46%;height:200px}.contents .content-inner a{width:100%}.contents .content-inner a .views .series{padding:0 5px;font-size:14px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:40px}.contents .content-inner a .views .count{font-size:14px;padding:0 5px}.contents .content-inner a .views .count svg{width:14px;height:14px}.contents .content-inner a .views .save-mob,.contents .content-inner a .views .save-mob span{display:flex;align-items:center;justify-content:center}.contents .content-inner a .views .save-mob svg{width:22px;height:22px}.contents .content-inner a .data{opacity:1;padding:5px 7px}.contents .content-inner a .data .texts{width:100%}.contents .content-inner a .data .texts h1{font-size:14px}.contents .content-inner a .data .texts p{font-size:12px}.contents .content-inner a .data .save{display:none}.pagination-container{margin-top:30px}.pagination-container .pagination-controls{flex-direction:column;row-gap:5px}.pagination-container .pagination-numbers{justify-content:center;flex-wrap:wrap}.padd.helper{padding:20px 10px}}