.movie-group.vertical{-moz-column-gap:var(--card-movie-vertical-gap);column-gap:var(--card-movie-vertical-gap);row-gap:calc(var(--card-movie-vertical-gap) + 7px)}.movie-group.vertical .movie-card-item.vertical{width:calc(12.5% - var(--card-movie-vertical-gap)*7/8)}.movie-group.vertical.ranking .movie-card-item.vertical{width:calc(14.28571% - var(--card-movie-vertical-gap)*6/7)}.movie-card-item.vertical{overflow:visible;transition:transform .1s ease-out}.movie-card-item.vertical .el-skeleton.is-animated{border-radius:5px;overflow:hidden;position:relative;width:100%}.movie-card-item.vertical .el-skeleton.is-animated .el-skeleton__item.skeleton-img{height:100%;width:100%}.movie-card-item.vertical .el-skeleton.is-animated .content-skeleton{margin-top:13px}.movie-card-item.vertical .img-box{border-top-left-radius:5px;border-top-right-radius:5px;display:flex;overflow:hidden;position:relative}.movie-card-item.vertical .img-box img[lazy=error]{background-size:50%}.movie-card-item.vertical .img-box .info-over-image{bottom:0;left:0;position:absolute;right:0;width:100%;z-index:1}.movie-card-item.vertical .img-box .info-over-image .percent-viewed{background-color:var(--app-background-color3);bottom:0;height:3px;left:0;position:absolute;width:var(--percent-viewed);z-index:2}.movie-card-item.vertical .img-box .info-over-image .viewed-overlay-bar{background-color:#3c3c3c59;bottom:0;height:3px;left:0;position:absolute;width:100%;z-index:1}.movie-card-item.vertical .img-box .info-over-image .left-bottom{align-items:center;bottom:0;display:flex;flex-direction:column;left:0;padding:3px 8px;position:absolute;z-index:1}.movie-card-item.vertical .img-box .info-over-image .left-bottom .release-date-wrapper .release-date{font-size:.7vw;font-weight:500;position:relative;transition:font-size 0s;z-index:1}.movie-card-item.vertical .img-box .info-over-image .left-bottom .vote-average{display:none;font-size:1.6rem;font-weight:500;position:relative;transition:font-size 0s;z-index:1}.movie-card-item.vertical .img-box .info-over-image .right-bottom{align-items:center;bottom:0;display:flex;flex-direction:row;position:absolute;right:0}.movie-card-item.vertical .img-box .info-over-image .right-bottom .views{font-size:.7vw;padding:3px 8px;position:relative;z-index:1}.movie-card-item.vertical .img-box .info-over-image .right-bottom .views .text{font-size:.9em}.movie-card-item.vertical .img-box .info-over-image .right-bottom .widget{display:none;flex-direction:column;opacity:0;position:relative;z-index:-1}.movie-card-item.vertical .img-box .info-over-image .right-bottom .widget a{color:inherit}.movie-card-item.vertical .img-box .info-over-image .right-bottom .widget .ant-btn{border-radius:0;height:2em;transition:background-color 0s;width:2em}.movie-card-item.vertical .img-box .info-over-image .right-bottom .widget .ant-btn svg{height:2rem;width:2rem}.movie-card-item.vertical .img-box .info-over-image .right-bottom .widget .ant-btn:hover{background-color:#0808082a}.movie-card-item.vertical .img-box .fade-card{background-image:linear-gradient(0deg,var(--background-content-color) 0,rgba(7,7,7,0) 100%);bottom:0;height:18%;left:0;opacity:.7;position:absolute;width:100%;z-index:0}.movie-card-item.vertical .info{align-items:flex-start;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-sizing:initial;display:flex;flex-direction:column;flex-grow:1;height:52px;padding:10px 8px}.movie-card-item.vertical .info .info-box{align-items:flex-start;display:flex;flex-direction:column;width:100%}.movie-card-item.vertical .info .title-wrapper{width:100%}.movie-card-item.vertical .info .title-wrapper .title{-webkit-line-clamp:2;transition:font-size 0s}.movie-card-item.vertical .info .title-wrapper .original-title{color:var(--text-color-gray);font-size:.85em;margin-top:3px;max-width:90%}.movie-card-item.vertical .info .genres-wrapper{display:none;margin-top:5px;max-width:100%;overflow-x:hidden;white-space:nowrap}.movie-card-item.vertical .info .genres-wrapper .genres{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:.65em;gap:5px;position:relative}.movie-card-item.vertical .info .genres-wrapper .genres .genre-item{background-color:#5151514e;border-radius:3px;color:inherit;line-height:normal;padding:4px 8px;white-space:nowrap}.movie-card-item.vertical .info .genres-wrapper .genres:after{content:"";height:100%;position:absolute;right:0;top:0;width:10%}.movie-card-item.vertical:hover{animation:card-movie-vertical-hover .2s cubic-bezier(.18,.89,.32,1.28) forwards}.movie-card-item.vertical:hover .img-box .info-over-image .left-bottom .release-date-wrapper{display:none}.movie-card-item.vertical:hover .img-box .info-over-image .left-bottom .vote-average{display:block}.movie-card-item.vertical:hover .img-box .info-over-image .right-bottom .views{display:none}.movie-card-item.vertical:hover .img-box .info-over-image .right-bottom .widget{display:flex;opacity:1;z-index:1}.movie-card-item.vertical:hover .img-box .fade-card{opacity:.9}.movie-card-item.vertical:hover .info{background-color:rgba(var(--dominant-poster-color,8,8,8),.8);box-shadow:0 3px 30px rgba(var(--dominant-poster-color,0,84,112),.4)}.movie-card-item.vertical:hover .info .title-wrapper .title{font-weight:500;-webkit-line-clamp:1}.movie-card-item.vertical:hover .info .title-wrapper .original-title{display:none}.movie-card-item.vertical:hover .info .info-box.no-genres .title-wrapper .original-title{display:-webkit-box;-webkit-line-clamp:1}.movie-card-item.vertical:hover .info .genres-wrapper{display:block}@keyframes card-movie-vertical-hover{0%{transform:translateZ(0) scale(1)}to{transform:translateZ(0) scale(1.1)}}@media only screen and (max-width:1700px){.movie-group.vertical .movie-card-item.vertical{width:calc(14.28571% - var(--card-movie-vertical-gap)*6/7)}}@media only screen and (max-width:1550px){.movie-group.vertical .movie-card-item.vertical{width:calc(16.66667% - var(--card-movie-vertical-gap)*5/6)}.body-content.expand .movie-group.vertical .movie-card-item.vertical{width:calc(14.28571% - var(--card-movie-vertical-gap)*6/7)}}@media only screen and (max-width:1500px){.movie-card-item.vertical .img-box .info-over-image .left-bottom .release-date-wrapper .release-date,.movie-card-item.vertical .img-box .info-over-image .right-bottom .views{font-size:1.3rem}.movie-card-item.vertical .info{font-size:1.5rem}.movie-card-item.vertical:hover .info{font-size:1.6rem}}@media only screen and (max-width:1300px){.body-content.expand .movie-group.vertical .movie-card-item.vertical{width:calc(16.66667% - var(--card-movie-vertical-gap)*5/6)}}@media only screen and (max-width:1200px){.movie-group.vertical .movie-card-item.vertical{width:calc(20% - var(--card-movie-vertical-gap)*4/5)}}@media only screen and (max-width:1100px){.body-content.expand .movie-group.vertical .movie-card-item.vertical{width:calc(20% - var(--card-movie-vertical-gap)*4/5)}}@media only screen and (max-width:1000px){.movie-group.vertical .movie-card-item.vertical{width:calc(25% - var(--card-movie-vertical-gap)*3/4)}}@media only screen and (max-width:900px){.movie-group.vertical{--card-movie-vertical-gap:15px}.movie-group.vertical .movie-card-item.vertical{width:calc(20% - var(--card-movie-vertical-gap)*4/5)}}@media only screen and (max-width:800px){.body-content.expand .movie-group.vertical .movie-card-item.vertical,.movie-group.vertical .movie-card-item.vertical{width:calc(25% - var(--card-movie-vertical-gap)*3/4)}}@media only screen and (max-width:600px){.movie-group.vertical{--card-movie-vertical-gap:13px}.body-content.expand .movie-group.vertical .movie-card-item.vertical,.movie-group.vertical .movie-card-item.vertical{width:calc(33.33333% - var(--card-movie-vertical-gap)*2/3)}}@media only screen and (max-width:500px){.body-content.expand .movie-group.vertical .movie-card-item.vertical,.movie-group.vertical .movie-card-item.vertical{width:calc(50% - var(--card-movie-vertical-gap)*1/2)}}