.section{padding:1rem 1rem 1rem 6rem}.btn{border:1px solid var(--primary-accent-color);border-radius:5px;font-size:1rem;color:var(--primary-accent-color);cursor:pointer;display:inline-block;text-decoration:none;text-shadow:1px 1px rgba(0,0,0,.2);transition:var(--transition-three-ms);padding:.3rem .8rem}.btn.cursor-def{cursor:default}.btn.btn-md{font-size:1.1rem}.btn.active,.btn.btn-hv:hover{background-color:var(--primary-accent-color);color:#fff}.flx{display:flex}.flx.flx-cntr{justify-content:center;align-items:center}.flx.flx-clmn{flex-direction:column}.flx.flx-gap-sm{gap:.5rem}.flx.flx-gap-md{gap:1rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;outline:none;text-decoration:none;border:none;background:none;list-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{position:relative;background-color:var(--tertiary-bg-color);min-height:100vh;opacity:1;transition:var(--transition-three-ms);width:100%}.section-1{padding-left:5rem;display:flex;flex-direction:column;width:100vw;height:100vh;gap:.5rem}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}:root{--transition-three-ms:all 0.3s ease;--transition-four-ms:all 0.4s ease;--primary-bg-color:#fff;--secondary-bg-color:#f1f3f5;--tertiary-bg-color:#dee2e6;--quartenary-bg-color:#495057;--primary-text-color:#fff;--primary-text-color-inverted:#111;--footer-text-color:#343a40;--sidebar-bg-color:#f1f3f5;--expand-sec-bg-color:#f1f3f5;--primary-accent-color:#099268}.darkmode,:root{--secondary-accent-color:#087f5b}.darkmode{--primary-bg-color:#000;--secondary-bg-color:#111;--tertiary-bg-color:#222;--quartenary-bg-color:#adb5bd;--primary-text-color:#111;--primary-text-color-inverted:#fff;--footer-text-color:#adb5bd;--sidebar-bg-color:#000;--expand-sec-bg-color:#000;--primary-accent-color:#20c997}.disable-transitions{--transition-three-ms:all 0 ease;--transition-four-ms:all 0 ease}.section-header{color:var(--primary-text-color-inverted);padding:1rem 1rem 0;transition:var(--transition-three-ms);width:100%;position:relative;display:flex;align-items:center;gap:.5rem}.header-btns-container{display:flex;align-self:flex-start}.filter-icon-btn,.menu-btn{border-radius:50px;transition:var(--transition-four-ms);font-size:2.5rem;padding:.5rem;cursor:pointer;display:none}.filter-icon-btn:active,.menu-btn:active{background-color:var(--quartenary-bg-color)}.filter-icon-btn{color:var(--primary-accent-color)}.header-title{font-size:2rem}.header-filter{display:flex;flex-wrap:wrap;width:100%;align-items:center;gap:1rem}.header-filter-btn{border-radius:5px;font-size:1rem;background-color:var(--primary-accent-color);color:#fff;cursor:pointer;display:inline-block;text-shadow:1px 1px rgba(0,0,0,.2);transition:var(--transition-three-ms);padding:.2rem .6rem}.header-filter-btn:hover{background-color:var(--secondary-accent-color)}.filter-btn-container{background-color:var(--secondary-bg-color);position:absolute;width:90%;top:100%;margin:1rem;border-radius:5px;padding:1.5rem;left:0;display:flex;gap:.5rem;pointer-events:none;transform:translateY(-5%);transition:var(--transition-three-ms);opacity:0;visibility:hidden}.filters-btns{width:100%;display:flex;gap:.5rem;flex-wrap:wrap}.filters-btn{padding:.2rem .4rem;border-radius:5px;border:1px solid var(--primary-accent-color);color:var(--primary-accent-color);cursor:pointer;transition:var(--transition-three-ms)}.filters-btn.active{background-color:var(--primary-accent-color);color:#fff}.movie-main{display:flex;flex-direction:column;width:100%;max-height:90vh;overflow-y:scroll;padding:1rem 1rem 0;gap:1rem;position:relative;transition:var(--transition-three-ms)}.movie-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.movie-card{max-width:13rem;max-height:19.5rem;overflow:hidden;position:relative}.movie-card:hover .movie-info{opacity:1;transform:translate(-50%,-110%)}.movie-img{max-width:13rem;max-height:19.5rem;border-radius:5px;width:100%;position:relative;z-index:-1}.movie-info{background-color:var(--tertiary-bg-color);border-radius:5px;color:var(--primary-text-color-inverted);display:flex;flex-direction:column;gap:.5rem;transition:var(--transition-three-ms);transform:translate(-50%,-90%);text-align:center;top:100%;left:50%;opacity:0;width:95%;padding:1rem;position:absolute}.movie-title{font-size:1rem}.overlay-card{background-color:#000;border-radius:5px;width:100%;height:100%;transition:var(--transition-three-ms);opacity:0;position:absolute;top:0;left:0}.movie-card:hover .overlay-card{opacity:.8}.bm-icon{display:none;position:absolute;font-size:2.5rem;color:var(--primary-accent-color);z-index:3;top:-5px;left:0}.bm-icon.active{display:block}.expand-btn{display:flex;align-items:center;background:none;border-radius:5px;color:var(--primary-accent-color);cursor:pointer;gap:.3rem;font-size:1rem;width:100%;height:100%;opacity:0;padding:.5rem 1rem;position:absolute;top:0;left:0;justify-content:center;z-index:2}.expand-btn,.expand-icon{transition:var(--transition-three-ms)}.expand-icon{fill:var(--primary-accent-color);font-size:1.5rem}.movie-card:hover .expand-icon{font-size:1.6rem}.movie-expand{font-size:1rem;transition:var(--transition-three-ms)}.movie-card:hover .expand-btn{opacity:1}.copyright{padding:1rem;text-align:center;font-size:.9rem;color:var(--footer-text-color);border-top:1px solid var(--footer-text-color)}.copyright-user-link{text-decoration:none;position:relative;color:var(--primary-accent-color)}.copyright-user-link:after{content:"";width:0;height:1.5px;position:absolute;bottom:0;left:0;background-color:var(--primary-accent-color);transition:all .2s ease}.copyright-user-link:hover:after{width:100%}.card{align-self:center;background-color:var(--secondary-bg-color);border-radius:5px;display:flex;justify-content:center;align-items:center;max-width:13rem;max-height:19.5rem;text-align:center;flex-direction:column}.card-text{color:var(--primary-text-color-inverted);font-size:1.2rem;transition:var(--transition-three-ms)}.card.img-card{height:100%}.placeholder{height:20rem;width:100%}.loading-spinner:before{animation:loading-anim .8s linear infinite;animation-play-state:inherit;border:.3rem solid transparent;border-bottom:.3rem solid var(--primary-accent-color);border-radius:50%;content:"";height:3rem;width:3rem;position:absolute;top:50%;left:50%}.loading-spinner:after{animation:loading-anim .8s linear infinite;animation-play-state:inherit}.loading-spinner2:before,.loading-spinner:after{border:.3rem solid transparent;border-bottom:.3rem solid var(--primary-accent-color);border-radius:50%;content:"";height:2rem;width:2rem;position:absolute;top:50%;left:50%}.loading-spinner2:after,.loading-spinner2:before{animation:loading-anim2 .8s linear infinite;animation-play-state:inherit;transform:translate3d(-50%,-50%,0) rotate(180deg)}.loading-spinner2:after{border:.3rem solid transparent;border-bottom:.3rem solid var(--primary-accent-color);border-radius:50%;content:"";height:3rem;width:3rem;position:absolute;top:50%;left:50%}@keyframes loading-anim{0%{transform:translate3d(-50%,-50%,0) rotate(0deg)}to{transform:translate3d(-50%,-50%,0) rotate(1turn)}}@keyframes loading-anim2{0%{transform:translate3d(-50%,-50%,0) rotate(180deg)}to{transform:translate3d(-50%,-50%,0) rotate(540deg)}}.movie-pagination{display:flex;flex-wrap:wrap;padding:.5rem;gap:.5rem;justify-content:center;align-items:center;transition:var(--transition-three-ms)}.movie-pagination button{color:var(--primary-accent-color);cursor:pointer;border-radius:100px;transition:var(--transition-three-ms)}.btn-arrow{padding:.5rem 1rem;border:1px solid var(--primary-accent-color)}.btn-arrow:hover,.btn-page-num.active,.btn-page-num:hover{color:#fff;background-color:var(--primary-accent-color)}.btn-page-num{font-size:1rem;padding:.25rem .5rem}.movie-sidebar-nav{background-color:var(--sidebar-bg-color);height:100vh;width:5rem;transition:var(--transition-four-ms);text-align:center;padding:1rem 1.5rem 1rem .5rem;position:fixed;z-index:104}.movie-sidebar-nav,.nav-lists{display:flex;gap:1rem;flex-direction:column}.nav-lists{transition:var(--transition-three-ms)}.movie-sidebar-nav.active .nav-lists{transform:translateY(-15%)}.nav-list,.search-input-container{border-radius:8px;height:2.5rem;width:100%;margin:0 .5rem;position:relative}.nav-btn,.nav-form-btn{align-items:center;border-radius:8px;color:var(--primary-text-color-inverted);cursor:pointer;display:flex;gap:1rem;padding:.3rem .8rem;transition:var(--transition-three-ms)}.nav-btn:hover{background-color:var(--tertiary-bg-color)}.movie-sidebar-nav.active .nav-btn{padding:.3rem 1rem}.nav-btn .nav-title{transition:var(--transition-three-ms);transform:translateX(-10%);position:relative;font-weight:500;font-size:1rem;left:.5rem;pointer-events:none;visibility:hidden;opacity:0}.movie-sidebar-nav.active .nav-title{opacity:1;position:relative;left:0;pointer-events:auto;visibility:visible;transform:translateX(0)}.movie-sidebar-nav .bx{border-radius:8px;font-size:1.5rem;height:2.5rem;max-width:2.5rem;line-height:2.5rem;text-align:center}.nav-list .bx.active{color:var(--primary-accent-color);animation:icon-anim .35s linear normal;animation-play-state:inherit}.movie-sidebar-nav .secondary-title{color:var(--primary-text-color-inverted);transform:translate(15%,-50%);text-align:left;font-weight:600;font-size:1rem;opacity:0;position:absolute;top:50%;left:3rem;width:10rem;pointer-events:none;visibility:hidden;transition:var(--transition-three-ms);z-index:10}.nav-list:hover .secondary-title,.search-input-container:hover .secondary-title{visibility:visible;opacity:1;pointer-events:auto;transform:translate(20%,-50%);display:block}.movie-sidebar-nav.active .secondary-title{display:none}.sidebar-form{margin-top:1.5rem;height:100%;width:100%;position:relative;cursor:pointer;z-index:3}.movie-sidebar-nav.active .sidebar-form{cursor:auto}.sidebar-form:hover,.sidebar-search-input{background-color:var(--tertiary-bg-color);border-radius:8px}.sidebar-search-input{height:100%;width:100%;font-size:1rem;font-weight:500;transition:var(--transition-three-ms);padding:.5rem .5rem .5rem 2.5rem;position:absolute;top:0;left:0;opacity:0;visibility:hidden;pointer-events:none}.movie-sidebar-nav.active .sidebar-search-input{opacity:1;pointer-events:auto;color:var(--primary-text-color-inverted);visibility:visible}.sidebar-search-btn{color:var(--primary-text-color-inverted);cursor:pointer;transition:var(--transition-three-ms);position:absolute;top:0;left:.2rem;z-index:3}.sidebar-search-btn .bx{width:3rem}.movie-sidebar-nav.active .sidebar-search-btn{color:var(--primary-accent-color)}.sidebar-expand-btn{right:0;top:0;position:relative}.movie-sidebar-nav.active .sidebar-expand-btn{position:absolute;opacity:1}.logo-container{align-items:center;color:var(--primary-text-color-inverted);display:flex;gap:.5rem;transition:var(--transition-three-ms);position:relative;top:.5rem;left:.5rem}.logo-img{width:3.5rem}.logo-name{pointer-events:none;visibility:hidden;transition:var(--transition-three-ms);transform:translateX(-10%);opacity:0}.movie-sidebar-nav.active .logo-container{left:1rem}.movie-sidebar-nav.active .logo-name{pointer-events:auto;visibility:visible;transform:translateX(0);opacity:1}.sidebar-footer{margin-top:auto}.settings-icon{color:var(--primary-text-color-inverted);font-size:1.5rem;transition:var(--transition-four-ms)}.settings-icon.spin{transform:rotate(1turn)}@keyframes icon-anim{0%{transform:scale(1.05) rotate(20deg)}50%{transform:scale(1.1) rotate(-20deg)}75%{transform:scale(1.05) rotate(-10deg)}to{transform:scale(1) rotate(0deg)}}.back-btn{width:6rem}.expand-sec{position:relative}.expansion-section{background-color:var(--tertiary-bg-color);display:flex;height:100vh;width:100vw;flex-direction:column;transition:var(--transition-three-ms);gap:1rem;top:0;left:0;overflow-y:scroll;opacity:0;visibility:hidden;pointer-events:none;position:absolute;z-index:100}.expansion-section.active{opacity:1;visibility:visible;pointer-events:auto}.video-overview-container{display:flex;flex-direction:column;gap:1rem}.video-trailer-container{max-width:85%;transition:var(--transition-three-ms)}.poster-container{border-radius:5px;padding-bottom:52%;position:relative;height:0;transition:var(--transition-four-ms);z-index:10}.video-trailer-container.show-trailer .poster-container{pointer-events:none;opacity:0;visibility:hidden}.video-poster-path{border-radius:5px}.overlay-poster,.video-poster-path{width:100%;height:100%;position:absolute;top:0;left:0}.overlay-poster{background:linear-gradient(45deg,rgba(0,0,0,.9),rgba(0,0,0,.15))}.close-video{color:#fff;cursor:pointer;padding:.3rem .8rem;font-size:1rem;border-radius:5px;background-color:var(--secondary-accent-color);transition:var(--transition-three-ms);position:absolute;right:-2%;top:-5%;z-index:44;pointer-events:none;opacity:0;visibility:hidden}.close-video:hover{background-color:var(--primary-accent-color)}.close-video.active{pointer-events:auto;opacity:1;visibility:visible}.trailer-video{border-radius:5px;width:100%;height:100%;position:absolute;opacity:0;visibility:hidden;pointer-events:none;top:0;left:0;transition:var(--transition-four-ms)}.video-trailer-container.show-trailer .trailer-video{opacity:1;visibility:visible;pointer-events:auto}.secondary-poster-overview{display:none}.poster-desc-container{width:80%;display:flex;flex-direction:column;gap:.5rem;position:absolute;bottom:2rem;left:2rem;z-index:3}.poster-title{color:#20c997;font-size:3.5vw;font-weight:600}.poster-btn{display:flex;color:#fff;align-items:center;width:fit-content;gap:.5rem}.poster-btn i{font-size:1.5rem;color:#fff}.watch-trailer-btn i{font-size:1.8rem}.poster-genre-tags{display:flex;gap:.5rem;flex-wrap:wrap}.poster-genre-tag{display:inline-block}.trailer-overview{display:flex;flex-direction:column;gap:1rem;padding-right:.5rem;width:85%}.trailer-desc-container{width:95%;display:flex;flex-direction:column;gap:.5rem}.trailer-desc{color:var(--primary-text-color-inverted);font-size:1rem;line-height:1.5}.movie-stats{display:flex;gap:1rem;width:85%;justify-content:start;align-items:center;position:relative}.rating-container{border:1px solid var(--primary-accent-color);width:7rem;height:7rem;border-radius:5px}.rating-text{font-size:1.7rem;color:var(--primary-accent-color)}.rating-count{font-size:.6rem;color:var(--quartenary-bg-color)}.other-details{color:var(--primary-text-color-inverted);display:flex;gap:.5rem;flex-direction:column}.other-details mark{color:var(--primary-accent-color)}.other-detail{font-size:.9rem}.bookmark-btn{position:absolute;right:0;top:0}.bookmark-btn:active{transform:scale(.95)}.icon-bm{font-size:1.2rem}.casts-section{margin:1rem 0;width:100%;padding:.5rem;flex-direction:column;gap:.5rem}.cast-sec-title{color:var(--primary-text-color-inverted);font-weight:500;font-size:2rem}.casts-container{display:flex;flex-wrap:wrap;gap:1rem}.cast-container{gap:.5rem;text-align:center}.cast-container,.picture-cicle{display:flex;flex-direction:column;width:10rem}.picture-cicle{border-radius:5px;border:2px solid var(--primary-accent-color);height:13rem;overflow:hidden;justify-content:center;align-items:center}.picture-cicle.img-unavailable:hover{background-color:var(--primary-accent-color);transition:var(--transition-three-ms)}.picture-cicle.img-unavailable:hover i,.picture-cicle.img-unavailable:hover p{transition:var(--transition-three-ms);color:#fff}.cast-picture{width:100%;transition:var(--transition-four-ms)}.cast-picture:hover{transform:scale(1.1)}.cast-name{color:var(--primary-text-color-inverted);width:100%;font-size:1rem}.ph-icon{font-size:3rem}.img-unavailable-text,.ph-icon,.show-casts-btn{color:var(--primary-accent-color)}.show-casts-btn{border-radius:5px;border:2px solid var(--primary-accent-color);min-width:9rem;height:13rem;cursor:pointer;font-size:1rem}.show-casts-btn,.show-casts-btn span{transition:var(--transition-three-ms)}.show-casts-btn span{display:inline-block;transform:translateX(0)}.show-casts-btn:hover{background-color:var(--primary-accent-color);color:#fff}.show-casts-btn:hover span{transform:translateX(50%)}.all-casts-section{display:flex;flex-direction:column;gap:1rem}.all-casts-title{font-size:2rem;color:var(--primary-accent-color);font-weight:500}.all-casts-container{display:flex;gap:1rem;flex-wrap:wrap}.settings-container{display:flex;flex-direction:column;background-color:var(--sidebar-bg-color);box-shadow:0 0 30px 10px rgba(0,0,0,.2);border-radius:5px;width:20rem;position:absolute;top:50%;left:50%;visibility:hidden;pointer-events:none;opacity:0;transition:var(--transition-three-ms);transform:translate(-50%,-50%) scale(.98);padding:1rem;z-index:999}.settings-header{padding:.5rem 1rem;border-bottom:1px solid var(--quartenary-bg-color)}.settings-header-title{font-weight:500}.settings-header-title,.settings-lists{color:var(--primary-text-color-inverted);display:flex}.settings-lists{padding:.5rem 1rem;flex-direction:column;gap:.5rem;width:100%}.settings-list{display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings-footer{margin-top:auto;padding:.5rem 1rem}.settings-list{position:relative}.experimental-txt{font-size:.8rem;position:absolute;top:-20%;left:0;color:var(--primary-accent-color)}.toggler-list{margin-top:auto;cursor:pointer}.toggler-btn,.toggler-list{display:flex;align-items:center;justify-content:center}.toggler-btn{background-color:#adb5bd;border-radius:2.5rem;position:relative;height:2.5rem;width:1.5rem;transition:var(--transition-three-ms);z-index:10;transform:rotate(-90deg)}.toggler-list.active .toggler-btn{background-color:var(--primary-accent-color)}.toggle-circle{animation:dark-toggle-off-anim .3s linear normal;animation-play-state:inherit;border-radius:100px;width:75%;height:45%;position:absolute;top:5%;left:50%;transform:translate(-50%,10%);border:3px solid #fff;background-color:#555;transition:var(--transition-three-ms);display:flex;align-items:center;justify-content:center}.toggler-list.active .toggle-circle{transform:translate(-50%,95%);background-color:#fff}.overlay-main{background-color:var(--primary-bg-color);width:100%;height:100%;transition:var(--transition-three-ms);position:absolute;top:0;left:0;opacity:0;pointer-events:none;visibility:hidden;z-index:4}.overlay-main.show{opacity:.65;pointer-events:auto;visibility:visible}.error-msg{display:flex;margin:auto;gap:.5rem;text-align:center;height:50vh;width:100%;font-size:1.3rem;flex-direction:column;justify-content:center;align-items:center}.error-msg span{width:50%}.filter-btn-container.show{pointer-events:auto;opacity:1;visibility:visible;transform:unset;z-index:999}.settings-container.show{visibility:visible;pointer-events:auto;opacity:1;transform:translate(-50%,-50%) scale(1)}.movie-sidebar-nav.active{width:15rem}.movie-main.shrink,.movie-pagination.shrink,.section-header.shrink{transform:scale(.95)}@media screen and (max-width:580px){html{font-size:80%}.section-1{padding-left:0}.section{margin:auto auto auto 0;padding:1rem}.movie-card:hover .movie-info{opacity:0;transform:unset}.filter-icon-btn,.menu-btn{display:block}.header-filter-btn{display:none}.movie-sidebar-nav{transform:translateX(-100%);width:15rem}.movie-sidebar-nav.active{transform:unset;width:15rem}.sidebar-expand-btn{opacity:0}.sidebar-footer{transform:translateY(-100%);margin-top:unset}.expand-sec{flex-wrap:wrap}.video-trailer-container{max-width:100%}.movie-stats,.trailer-desc-container,.trailer-overview{width:100%}.poster-title{font-size:2rem}#main-poster-title,.btn-title{display:none}.secondary-poster-overview{display:block}}@media screen and (max-width:410px){.bookmark-btn{position:relative;align-self:start}}@media screen and (max-width:700px){.movie-cards{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:400px){.movie-cards{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:300px){.header-title{font-size:1.8rem}.settings-container{width:95vw}.error-msg span{width:auto}.filter-btn-container{height:50vh;overflow-y:scroll;overflow-x:hidden}}@media screen and (max-width:250px){.filter-icon-btn,.menu-btn{padding:.2rem}.movie-cards{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:200px){.section-header{display:flex;flex-direction:column-reverse}.header-btns-container{flex-direction:row-reverse}}@media screen and (max-height:550px){.movie-sidebar-nav{overflow-y:scroll;overflow-x:hidden}}
/*# sourceMappingURL=/styles.9c2da989.css.map */