@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap);*{box-sizing:border-box;font-family:Open Sans,sans-serif;margin:0;padding:0}.hide{display:none}html{background-color:#171717;color:#fff}.page{flex:1 1;padding:1rem}@media (min-width:1100px){.page-with-navbar{margin-left:11.5rem}}footer{bottom:0;color:hsla(0,0%,51%,.5);font-size:small;padding:10px;text-align:center}.movie-card{grid-column-gap:1rem;grid-row-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.movie-image-container{border-radius:15px;position:relative}.movie-card-carousel,.movie-image{border-radius:15px;width:100%}.movie-card-carousel{cursor:pointer;margin:1rem 2rem 2rem;max-width:150px;position:relative}.movie-image-carousel{border-radius:15px;max-height:14rem;object-fit:cover;transition:all .3s ease-out;width:100%}.movie-info{align-items:center;background-color:rgba(0,0,0,.9);border-radius:15px;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:15px;font-weight:700;justify-content:center;left:0;opacity:0;position:absolute;right:0;text-align:center;top:0;transition:opacity .5s ease-out}.movie-card-carousel:hover .movie-info,.movie-image-container:hover .movie-info{opacity:1}@media (min-width:800px) and (max-width:1023px){.movie-card{grid-template-columns:repeat(3,minmax(250px,calc(33% - 1rem)))}}@media (min-width:1024px) and (max-width:1279px){.movie-card{grid-template-columns:repeat(auto-fit,minmax(250px,calc(25% - 1rem)))}}@media (min-width:1280px){.movie-card{grid-template-columns:repeat(auto-fit,minmax(250px,calc(20% - 1rem)))}}@media (max-width:550px){.movie-card{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.movie-poster{height:auto;margin:1rem 25px 2rem;max-width:420px;width:100%}.poster{align-items:center;background-color:rgba(0,0,0,.8);color:#fff;display:flex;flex-direction:column;font-weight:700;height:100%;justify-content:center;opacity:0;position:absolute;transition:opacity .5s ease-out;width:100%}.poster-info{bottom:0;font-size:12px;height:28%;opacity:1}.poster-about{border-radius:15px;height:100%;top:0}.poster-about p{font-size:13px;line-height:1.5;margin:0 5%;opacity:1;text-align:left;text-justify:inter-word}.movie-poster:hover .poster-info{display:none}.movie-poster:hover .poster-about{opacity:1}@media (max-width:629px){.movie-poster{max-width:380px}.poster-about p{font-size:11px;margin:0 5px}}@media (max-width:570px){.movie-poster{max-width:340px}.poster-about p{font-size:10px;margin:0 5px}}@media (max-width:400px){.movie-poster{max-width:300px}.poster-about p{font-size:9px;margin:0 5px}}@media (max-width:340px){.movie-poster{max-width:220px}.poster-about p{font-size:8px;margin:0 5px}}@font-face{fallback:fallback;font-family:revicons;src:url(/static/media/revicons.e8746a624ed098489406.woff) format("woff"),url(/static/media/revicons.57fd05d4ae650374c8de.ttf) format("ttf"),url(/static/media/revicons.a77de540a38981833f9e.eot) format("ttf")}.react-multi-carousel-list{align-items:center;display:flex;overflow:hidden;position:relative}.react-multi-carousel-track{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:row;list-style:none;margin:0;padding:0;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform,transition}.react-multiple-carousel__arrow{background:rgba(0,0,0,.5);border:0;border-radius:35px;cursor:pointer;min-height:43px;min-width:43px;opacity:1;outline:0;position:absolute;transition:all .5s;z-index:1000}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,.8)}.react-multiple-carousel__arrow:before{color:#fff;display:block;font-family:revicons;font-size:20px;position:relative;text-align:center;z-index:2}.react-multiple-carousel__arrow:disabled{background:rgba(0,0,0,.5);cursor:default}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:"\e825"}.react-multi-carousel-dot-list{bottom:0;display:flex;justify-content:center;left:0;list-style:none;margin:0;padding:0;position:absolute;right:0;text-align:center}.react-multi-carousel-dot button{border:2px solid grey;border-radius:50%;box-shadow:none;cursor:pointer;display:inline-block;height:12px;margin:0 6px 0 0;opacity:1;outline:0;padding:0;transition:background .5s;width:12px}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{left:calc(4% + 1px);right:auto}.rtl.react-multiple-carousel__arrow--right:before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:"\e825"}.title{font-size:25px;margin-left:2rem;margin-top:40px}.carousel-item{box-sizing:border-box;padding-right:10px}.error-container,.loading-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.error-container{color:#fff;flex-direction:column;font-size:2rem;font-weight:700;padding:1rem;text-align:center}.error-container img{height:100px;margin-bottom:1rem;width:100px}@media (max-width:600px){.error-container{font-size:1.2rem}}form{margin-top:2.5rem}.search-bar{position:relative}input[type=text]{border:1px solid #ccc;border-radius:2rem;font-size:1rem;height:2rem;margin-right:.625rem;padding-left:2.5rem;width:18rem}.search-icon{color:#6b6a6a;font-size:.9375rem;left:.625rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}input[type=text].error{border:2px solid red;transition:border-color .3s ease,background-color .3s ease}input[type=text]:focus{outline:none}.search-icon.error,.search-input.error{-webkit-animation:shake .3s ease-in-out;animation:shake .3s ease-in-out}@-webkit-keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}10%,90%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}20%,80%{-webkit-transform:translateX(5px);transform:translateX(5px)}30%,50%,70%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%,60%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}10%,90%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}20%,80%{-webkit-transform:translateX(5px);transform:translateX(5px)}30%,50%,70%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%,60%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.filter-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:2rem}.filter-container button{background:#171717;border:2px solid #fff;border-radius:2rem;color:#fff;cursor:pointer;font-weight:700;margin-bottom:2rem;margin-right:.5rem;min-width:4rem;overflow:hidden;padding:.5rem 3rem;text-overflow:ellipsis;white-space:nowrap}.filter-container button.active{background:#fff;color:#1e1e1e}@media (max-width:600px){.filter-container button{margin-bottom:.5rem;margin-right:.25rem;padding:.5rem;width:6rem}}.sort-dropdown-container{display:inline-block;position:relative;top:1.2rem}.sort-dropdown-container select{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:2rem;font-size:1rem;height:2rem;padding-left:.625rem;padding-right:1.7rem;width:14rem}.sort-dropdown-container:after{color:#6b6a6a;content:"▼";font-size:.9375rem;pointer-events:none;position:absolute;right:.625rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.sort-dropdown-container select:focus{border-color:#aaa;outline:none}.load-more-container{display:flex;justify-content:center;margin-top:20px}.load-more-text{background-color:#1686c6;border-radius:24px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:8px 16px;text-align:center;transition:background-color .2s ease-in-out}.load-more-text:active,.load-more-text:hover{background-color:#1678c6}.search-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:1rem}.movie-details{align-items:center;display:flex;margin:2rem auto 2rem 0;position:relative}.movie-detail-poster{border-radius:15px;height:300px;margin-right:2rem;object-fit:cover;width:200px}.movie-detail-info{flex:1 1}.movie-detail-title{font-size:2rem;margin-bottom:1rem}.movie-detail-overview{font-size:1.2rem;line-height:1.5;margin-bottom:1rem}.movie-rating{align-items:center;display:flex;margin-bottom:1rem}.star-icon{color:gold;margin-right:.5rem}.header,.rating-value{font-size:1.2rem;margin:0}.trailer-vid{height:0;padding-bottom:56.25%;position:relative}.trailer-vid embed,.trailer-vid iframe,.trailer-vid object{border-radius:25px;height:100%;left:0;position:absolute;top:0;width:100%}.trailer-card{margin-bottom:20px;padding:10px}.cast-names{display:flex;flex-wrap:wrap;margin-top:1rem}.cast-names p{border:1px solid #fff;border-radius:20px;color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;margin-right:1rem;padding:1rem;text-align:center}@media (max-width:600px){.movie-details{flex-direction:column}.movie-detail-poster{height:auto;margin-bottom:1rem;margin-right:0;width:100%}.movie-detail-info{margin-top:1rem}.movie-detail-title{font-size:1.5rem}.header,.movie-detail-overview,.rating-value{font-size:1rem}.trailer-vid{height:0;margin-top:2rem;padding-bottom:56.25%}.trailer-vid embed,.trailer-vid iframe,.trailer-vid object{border-radius:10px}}@media (min-width:601px) and (max-width:1199px){.movie-details{flex-direction:row}.movie-detail-poster{align-self:flex-start;height:450px;margin-right:2rem;width:290px}.movie-detail-info{margin-top:0}.movie-detail-title{font-size:1.75rem}.header,.movie-detail-overview,.rating-value{font-size:1.1rem}.trailer-vid{height:0;margin-top:2rem;padding-bottom:50%}.trailer-vid embed,.trailer-vid iframe,.trailer-vid object{border-radius:15px}}@media (min-width:1200px){.movie-details{max-width:1250px}.movie-detail-poster{height:450px;margin-right:3rem;width:300px}.movie-detail-title{font-size:2rem;margin-bottom:1.5rem}.movie-detail-overview{font-size:1.2rem;margin-bottom:1.5rem}.header,.rating-value{font-size:1.5rem}.trailer-vid{margin-top:2rem;padding-bottom:40%}.trailer-vid embed,.trailer-vid iframe,.trailer-vid object{border-radius:25px;height:100%;width:100%}}.button{background-color:initial;border:1px solid transparent;border-radius:.25rem;color:#212529;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle}.button:hover{background-color:#e9ecef;border-color:#dae0e5;color:#212529}.button:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0}.button:disabled{cursor:not-allowed;opacity:.65}@media screen and (max-width:600px){.button{padding:12px 0;width:100%}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}nav{background-color:#171717;border-right:.5px solid #fff;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow-y:auto;padding:2rem 1rem 1rem;position:fixed;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;z-index:10000}.sidebar{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.nav-link{align-items:center;border-radius:5px;color:#838383;cursor:pointer;display:flex;margin-bottom:5px;padding:10px 1rem;text-decoration:none}.active-nav{color:#fff}.nav-link span{margin-left:10px}.nav-top{align-items:center;background-color:#1e1d1d;border-bottom:.5px solid #fff;display:flex;height:40px;position:fixed;width:100%;z-index:10001}.nav-btn{background:transparent;border:none;color:#fff;cursor:pointer;margin:0 10px;outline:none}
/*# sourceMappingURL=main.8e04d4d5.css.map*/