.film{padding:10px}.film .film-comments{margin-top:20px}.film .film-comments .item{margin:5px 0}.film .film-comments .item .avatar{border-radius:50%;display:inline-block;height:40px;overflow:hidden;width:40px}.film .film-comments .item .avatar img{min-height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.film .film-comments .item strong{font-size:1.4rem}.film .film-comments .item p{font-size:1.4rem;margin-top:5px}.film .film-comments .item p button{display:block;font-size:1.2rem;margin-top:5px;padding:2px 4px}.film .film-comments .item hr{height:2px;margin:10px 20px 15px;opacity:.15}.film .add-comment{text-align:center}.film .last-articles{padding:10px 0}.film .search-hints{margin-bottom:20px}.film .search-hints input{width:100%}.film section{margin-bottom:40px;min-height:100px}.film h2{margin-bottom:20px}.film .description,.film .review{margin-top:30px;white-space:pre-wrap}.film .review{border:2px solid hsla(0,0%,100%,.35);border-radius:4px;padding:20px}.film .top{grid-gap:40px;display:grid;grid-template-columns:300px auto 300px}.film .top .film-poster .actions{grid-gap:5px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;width:100%}.film .top .film-poster .actions button{font-size:1.2rem;justify-self:center;margin:0;padding:4px 8px}.film .top .film-poster .actions button.watch{background-color:#ff664a}.film .top .film-poster a{background-color:#fb2d7f;border-radius:4px;color:#fff;display:block;font-size:2rem;margin-top:20px;padding:10px 15px;text-align:center;transition:background .2s ease}.film .top .film-poster a:hover{background-color:#e00a1e}.film .top .film-poster .poster{background-color:hsla(0,0%,100%,.12);border-radius:4px;height:450px;overflow:hidden;position:relative;width:300px}.film .top .film-poster .poster img{min-height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.film .top .film-meta h1{font-size:3.2rem}.film .top .film-meta .alt-name{color:hsla(0,0%,100%,.59);font-size:1.8rem;font-weight:700;margin-top:0}.film .top .film-meta .tagline{font-weight:700;margin-top:10px}.film .top .film-meta h2{margin-top:40px}.film .top .film-meta ul{margin-top:10px}.film .top .film-meta ul li{display:grid;font-size:1.4rem;grid-template-columns:repeat(2,1fr);margin:10px 0}.film .top .film-meta ul li a:not(:first-child):before{color:#fff;content:",";display:inline-block;left:-2px;position:relative}.film .top .film-rating{text-align:center}.film .top .film-rating strong{color:#4caf50;display:block;font-size:5rem;font-weight:700}.film .top .film-rating span{color:hsla(0,0%,100%,.59);font-size:1.4rem}.film .catmenu{-webkit-overflow-scrolling:touch;margin:40px 0 20px;overflow-x:scroll;padding:0 0 10px;width:100%}.film .catmenu::-webkit-scrollbar-track{background:hsla(0,0%,100%,0);height:17px}.film .catmenu::-webkit-scrollbar{height:17px}.film .catmenu::-webkit-scrollbar-thumb,.film .catmenu:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.4)}.film .catmenu ul{list-style:none}.film .catmenu ul li{border-bottom:2px solid transparent;color:hsla(0,0%,100%,.5);cursor:pointer;display:inline-block;font-size:2rem;margin-right:20px;transition:all .2s ease}.film .catmenu ul li.active{border-bottom:2px solid #fb2d7f;color:#fff}.film .catmenu ul li:hover{color:#fff}.film .catmenu ul li a{color:#f2f2f2}.film .catmenu ul li a.active{border-bottom:2px solid #fb2d7f;color:#fff}.film .catmenu ul li a:hover{color:#fff}.film .frames .items{grid-gap:30px 15px;display:grid;grid-template-columns:repeat(6,1fr)}.film .frames .items .item{background-color:#17191c;border:1px solid transparent;border-radius:4px;cursor:pointer;height:10vw;overflow:hidden;transition:all .2s ease;width:100%}.film .frames .items .item:hover{border:1px solid #fb2d7f;opacity:.75}.film .frames .items .item img{min-height:100%;-o-object-fit:cover;object-fit:cover;width:100%}