:root{--header-height:60px;--black:#000;--white:#fff;--green:#298431;--grey:#5c5c5c;--light-grey:#999;--light-black:#333;--red:#b71c1c;--yellow:#f6c800}.active{border-bottom:3px solid #298431;border-bottom:3px solid var(--green)}.content__item{margin:40px 0;overflow:hidden}.content__item-name{align-items:center;display:flex;justify-content:space-between}.content__item-name .watch-more{border:1px solid var(--green);border-radius:16px;color:var(--green);font-size:12px;font-weight:700;line-height:24px;padding:0 16px;transition:all .2s}.content__item-name .watch-more:hover{background-color:var(--green);color:var(--white);cursor:pointer}.content__item-list{margin-top:20px;position:relative}.content__item-list .icon{position:absolute;top:50%}.content__item-list .icon:hover svg{cursor:pointer}.content__item-list .icon svg{color:var(--green);font-size:46px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.content__item-list .icon.prev{left:0}.content__item-list .icon.next{right:0}.content__item-list .list-movie{display:flex;height:300px;list-style:none;-webkit-transform:translateX(0);transform:translateX(0);transition:all 1s ease-in-out}.content__item-list .list-movie .movie-item{margin-right:20px;position:relative}.movie-item:hover .movie-name,.movie-item:hover .movie-poster{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.list-movie .movie-item .movie-poster{height:300px;object-fit:cover;object-position:center;transition:all .5s ease-in-out;width:200px}.list-movie li .movie-name{background-color:rgba(0,0,0,.7);bottom:0;color:var(--white);font-size:12px;font-weight:700;height:45px;overflow:hidden;padding:5px 10px;position:absolute;transition:all .5s ease-in-out;width:100%}h2{color:var(--green)}#content{height:100%;min-height:100vh;padding:50px 80px;width:100%}@media screen and (max-width:46.1875em){#content{padding:10px 0}}#footer{align-items:center;background-color:var(--grey);display:flex;height:60px;justify-content:space-between;margin-top:20px;padding:0 80px}#footer .copy-right h3{color:var(--white)}#footer .social{align-items:center;display:flex;justify-content:space-around}#footer .social a{padding:0 10px}.social a svg{color:var(--white);font-size:24px}@media screen and (max-width:46.1875em){#footer{padding:0 20px}}#slider{margin-top:var(--header-height);position:relative}#slider .slider-icon{background-color:rgba(0,0,0,.7);border-radius:50%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#slider .slider-icon:hover{background-color:rgba(0,0,0,.4);cursor:pointer}#slider .slider-icon svg{color:var(--white);font-size:60px}#slider .slider-icon.right{right:0}#slider .slider-panel{background-position:top;background-repeat:no-repeat;background-size:cover;padding-top:50%}@-webkit-keyframes swipe-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes swipe-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.slider__content{background-color:rgba(0,0,0,.4);border-radius:8px;color:var(--white);margin-left:100px;padding:10px 20px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:50%}.movie-info .name{font-size:32px;margin-bottom:30px}.movie-info .time{margin-bottom:10px}.movie-info .description{margin-bottom:20px}.movie-play .about,.movie-play .play{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;height:40px;max-width:200px;padding:0 20px}.movie-play .play a{color:var(--black)}.movie-play .about:hover,.movie-play .play:hover{opacity:.8}.movie-play svg{font-size:16px;margin-right:15px;-webkit-transform:translateY(10%);transform:translateY(10%)}.movie-play .play svg{color:var(--black)}.movie-play .about{background-color:var(--grey);margin-left:20px}.movie-play .about a{color:var(--white)}@media screen and (max-width:46.1875em){.slider__content{margin-left:60px;width:70%}#slider .slider-icon svg{font-size:30px}.slider__content .movie-info .name{font-size:16px;font-weight:700}.slider__content .movie-info .description,.slider__content .movie-info .time{display:none}.movie-play .about,.movie-play .play{height:28px;padding:0 10px}}.content-single{margin-top:var(--header-height);min-height:100vh;padding:0 80px}.content-single .no-results{align-items:center;display:flex;justify-content:center;min-height:100vh}.content-single .content__title{padding:20px 0}.title{color:var(--green)}.content-single .content__box{display:flex;flex-wrap:wrap;justify-content:space-around}.content-item{list-style-type:none;margin-bottom:30px;position:relative}.content-item .movie-poster{height:300px;transition:all .5s ease-in-out;width:200px}.content-item .movie-name{background-color:rgba(0,0,0,.7);bottom:0;color:var(--white);font-size:12px;font-weight:700;height:45px;overflow:hidden;padding:5px 10px;position:absolute;transition:all .5s ease-in-out;width:100%}.content-item:hover .movie-name,.content-item:hover .movie-poster{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.load-more{text-align:center}.load-more-btn{background-color:var(--green);border:none;border-radius:8px;color:var(--white);font-weight:700;height:32px;padding:0 20px}.load-more-btn:hover{cursor:pointer;opacity:.9}@media screen and (max-width:46.1875em){.content-single{padding:0 10px}.content-item .movie-poster{height:150px;width:110px}}.actors .actors__list{align-items:center;display:flex;flex-wrap:wrap;list-style-type:none;margin-top:20px}.actors__list .actor{height:350px;margin-bottom:20px;margin-right:35px}.actors__list .actor .actor-img{height:300px;width:200px}.actor .actor-img img{height:100%;object-fit:cover;width:100%}.actors__list .actor .actor-name{font-size:12px;font-weight:700;margin-top:5px}.actors__list .actor .actor-character{color:var(--green);font-size:12px;width:200px}@media screen and (max-width:46.1875em){.actors__list .actor .actor-img{height:150px;width:90px}.actors__list .actor{height:200px;margin-bottom:10px;margin-right:10px}.actors__list .actor .actor-character,.actors__list .actor .actor-name{width:90px}}#content-cast{height:100%;padding:50px 80px;width:100%}@media screen and (max-width:46.1875em){#content-cast{padding:20px 0}}#detail{margin-top:var(--header-height)}#detail .detail__box{background-position:top;background-repeat:no-repeat;background-size:cover;color:var(--white);padding-top:50%;position:relative}#detail .detail__box .movie-content{align-items:center;display:flex;justify-content:space-between;margin:0 50px;position:absolute;top:10%}.detail__box .movie-content .poster{flex:1 1}.detail__box .poster img{border:1px solid var(--white);border-radius:16px;height:450px;width:300px}.detail__box .movie-content .movie-info{flex:2 1;margin-left:30px}.movie-info .movie-name{font-size:40px;margin-bottom:30px}.movie-info .realease-date{margin-bottom:20px}.movie-info .movies-type{display:flex;list-style-type:none;margin-bottom:30px}.movie-info .movies-type .type-item{border:1px solid var(--white);border-radius:16px;line-height:28px;margin-right:20px;padding:0 10px}.movie-info .movie-votes{color:var(--yellow);font-size:24px;margin-bottom:30px}.movie-info .movie-votes svg{color:var(--yellow);font-size:32px;-webkit-transform:translateY(25%);transform:translateY(25%)}.movie-info .button-event button{border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;height:40px;max-width:200px;padding:0 20px}button svg{color:var(--black);font-size:16px;margin-right:15px;-webkit-transform:translateY(10%);transform:translateY(10%)}@media screen and (max-width:46.1875em){#detail .detail__box .movie-content{margin:0}.movie-content .movie-info .description,.movie-content .movie-info .movies-type,.movie-content .movie-info .number-of-ep,.movie-content .movie-info .realease-date,.movie-content .poster{display:none}.movie-content .movie-info .movie-name{font-size:24px;margin-bottom:10px}.movie-content .movie-info .movie-votes{margin-bottom:10px}.movie-info .button-event button{height:28px;padding:0 10px}}.watch-container{min-height:100vh;padding:30px 80px;position:relative}.movie-player{width:900px}.movie-player .video-box{aspect-ratio:16/9;margin-top:var(--header-height)}.video-box .video-player{height:500px;width:900px}.movie-watch-info{margin:20px 0}.movie-watch-info .movie-name{font-size:24px;font-weight:700;margin-bottom:20px}.movie-watch-info .movie-description{margin-bottom:20px}.movie-watch-info .movie-release{margin-bottom:10px}.movie-similar{height:500px;position:absolute;right:80px;top:calc(var(--header-height) + 30px);width:250px}.similar-list{height:100%;list-style-type:none;overflow-y:scroll;width:100%}.similar-list::-webkit-scrollbar{background-color:var(--light-grey);width:5px}.similar-list::-webkit-scrollbar-thumb{background-color:var(--grey);border-radius:5px}.similar-item a{align-items:center;display:flex;height:100px;width:100%}.similar-item .similar-movie-img{height:90%;width:50px}.similar-item .similar-movie-img img{height:100%;object-fit:cover;object-position:center;width:50px}.similar-item .similar-movie-info{font-size:12px;margin:0 10px}.number-of-ep{margin-bottom:20px}.similar-movie-name{color:var(--green);font-weight:700;margin-bottom:5px}.similar-movie-vote{color:var(--black)}.episode-list{align-items:center;display:flex;flex-wrap:wrap;margin-top:10px;max-width:900px}.episode-list .episode-item{list-style:none;margin-bottom:10px;margin-right:10px}.episode-list .episode-item button{font-weight:700;padding:0 10px}.episode-list .episode-item button:hover{cursor:pointer;opacity:.9}@media screen and (max-width:46.1875em){.watch-container{padding:30px 10px}.movie-player{margin:0 10x;width:100%}.video-box iframe{height:100%;width:100%}.movie-similar{position:static;width:100%}}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Arial,Helvetica,sans-serif}.scroll-top{bottom:calc(var(--header-height) + 20px);position:fixed;right:20px}.scroll-top svg{color:var(--green);font-size:32px}.scroll-top:hover{cursor:pointer;opacity:.9}span{font-weight:700}a{text-decoration:none}#header{background-color:var(--white);border-bottom:1px solid var(--light-grey);height:var(--header-height);left:0;position:fixed;right:0;top:0;z-index:1}#header,#header .header-item{align-items:center;display:flex;justify-content:space-around;width:100%}#header .header-item{flex-basis:50%;height:100%}#header .logo{align-items:center;display:flex;height:100%}#header .logo svg{color:var(--green);font-size:32px}#header .logo h1{color:var(--grey);font-size:24px;padding:0 20px}#header .nav{height:100%;line-height:60px}.nav .nav__list li{display:inline-block;line-height:32px;margin:0 10px}.nav__list>li>a{color:var(--light-black);display:block;font-weight:700;text-decoration:none}.nav__list>li:hover>a{color:var(--grey);cursor:pointer}.search{align-items:center;border:1px solid var(--grey);border-radius:8px;display:flex;height:60%;width:50%}.search svg{color:var(--light-grey);display:block;font-size:20px;margin:0 10px}.search input{border:none;border-radius:8px;color:var(--light-black);font-size:14px;height:100%;outline:none;padding:0 10px;width:90%}.login{border-radius:8px;color:var(--white);justify-content:center;line-height:40px;text-align:center;width:120px}.login,.login:hover{background-color:var(--green)}.login:hover{cursor:pointer;opacity:.9}@media screen and (max-width:46.1875em){#header{overflow:hidden}#header .nav,.login{display:none}#header .logo svg{font-size:24px}#header .logo h1{font-size:20px;padding:0 10px}.search{width:90%}}
/*# sourceMappingURL=main.7d051dde.css.map*/