@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);.banner{width:100%;height:100vh;background:#000;color:#fff;overflow:hidden}#banner-bg{width:100%;height:auto;object-fit:contain;object-position:right top}#banner-btn{display:flex;align-items:center;position:absolute;left:120px;bottom:80px;border-radius:5px;background-color:rgba(109,109,110,.7);padding:10px 40px;cursor:pointer}#banner-btn:hover{background-color:rgba(109,109,110,.4)}#banner-btn img{width:35px;height:35px}#movie-title{position:absolute;left:120px;bottom:200px;color:#fff;font-size:34px}#movie-title:hover{text-shadow:2px 2px 2px #fff}#movie-release-date{position:absolute;left:120px;bottom:170px;color:#fff;font-size:20px}#banner-btn p{margin-left:10px}.modal{font-size:12px;background-color:#161515}.modal>.content{width:100%;color:#fff}.modal>.close{cursor:pointer;position:absolute;display:block;padding:2px 5px;line-height:20px;right:-5px;top:-5px;font-size:24px;background:#fff;border-radius:18px;border:1px solid #cfcece}.close:focus{outline:none}@media (max-width:768px){#banner-bg{margin-top:40px}.banner{height:55vh}#movie-title{left:20px;font-size:26px;top:30%}#movie-release-date{display:none}#banner-btn{bottom:50%;padding:6px 20px;left:20px}}@media (max-width:425px){#banner-btn{display:none}#movie-title{font-size:34px}.banner{height:50vh}}@media (max-width:375px){#banner-btn{bottom:47%;padding:6px 30px;left:50%;transform:translateX(-50%)}}#loading-container{background-color:#000;position:relative;height:calc(100vh - 70px)}#loading-gif{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#banner-hover-card{width:50vw;height:97vh;display:flex;flex-direction:column;box-sizing:border-box;background-color:#161515;border-radius:10px}#info-card-hover-btns{display:flex;align-items:center;margin:10px 15px 5px 25px}#info-card-plusBtn img{width:35px;height:35px;margin-right:10px;cursor:pointer}#info-card-playBtn img{width:39px;height:39px;margin-right:10px;cursor:pointer}#info-card-popcornBtn img{width:35px;height:35px;cursor:pointer}#info-card-playBtn{margin-left:auto;display:flex;align-items:center;justify-content:center}#info-hover-trailer{margin-right:10px;border:2px solid #cacaca;border-radius:5px;padding:5px 10px;display:none}#info-card-playBtn:hover #info-hover-trailer{display:block;position:relative}#info-hover-trailer:before{content:"";width:0;height:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:5px 0 5px 5px;position:absolute;right:-5px;top:8px}#banner-hover-card h4{color:#fff;font-size:18px;margin:10px}#banner-info-card-img{cursor:pointer;display:block;border-radius:5px;object-fit:cover;object-position:center}.infos{display:flex;justify-content:space-between;overflow-y:auto}.info-left{width:70%;margin-left:3%}.casts{margin:0 10px 5px 20%;color:#fff;font-size:16px;width:30%;display:flex;flex-direction:column}#banner-hover-card h5{margin-left:10px;line-height:20px}.storyline{margin:15px 10px 5px;color:#fff;font-size:16px;width:100%;line-height:20px}#info-card-title{font-size:26px;color:#fff;margin:15px 25px}.list-container{background-color:#000;width:100%;overflow:hidden;height:420px;padding:30px 30px 10px;box-sizing:border-box}.list{width:100%;height:300px;padding:25px 25px 0;margin-top:30px;display:flex;align-items:flex-start;overflow-x:scroll;overflow-y:hidden;position:relative}#list-name{font-size:28px;color:#fff}#card{width:380px;position:relative;display:block;flex:1 1;transition:transform .5s;border-radius:10px}.list:hover #card{transform:translateX(-10%)}#card:hover~#card{transform:translateX(10%)}.list #card:hover{transform:scale(1.25);z-index:1}#hover-card{display:none;width:300px;margin:0 10px;box-sizing:border-box;background-color:#161515;border-radius:10px}#hover-btns{display:flex;align-items:center;margin:10px 5px 5px}.card-title{color:#fff;margin:15px}#plusBtn img,#plusBtn svg{margin-right:10px}#plusBtn img,#plusBtn svg,#popcornBtn img,#popcornBtn svg{width:25px;height:25px;cursor:pointer}#playBtn{margin-left:auto}#hover-card h4,#hover-card p{color:#fff;font-size:16px;margin:0 10px 5px}#card:hover #hover-card{display:flex;flex-direction:column;border-radius:0 0 5px 5px}#card:hover .card-title{display:none}#card:hover #card-img{border-radius:5px 5px 0 0}#card-img{width:300px;margin:0 10px;display:block;border-radius:5px;max-height:170px;object-fit:cover;object-position:center}#bs-play,#bs-play-fill,#card-img{cursor:pointer}#bs-play-fill,#bs-play:hover{display:none}#bs-play:hover+#bs-play-fill{display:block}@media (max-width:768px){.list-container{padding:20px 10px 10px;height:350px;margin-bottom:50px}.list{padding:10px 10px 0;margin-top:15px;height:300px}#list-name{font-size:22px;margin-left:10px}.card-title{display:none}#card:hover~#card,.list:hover #card{transform:none}.list #card:hover{transform:none;z-index:1}#hover-card{display:flex;flex-direction:column;border-radius:0 0 5px 5px}#card-img{border-radius:5px 5px 0 0}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:#000;font-family:"Roboto",sans-serif;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}body ::-webkit-scrollbar{display:none}input{border-radius:0}input[type=search]{-webkit-appearance:none}.list-not-found{display:flex;justify-content:center;align-items:center;height:calc(100vh - 155px)}.list-not-found h1{color:#cacaca;font-size:1.4rem}.mylist-container{width:100%;padding:30px;box-sizing:border-box}.mylist-result{width:100%;display:flex;align-items:start;overflow-x:scroll;overflow-y:hidden}.mylist-card{width:200px;margin:15px}.mylist-poster{width:170px}.mylist-card:hover .mylist-poster{transform:scale(1.1);transition:transform .5s ease-in}.mylist-title{margin:15px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}#mylist-name{color:#fff;font-size:28px;margin-top:70px;margin-bottom:30px}.mylist-new-list{display:flex}.mylist-new-list svg{margin-top:70px;margin-left:30px}#new-list-btn{cursor:pointer;margin-left:30px}#new-list-btn:hover{filter:drop-shadow(0 0 5px rgba(255,0,0,1))}#new-list-btn img{width:35px;height:35px}#new-list-btn p{margin-left:10px}.new-list-modal{font-size:12px;background-color:#161515}.new-list-modal>.new-list-content{width:100%;color:#fff}.new-list-modal>.new-list-close{cursor:pointer;position:absolute;display:block;padding:2px 5px;line-height:20px;right:-5px;top:-5px;font-size:24px;background:#fff;border-radius:18px;border:1px solid #cfcece}.new-list-close:focus{outline:none}@media (max-width:768px){#mylist-name{margin-top:60px;margin-bottom:20px}.mylist-container{margin:20px 0}}@media (max-width:425px){#mylist-name{font-size:24px;width:80%}.mylist-card{width:150px;margin:10px}.mylist-poster{width:140px}.list-not-found{padding:9%;line-height:30px;margin-top:20px}}.new-list-modal{height:50vh}.new-list-input{width:50%;padding:5px;border:1px solid #fff;outline:none;font-size:18px;color:#fff;background:none;filter:drop-shadow(0 0 5px white)}@media (max-width:425px){.new-list-modal .new-list-content{width:70vw}.new-list-modal .new-list-close{right:-50px}}#delete-list-btn{cursor:pointer}#delete-list-btn:hover,.editList:hover,.mylist-card:hover{filter:drop-shadow(0 0 5px rgba(255,255,255,1))}#mylist-name{margin-right:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.sub-mylist-name:hover{text-shadow:2px 2px 2px #fff}.plusList-wrap{position:relative;min-width:170px;height:255px;border:1px solid #cacaca;background:#161515;cursor:pointer;margin-left:30px}.plusList-wrap:hover{border:1px solid #fff;background:#0f0f0f}.plusList{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:45px}.editList{width:25px;height:25px;cursor:pointer}#list-wrap{padding-left:20px;display:flex;overflow-x:scroll}@media (max-width:425px){#mylist-name{font-size:20px;margin-right:0}#delete-list-btn{margin-top:55px}#mobile-mylist-new-list .editList{margin-top:55px;margin-left:35px}#mobile-mylist-new-list a{width:300px;overflow-x:scroll}#list-wrap{padding-left:0}.mylist-container{padding:30px}}.new-list-modal{height:80vh;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column}.create-new-list{font-size:20px;padding-top:10px}.new-list-create{background-color:#cacaca;border-radius:50px;padding:10px 30px;color:#000;font-size:15px;cursor:pointer}.movie-from-mylist{display:flex}.movie-from-mylist,.small-modal-list{width:100%;overflow-x:scroll;overflow-y:hidden}.small-modal-list{height:50vh;flex-direction:row;flex-wrap:nowrap}#AF-search-result-container{width:48vw}#AF-search-card{width:180px}#AF-search-title{font-size:15px}@media(max-width:425px){.new-list-modal{height:70vh}.new-list-input{width:70%}}.myfav-result-container{width:100%;margin:20px 0}.myfav-result{width:100%;height:calc(100vh - 155px);display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;overflow-x:hidden}.myfav-card{width:220px;margin:15px}.myfav-poster{width:170px}.myfav-card:hover .myfav-poster{transform:scale(1.1);transition:transform .5s ease-in}.myfav-card:hover{filter:drop-shadow(0 0 5px rgba(255,255,255,1))}.myfav-title{margin:15px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}#noMovieInList{@media (max-width:600px){height:135px;width:240px}}#myfav-main-title{color:#fff;font-size:28px;margin:100px 0 30px 30px}@media (max-width:768px){#myfav-main-title{margin-top:60px;margin-bottom:20px}.myfav-result-container{margin:20px 0}}@media (max-width:425px){#myfav-main-title{font-size:24px;width:80%}.myfav-card{width:150px;margin:10px}.myfav-poster{width:140px}.no-list-movie{padding:5% 9%;line-height:30px}}.navbar{width:100%;height:70px;background-color:#000;display:flex;align-items:center;position:fixed;z-index:999;top:0}#logo{height:40px;margin-left:20px;cursor:pointer}#navbar-link{margin-left:30px;color:#fff;display:flex;justify-content:space-around;width:350px}#navbar-link div{cursor:pointer}#navbar-btn{margin-left:auto;margin-right:40px;display:flex;justify-content:space-evenly;align-items:center}#fav{margin-right:30px}#fav,#member{width:30px;height:30px;cursor:pointer}#search{width:35px;height:35px;cursor:pointer;margin-right:30px}.search-box{width:100%;position:relative;display:flex;align-items:center}.search-input{width:100%;padding:5px;border:1px solid #fff;border-right:none;border-left:none;outline:none;font-size:18px;color:#fff;background:none}.search-button{text-align:center;width:40px;border:1px solid #fff;border-right:none;font-size:20px}.delete-button,.search-button{height:33px;outline:none;cursor:pointer;background:none}.delete-button{border:1px solid #fff;border-left:none;margin-left:0}#delete-img-logo{width:20px;height:20px}.search-container{width:25%;position:absolute;right:15%;top:50%;transform:translateY(-50%)}#clear-input{color:#fff;font-size:16px;font-weight:700}#navbar-link :hover{text-shadow:2px 2px 2px #fff}#navbar-btn :hover{filter:drop-shadow(0 0 5px white)}#navbar-btn:hover .search-box,#navbar-btn:hover .search-container{filter:none;text-shadow:none}#mobile-logo{display:none;height:35px;margin-left:20px;cursor:pointer}#popcorn-card-container{flex-direction:column;position:absolute;right:100px;top:50px;width:380px;height:350px;border-top:3px solid #d3d3d3;background-image:linear-gradient(315deg,#161515,#57606f 74%);overflow-y:scroll;box-sizing:border-box;padding:0 0 5px}.notdisplayed{display:none}.displayed{display:flex;height:20px}.popcorn-card{display:flex;justify-content:flex-start;align-items:center;width:350px;height:200px;border-bottom:1px solid #d3d3d3;background-image:linear-gradient(315deg,#161515,#57606f 74%);padding:10px 15px;margin-bottom:2px}.popcorn-card:hover{background-image:linear-gradient(315deg,#161515,#000 74%)}.popcorn-card-img{width:150px}.title-date{display:flex;flex-direction:column;padding-left:10px;justify-content:space-evenly;height:100%}.popcorn-card-title{font-size:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.popcorn-card-date{color:grey}@media screen and (max-width:768px){#logo{display:none}#mobile-logo{display:block}#fav,#member,#search{display:none}.navbar{height:40px}#navbar-link{font-size:16px;justify-content:space-between}.search-container{width:100%;top:40px;right:0;transform:none}.search-box{width:96%;position:relative;background:#000;display:flex;left:50%;transform:translate(-50%)}.search-input{width:100%;padding:5px;border:1px solid #fff;border-right:none;border-left:none;outline:none;font-size:18px;color:#fff;background:none}#delete-img-logo{width:15px;height:15px}}.footer{width:100%;height:155px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#090b13}.footer p{color:#cacaca;font-size:12px}.footer img{height:35px;cursor:pointer;margin-bottom:10px}@media (max-width:425px){.footer{display:none}}.movie-infos{display:flex;flex-direction:column;width:100vw;padding-top:70px;background-image:radial-gradient(farthest-side at 73% 21%,transparent,#1a1d29);inset:0;overflow-x:hidden}.movie-poster{width:100%;position:fixed;z-index:-1}.information{display:flex;position:relative;flex-direction:column}.movie-title{margin-top:15%;font-size:55px}.movie-date,.movie-title{color:#fff;margin-left:5%}.movie-date{font-size:22px;margin-top:10px}.cast-title,.director-title{color:#fff;margin-top:5%;font-size:42px;margin-left:5%}.action-btns{display:flex;align-items:center;margin-left:5%;margin-top:5%}.action-btns img{width:40px;height:40px;margin-left:10px}.movie-story{color:#fff;margin-left:5%;margin-top:2%;font-size:18px;width:55%;line-height:25px}#detail-playBtn,#detail-plusBtn{width:39px;height:39px;margin-right:10px;cursor:pointer}#detail-popcornBtn{width:35px;height:35px;cursor:pointer;margin-left:5px}#trailerBtn{padding:5px 35px;background-color:#fff;border-radius:5px;margin-right:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}#trailerBtn:hover{background-color:hsla(0,0%,100%,.4)}#detail-playBtn{background-color:#000;border-radius:50%}#trailerBtn:hover #detail-playBtn{background-color:hsla(0,0%,100%,.4)}.cast-list{display:flex;height:400px;width:100%;padding:0 5%;margin-top:30px;overflow-x:scroll}.director-wrap{padding-left:5%;margin-top:30px}.director{color:#fff;margin-top:15px;font-size:20px}.cast-card{height:300px;margin-right:25px}.cast-img{height:250px}.cast-name{color:#cacaca;margin-top:5px}.cast-character{color:#fff;margin-top:3px}#infoPlus img{width:40px;height:40px}#sns-shares{width:120px}@media (max-width:768px){.movie-infos{padding-top:40px}.action-btns{position:absolute;top:300px}.movie-title{font-size:45px;margin-top:25%;width:65%}.movie-story{position:absolute;top:430px;width:75%;line-height:30px;height:200px;overflow-y:scroll}.director-title{font-size:45px;margin-top:450px}.cast-title{font-size:45px;margin-top:5%}.cast-list{margin-top:30px;height:350px}}@media (max-width:425px){.movie-title{font-size:32px;margin-top:33%;width:75%}.action-btns{top:240px}.movie-story{top:330px;width:80%}.cast-title,.director-title{font-size:32px}.cast-list{height:350px;margin-top:50px}.cast-card{height:300px;margin-right:25px}.cast-img{height:200px}}@media (max-width:400px){#trailerBtn{margin-right:15px;padding:5px 30px}.action-btns img{width:35px;height:35px;margin-left:10px}}.search-result-container{margin:70px 20px}.search-result{align-items:center}.search-card:hover{filter:drop-shadow(0 0 5px rgba(255,255,255,1))}#query{margin-bottom:30px}.search-not-found{display:flex;justify-content:center;align-items:center;height:calc(100vh - 155px);line-height:28px;padding:5%;word-break:break-word;white-space:break-spaces}.search-not-found div{display:block;color:#cacaca;font-size:1.4rem;word-break:break-word}@media (max-width:425px){#query{font-size:24px;width:80%}.search-card{width:150px;margin:10px}.search-poster{width:140px}}#mobile-navbar-btn{width:100%;height:45px;position:fixed;bottom:0;background:#1a1d29;display:flex;justify-content:space-evenly;align-items:center;display:none;margin-top:10px}#mobile-fav{margin-right:30px}#mobile-fav,#mobile-member{width:30px;height:30px;cursor:pointer}#mobile-search{width:35px;height:35px;cursor:pointer;margin-right:25px}a,a:visited{text-decoration:none;color:#fff}#mobile-navbar-link :hover{text-shadow:2px 2px 2px #fff}#mobile-mobile-navbar-btn :hover{filter:drop-shadow(0 0 5px white)}#mobile-navbar-btn:hover .search-box,#mobile-navbar-btn:hover .search-container{filter:none;text-shadow:none}@media screen and (max-width:768px){#mobile-navbar-btn{display:flex}}.movie-not-found{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 155px);line-height:28px;padding:5%;word-break:break-word;white-space:break-spaces}.movie-not-found div{display:block;color:#cacaca;font-size:1.4rem;word-break:break-word}#notFoundimg{margin-bottom:30px}@media (max-width:600px){#notFoundimg{height:135px;width:240px}}.search-result-container{width:100%;margin:20px 0}.search-result{width:100%;height:calc(100vh - 155px);display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;overflow-x:hidden}.search-card{width:220px;margin:15px}.search-poster{width:170px}.search-card:hover .search-poster{transform:scale(1.1);transition:transform .5s ease-in}.search-title{margin:15px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}#query{color:#fff;font-size:25px;margin-top:120px;margin-left:30px;margin-bottom:20px}.no-list-movie{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 155px)}.no-list-movie div{display:block;color:#cacaca;font-size:1.4rem;word-break:break-word;position:absolute;top:50%;transform:translateY(-50%)}#noMovieInList{margin-bottom:30px;@media (max-width:600px){height:135px;width:240px}}.profile{display:flex;align-items:center;margin-bottom:10px}.owner-photo{width:20px;height:20px;border-radius:50%;margin-left:30px}#owner{color:#fff;font-size:16px;margin-left:10px}#list-shares{margin-left:20px}@media (max-width:768px){#query{margin-top:60px;margin-bottom:20px}.search-result-container{margin:20px 0}}@media (max-width:425px){#query{font-size:24px;width:80%}.search-card{width:150px;margin:10px}.search-poster{width:140px}#list-shares{margin-left:20px;position:absolute;left:36%}#list-shares div{width:140px;top:0}#list-shares div,#list-shares svg:last-child{margin-top:0;margin-left:20px}}@media (max-width:400px){#list-shares{left:25%}#list-shares div{width:140px;margin-top:0;margin-left:30px}#list-shares svg:last-child{margin-top:0;margin-left:20px}}
/*# sourceMappingURL=main.b81d9787.chunk.css.map */