@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap";:root{--first-color: #9D4BFF;--first-color-dark: #23004D;--first-color-light: #A49EAC;--first-color-lighten: #F2F2F2;--body-font: "Open Sans", sans-serif;--h1-font-size: 1.5rem;--normal-font-size: .938rem;--small-font-size: .813rem}@media screen and (min-width: 768px){:root{--normal-font-size: 1rem;--small-font-size: .875rem}}*,:before,:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--body-font);font-size:var(--normal-font-size);color:var(--first-color-dark)}h1{margin:0}a{text-decoration:none}img{max-width:100%;height:auto;display:block}.login{display:grid;grid-template-columns:100%;height:100vh;margin-left:1.5rem;margin-right:1.5rem}.login__content{margin-top:4%;display:grid}.login__img{justify-self:center}.login__img img{width:310px;margin-top:1.5rem}.login__forms{position:relative;height:368px}.login__forms .error{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:relative;padding:12px;display:flex;flex-direction:row;align-items:center;justify-content:start;border-radius:50px;background:-webkit-linear-gradient(to right,#f45c43,#eb3349);background:linear-gradient(to right,#f45c43,#eb3349);box-shadow:0 0 10px #de1c3280}.login__forms .error__icon{width:20px;height:20px;transform:translateY(-2px);margin-right:8px;filter:drop-shadow(2px 1px 2px rgba(0,0,0,.4))}.login__forms .error__icon path{fill:#fff}.login__forms .error__title{font-weight:500;font-size:14px;color:#fff}.login__forms .error__close{width:20px;height:20px;cursor:pointer;margin-left:auto;filter:drop-shadow(2px 1px 2px rgba(0,0,0,.4))}.login__forms .error__close path{fill:#fff}.login__registre,.login__create{position:absolute;bottom:1rem;width:100%;background-color:var(--first-color-lighten);padding:2rem 1rem;border-radius:1rem;text-align:center;box-shadow:0 8px 20px #23004d33;animation-duration:.4s;animation-name:animate-login}@keyframes animate-login{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.login__title{font-size:var(--h1-font-size);margin-bottom:2rem}.login__box{display:grid;grid-template-columns:max-content 1fr;column-gap:.5rem;padding:1.125rem 1rem;background-color:#fff;margin-top:1rem;border-radius:.5rem}.login__icon{font-size:1.5rem;color:var(--first-color)}.login__input{border:none;outline:none;font-size:var(--normal-font-size);font-weight:700;color:var(--first-color-dark)}.login__input::placeholder{font-size:var(--normal-font-size);font-family:var(--body-font);color:var(--first-color-light)}.login__forgot{display:block;width:max-content;margin-left:auto;margin-top:.5rem;font-size:var(--small-font-size);font-weight:600;color:var(--first-color-light)}.login__button{width:100%;display:block;padding:1rem;margin:2rem 0;background-color:var(--first-color);color:#fff;font-weight:600;text-align:center;border-radius:.5rem;transition:.3s}.login__button:hover{background-color:var(--first-color-dark)}.login__account,.login__signin,.login__signup{font-weight:600;font-size:var(--small-font-size)}.login__account{color:var(--first-color-dark)}.login__signin,.login__signup{color:var(--first-color);cursor:pointer}.login__social{margin-top:2rem}.login__social-icon{font-size:1.5rem;color:var(--first-color-dark);margin:0 1.5rem}.block{display:block}.none{display:none}@media screen and (min-width: 576px){.login__content{margin-top:4%}.login__forms{width:348px;justify-self:center}.login__img{margin-top:auto}}@media screen and (min-width: 1024px){.login{height:100vh;overflow:hidden}.login__content{grid-template-columns:repeat(2,max-content);justify-content:center;align-items:center;margin-left:10rem}.login__img{display:flex;width:600px;height:588px;background-color:var(--first-color-lighten);border-radius:1rem;padding-left:1rem;margin-top:0}.login__img img{width:390px;margin-top:0}.login__registre,.login__create{left:-11rem}.login__registre{bottom:-2rem}.login__create{bottom:-5.5rem}}.header{position:fixed;transform:translateY(0);width:100%;height:60px;z-index:1;display:flex;align-items:center;transition:all ease .5s;z-index:2}.header.top{background:#00000040;backdrop-filter:blur(3.5px);-webkit-backdrop-filter:blur(3.5px)}.header.show{background-color:var(--black3)}.header.hide{transform:translateY(-60px)}.header .contentWrapper{display:flex;align-items:center;justify-content:space-between}.header .logo{display:flex;flex-direction:row;cursor:pointer}.header .logo img{height:50px}.header .logo .pro_btn{margin-top:5%;width:50px;height:30px;border:none;border-radius:7px;background:linear-gradient(to right,#77530a,#ffd277,#77530a,#77530a,#ffd277,#77530a);background-size:250%;background-position:left;color:#ffd277;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition-duration:1s;overflow:hidden}.header .logo .pro_btn:before{position:absolute;content:"Pro";color:#ffd277;display:flex;align-items:center;justify-content:center;width:97%;height:90%;border-radius:8px;transition-duration:1s;background-color:#000000d7;background-size:200%}.header .logo .pro_btn:hover{background-position:right;transition-duration:1s}.header .logo .pro_btn:hover:before{background-position:right;transition-duration:1s}.header .logo .pro_btn:active{transform:scale(.95)}.header .menuItems{list-style-type:none;display:none;align-items:center}@media only screen and (min-width: 768px){.header .menuItems{display:flex}}.header .menuItems .menuItem{height:60px;display:flex;align-items:center;margin:0 15px;color:#fff;font-weight:500;position:relative;cursor:pointer}.header .menuItems .menuItem.searchIcon{margin-right:0}.header .menuItems .menuItem svg{font-size:18px}.header .menuItems .menuItem:hover{color:var(--pink)}.header .menuItems .menuItem .button{width:fit-content;display:flex;padding:.8em 1.1em;gap:.4rem;border:none;font-weight:700;border-radius:30px;cursor:pointer;text-shadow:2px 2px 3px rgba(136,0,136,.5);background:linear-gradient(15deg,#808,#aa2068,#cc3f47,#de6f3d,#f09f33,#de6f3d,#cc3f47,#aa2068,#808) no-repeat;background-size:300%;background-position:left center;transition:background .3s ease;color:#fff}.header .menuItems .menuItem .button:hover{background-size:320%;background-position:right center}.header .menuItems .menuItem .button:hover svg{fill:#fff}.header .menuItems .menuItem .button svg{width:23px;fill:#f09f33;transition:.3s ease}.header .mobileMenuItems{display:flex;align-items:center;gap:20px}@media only screen and (min-width: 768px){.header .mobileMenuItems{display:none}}.header .mobileMenuItems svg{font-size:18px;color:#fff}.header.mobileView{background:var(--black3)}.header.mobileView .menuItems{display:flex;position:absolute;top:60px;left:0;background:var(--black3);flex-direction:column;width:100%;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);animation:mobileMenu .3s ease forwards}.header.mobileView .menuItems .menuItem{font-size:20px;width:100%;height:auto;padding:15px 20px;margin:0;display:flex;flex-direction:column;align-items:flex-start}.header.mobileView .menuItems .menuItem:last-child{display:none}.header .searchBar{width:100%;height:60px;background-color:#fff;position:absolute;top:60px;animation:mobileMenu .3s ease forwards}.header .searchBar .searchInput{display:flex;align-items:center;height:40px;margin-top:10px;width:100%}.header .searchBar .searchInput svg{font-size:20px;flex-shrink:0;margin-left:10px;cursor:pointer}.header .searchBar .searchInput input{width:100%;height:50px;background-color:#fff;outline:0;border:0;border-radius:30px 0 0 30px;padding:0 15px;font-size:14px}@media only screen and (min-width: 768px){.header .searchBar .searchInput input{height:60px;font-size:20px;padding:0 30px}}@keyframes mobileMenu{0%{transform:translateY(-130%)}to{transform:translateY(0)}}.contentWrapper{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.footer{background-color:var(--black3);padding:50px 0;color:#fff;position:relative}.footer .contentWrapper{display:flex;align-items:center;flex-direction:column}.footer .menuItems{list-style-type:none;display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}@media only screen and (min-width: 768px){.footer .menuItems{margin-bottom:30px;gap:30px}}.footer .menuItems .menuItem{transition:all ease .3s;cursor:pointer;font-size:12px}@media only screen and (min-width: 768px){.footer .menuItems .menuItem{font-size:16px}}.footer .menuItems .menuItem:hover{color:var(--pink)}.footer .infoText{font-size:12px;line-height:20px;opacity:.5;text-align:center;max-width:800px;margin-bottom:20px}@media only screen and (min-width: 768px){.footer .infoText{font-size:14px;margin-bottom:30px}}.footer .socialIcons{display:flex;align-items:center;justify-content:center;gap:10px}.footer .socialIcons .icon{width:50px;height:50px;border-radius:50%;background-color:var(--black);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all ease .3s}.footer .socialIcons .icon:hover{box-shadow:0 0 .625em var(--pink);color:var(--pink)}.carouselSection{position:relative;margin-bottom:70px}.carouselSection>.contentWrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.carouselSection .carouselTitle{font-size:24px;color:#fff;font-weight:400}.heroBanner{width:100%;height:450px;background-color:var(--black);display:flex;align-items:center;position:relative}@media only screen and (min-width: 768px){.heroBanner{height:700px}}.heroBanner .backdrop-img{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.5;overflow:hidden}.heroBanner .backdrop-img .lazy-load-image-background{width:100%;height:100%}.heroBanner .backdrop-img .lazy-load-image-background Img{width:100%;height:100%;object-fit:cover;object-position:center}.heroBanner .opacity-layer{width:100%;height:250px;background:linear-gradient(180deg,#04152d00,#04152d 79.17%);position:absolute;bottom:0;left:0}.heroBanner .heroBannerContent{display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;position:relative;max-width:800px;margin:0 auto}.heroBanner .heroBannerContent .title{font-size:50px;font-weight:700;margin-bottom:10px}@media only screen and (min-width: 768px){.heroBanner .heroBannerContent .title{margin-bottom:0;font-size:90px}}.heroBanner .heroBannerContent .subTitle{font-size:18px;font-weight:500;margin-bottom:40px}@media only screen and (min-width: 768px){.heroBanner .heroBannerContent .subTitle{font-size:24px}}.heroBanner .heroBannerContent .searchInput{display:flex;align-items:center;width:100%}.heroBanner .heroBannerContent .searchInput input{width:calc(100% - 100px);height:50px;background-color:#fff;outline:0;border:0;border-radius:30px 0 0 30px;padding:0 15px;font-size:14px}@media only screen and (min-width: 768px){.heroBanner .heroBannerContent .searchInput input{width:calc(100% - 150px);height:60px;font-size:20px;padding:0 30px}}.heroBanner .heroBannerContent .searchInput button{width:100px;height:50px;background:var(--gradient);color:#fff;outline:0;border:0;border-radius:0 30px 30px 0;font-size:16px;cursor:pointer}@media only screen and (min-width: 768px){.heroBanner .heroBannerContent .searchInput button{width:150px;height:60px;font-size:18px}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.search{width:100%;align-items:right;display:flex;flex-direction:row}@media only screen and (min-width: 768px){.search{flex-direction:row}}.search .react-select-container.sortbyDD{width:calc(100% - 100px);flex-shrink:0}@media only screen and (min-width: 768px){.search .react-select-container.sortbyDD{width:calc(100% - 150px)}}.search .react-select-container .react-select__control{text-align:left;height:50px;border:0;outline:0;box-shadow:none;background-color:#fff;border-radius:30px 0 0 30px;padding:0 10px;font-size:14px}@media only screen and (min-width: 768px){.search .react-select-container .react-select__control{height:60px;font-size:20px;padding:0 15px}}.search .react-select-container .react-select__control .react-select__value-container .react-select__placeholder,.search .react-select-container .react-select__control .react-select__value-container .react-select__input-container{color:gray;margin:0 10px}.search .react-select-container .react-select__control .react-select__single-value{color:#000}.search .react-select-container .react-select__control .react-select__multi-value{background-color:var(--black3);border-radius:10px}.search .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__label{color:#fff}.search .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__remove{background-color:transparent;color:#fff;cursor:pointer}.search .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__remove:hover{color:var(--black-lighter)}.search .react-select-container .react-select__menu{top:62px;margin:0;background-color:transparent;padding:0}.search .react-select-container .react-select__menu .react-select__option--is-focused{background-color:var(--black3)}.search button{width:100px;height:50px;background:var(--gradient);color:#fff;outline:0;border:0;border-radius:0 30px 30px 0;font-size:16px;cursor:pointer}@media only screen and (min-width: 768px){.search button{width:150px;height:60px;font-size:18px}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.circleRating{background-color:var(--black);border-radius:50%;padding:2px}.circleRating .CircularProgressbar-text{font-size:34px;font-weight:700;fill:var(--black)}.circleRating .CircularProgressbar-trail{stroke:transparent}.genres{display:flex;gap:5px}.genres .genre{background-color:var(--pink);padding:3px 5px;font-size:12px;border-radius:4px;color:#fff;white-space:nowrap}.carousel{margin-bottom:50px}.carousel .contentWrapper{position:relative}.carousel .carouselTitle{font-size:24px;color:#fff;margin-bottom:20px;font-weight:400}.carousel .arrow{font-size:30px;color:#000;position:absolute;top:44%;transform:translateY(-50%);cursor:pointer;opacity:.5;z-index:1;display:none}@media only screen and (min-width: 768px){.carousel .arrow{display:block}}.carousel .arrow:hover{opacity:.8}.carousel .carouselLeftNav{left:30px}.carousel .carouselRightNav{right:30px}.carousel .loadingSkeleton{display:flex;gap:10px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.carousel .loadingSkeleton{gap:20px;overflow:hidden;margin:0;padding:0}}.carousel .loadingSkeleton .skeletonItem{width:125px;flex-shrink:0}@media only screen and (min-width: 768px){.carousel .loadingSkeleton .skeletonItem{width:calc(25% - 15px)}}@media only screen and (min-width: 1024px){.carousel .loadingSkeleton .skeletonItem{width:calc(20% - 16px)}}.carousel .loadingSkeleton .skeletonItem .posterBlock{border-radius:12px;width:100%;aspect-ratio:1/1.5;margin-bottom:30px}.carousel .loadingSkeleton .skeletonItem .textBlock{display:flex;flex-direction:column}.carousel .loadingSkeleton .skeletonItem .textBlock .title{width:100%;height:20px;margin-bottom:10px}.carousel .loadingSkeleton .skeletonItem .textBlock .date{width:75%;height:20px}.carousel .carouselItems{display:flex;gap:10px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.carousel .carouselItems{gap:20px;overflow:hidden;margin:0;padding:0}}.carousel .carouselItems .carouselItem{width:125px;cursor:pointer;flex-shrink:0}@media only screen and (min-width: 768px){.carousel .carouselItems .carouselItem{width:calc(25% - 15px)}}@media only screen and (min-width: 1024px){.carousel .carouselItems .carouselItem{width:calc(20% - 16px)}}.carousel .carouselItems .carouselItem .posterBlock{position:relative;width:100%;aspect-ratio:1/1.5;background-size:cover;background-position:center;margin-bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;padding:10px}.carousel .carouselItems .carouselItem .posterBlock .lazy-load-image-background{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;overflow:hidden}.carousel .carouselItems .carouselItem .posterBlock .lazy-load-image-background img{width:100%;height:100%;object-fit:cover;object-position:center}.carousel .carouselItems .carouselItem .posterBlock .circleRating{width:40px;height:40px;position:relative;top:30px;background-color:#fff;flex-shrink:0}@media only screen and (min-width: 768px){.carousel .carouselItems .carouselItem .posterBlock .circleRating{width:50px;height:50px}}.carousel .carouselItems .carouselItem .posterBlock .genres{display:none;position:relative}@media only screen and (min-width: 768px){.carousel .carouselItems .carouselItem .posterBlock .genres{display:flex;flex-flow:wrap;justify-content:flex-end}}.carousel .carouselItems .carouselItem .textBlock{color:#fff;display:flex;flex-direction:column}.carousel .carouselItems .carouselItem .textBlock .title{font-size:16px;margin-bottom:10px;line-height:24px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 768px){.carousel .carouselItems .carouselItem .textBlock .title{font-size:20px}}.carousel .carouselItems .carouselItem .textBlock .date{font-size:14px;opacity:.5}.switchingTabs{height:34px;background-color:#fff;border-radius:20px;padding:2px}.switchingTabs .tabItems{display:flex;align-items:center;height:30px;position:relative}.switchingTabs .tabItems .tabItem{height:100%;display:flex;align-items:center;justify-content:center;width:100px;color:var(--black);font-size:14px;position:relative;z-index:1;cursor:pointer;transition:color ease .3s}.switchingTabs .tabItems .tabItem.active{color:#fff}.switchingTabs .tabItems .movingBg{height:30px;width:100px;border-radius:15px;background-image:var(--gradient);position:absolute;left:0;transition:left cubic-bezier(.88,-.35,.565,1.35) .4s}.detailsBanner{width:100%;background-color:var(--black);padding-top:100px;margin-bottom:50px}@media only screen and (min-width: 768px){.detailsBanner{margin-bottom:0;padding-top:120px;min-height:700px}}.detailsBanner .backdrop-img{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.1;overflow:hidden}.detailsBanner .backdrop-img .lazy-load-image-background{width:100%;height:100%}.detailsBanner .backdrop-img .lazy-load-image-background img{width:100%;height:100%;object-fit:cover;object-position:center}.detailsBanner .opacity-layer{width:100%;height:250px;background:linear-gradient(180deg,#04152d00,#04152d 79.17%);position:absolute;bottom:0;left:0}.detailsBanner .content{display:flex;position:relative;flex-direction:column;gap:25px}@media only screen and (min-width: 768px){.detailsBanner .content{gap:50px;flex-direction:row}}.detailsBanner .content .left{flex-shrink:0}.detailsBanner .content .left .posterImg{width:100%;display:block;border-radius:12px}@media only screen and (min-width: 768px){.detailsBanner .content .left .posterImg{max-width:350px}}.detailsBanner .content .right{color:#fff}.detailsBanner .content .right .title{font-size:28px;line-height:40px}@media only screen and (min-width: 768px){.detailsBanner .content .right .title{font-size:34px;line-height:44px}}.detailsBanner .content .right .subtitle{font-size:16px;line-height:24px;margin-bottom:15px;font-style:italic;opacity:.5}@media only screen and (min-width: 768px){.detailsBanner .content .right .subtitle{font-size:20px;line-height:28px}}.detailsBanner .content .right .genres{margin-bottom:25px;flex-flow:row wrap}.detailsBanner .content .right .overview{margin-bottom:25px}.detailsBanner .content .right .overview .heading{font-size:24px;margin-bottom:10px}.detailsBanner .content .right .overview .description{line-height:24px}@media only screen and (min-width: 768px){.detailsBanner .content .right .overview .description{padding-right:100px}}.detailsBanner .content .right .circleRating{max-width:70px;background-color:var(--black2)}@media only screen and (min-width: 768px){.detailsBanner .content .right .circleRating{max-width:90px}}.detailsBanner .content .right .circleRating .CircularProgressbar-text{fill:#fff}.detailsBanner .content .right .playbtn{display:flex;align-items:center;gap:20px;cursor:pointer}.detailsBanner .content .right .playbtn svg{width:60px}@media only screen and (min-width: 768px){.detailsBanner .content .right .playbtn svg{width:80px}}.detailsBanner .content .right .playbtn .text{font-size:20px;transition:all .7s ease-in-out}.detailsBanner .content .right .playbtn .triangle{stroke-dasharray:240;stroke-dashoffset:480;stroke:#fff;transform:translateY(0);transition:all .7s ease-in-out}.detailsBanner .content .right .playbtn .circle{stroke:#fff;stroke-dasharray:650;stroke-dashoffset:1300;transition:all .5s ease-in-out}.detailsBanner .content .right .playbtn:hover .text{color:var(--pink)}.detailsBanner .content .right .playbtn:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:var(--pink);animation:trailorPlay .7s ease-in-out}.detailsBanner .content .right .playbtn:hover .circle{stroke-dashoffset:0;stroke:var(--pink)}.detailsBanner .content .right .row{display:flex;align-items:center;gap:25px;margin-bottom:25px}.detailsBanner .content .right .info{border-bottom:1px solid rgba(255,255,255,.1);padding:15px 0;display:flex}.detailsBanner .content .right .info .infoItem{margin-right:10px;display:flex;flex-flow:row wrap}.detailsBanner .content .right .info .text{margin-right:10px;opacity:.5;line-height:24px}.detailsBanner .content .right .info .text.bold{font-weight:600;opacity:1}.detailsBanner .detailsBannerSkeleton{display:flex;position:relative;flex-direction:column;gap:25px}@media only screen and (min-width: 768px){.detailsBanner .detailsBannerSkeleton{gap:50px;flex-direction:row}}.detailsBanner .detailsBannerSkeleton .contentWrapper{display:flex;gap:50px}.detailsBanner .detailsBannerSkeleton .left{flex-shrink:0;width:100%;display:block;border-radius:12px;aspect-ratio:1/1.5}@media only screen and (min-width: 768px){.detailsBanner .detailsBannerSkeleton .left{max-width:350px}}.detailsBanner .detailsBannerSkeleton .right{width:100%}.detailsBanner .detailsBannerSkeleton .right .row{width:100%;height:25px;margin-bottom:20px;border-radius:50px}.detailsBanner .detailsBannerSkeleton .right .row:nth-child(2){width:75%;margin-bottom:50px}.detailsBanner .detailsBannerSkeleton .right .row:nth-child(5){width:50%;margin-bottom:50px}.videoPopup{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;visibility:hidden;z-index:9}.videoPopup .opacityLayer{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;backdrop-filter:blur(3.5px);-webkit-backdrop-filter:blur(3.5px);opacity:0;transition:opacity .4s}.videoPopup .videoPlayer{position:relative;width:800px;aspect-ratio:16/9;background-color:#fff;transform:scale(.2);transition:transform .25s}.videoPopup .videoPlayer .closeBtn{position:absolute;top:-20px;right:0;color:#fff;cursor:pointer}.videoPopup.visible{opacity:1;visibility:visible}.videoPopup.visible .opacityLayer{opacity:1}.videoPopup.visible .videoPlayer{transform:scale(1)}.castSection{position:relative;margin-bottom:50px}.castSection .sectionHeading{font-size:24px;color:#fff;margin-bottom:25px}.castSection .listItems{display:flex;gap:20px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.castSection .listItems{margin:0;padding:0}}.castSection .listItems .listItem{text-align:center;cursor:pointer;color:#fff}.castSection .listItems .listItem .profileImg{width:125px;height:125px;border-radius:50%;overflow:hidden;margin-bottom:15px}@media only screen and (min-width: 768px){.castSection .listItems .listItem .profileImg{width:175px;height:175px;margin-bottom:25px}}.castSection .listItems .listItem .profileImg img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.castSection .listItems .listItem .name{font-size:14px;line-height:20px;font-weight:600}@media only screen and (min-width: 768px){.castSection .listItems .listItem .name{font-size:18px;line-height:24px}}.castSection .listItems .listItem .character{font-size:14px;line-height:20px;opacity:.5}@media only screen and (min-width: 768px){.castSection .listItems .listItem .character{font-size:16px;line-height:24px}}.castSection .castSkeleton{display:flex;gap:20px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.castSection .castSkeleton{margin:0;padding:0}}.castSection .castSkeleton .skItem .circle{width:125px;height:125px;border-radius:50%;margin-bottom:15px}@media only screen and (min-width: 768px){.castSection .castSkeleton .skItem .circle{width:175px;height:175px;margin-bottom:25px}}.castSection .castSkeleton .skItem .row{width:100%;height:20px;border-radius:10px;margin-bottom:10px}.castSection .castSkeleton .skItem .row2{width:75%;height:20px;border-radius:10px;margin:0 auto}.videosSection{position:relative;margin-bottom:50px}.videosSection .sectionHeading{font-size:24px;color:#fff;margin-bottom:25px}.videosSection .videos{display:flex;gap:10px;overflow-x:auto;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.videosSection .videos{gap:20px;margin:0;padding:0}}.videosSection .videos .videoItem{width:150px;flex-shrink:0;cursor:pointer}@media only screen and (min-width: 768px){.videosSection .videos .videoItem{width:25%}}.videosSection .videos .videoItem .videoThumbnail{margin-bottom:15px;position:relative}.videosSection .videos .videoItem .videoThumbnail img{width:100%;display:block;border-radius:12px;transition:all .7s ease-in-out}.videosSection .videos .videoItem .videoThumbnail svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px}.videosSection .videos .videoItem .videoThumbnail .triangle{stroke-dasharray:240;stroke-dashoffset:480;stroke:#fff;transform:translateY(0);transition:all .7s ease-in-out}.videosSection .videos .videoItem .videoThumbnail .circle{stroke:#fff;stroke-dasharray:650;stroke-dashoffset:1300;transition:all .5s ease-in-out}.videosSection .videos .videoItem .videoThumbnail:hover img{opacity:.5}.videosSection .videos .videoItem .videoThumbnail:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:var(--pink);animation:trailorPlay .7s ease-in-out}.videosSection .videos .videoItem .videoThumbnail:hover .circle{stroke-dashoffset:0;stroke:var(--pink)}.videosSection .videos .videoItem .videoTitle{color:#fff;font-size:14px;line-height:20px}@media only screen and (min-width: 768px){.videosSection .videos .videoItem .videoTitle{font-size:16px;line-height:24px}}.videosSection .videoSkeleton{display:flex;gap:10px;overflow-x:auto;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.videosSection .videoSkeleton{gap:20px;margin:0;padding:0}}.videosSection .videoSkeleton .skItem{width:150px;flex-shrink:0}@media only screen and (min-width: 768px){.videosSection .videoSkeleton .skItem{width:25%}}.videosSection .videoSkeleton .skItem .thumb{width:100%;aspect-ratio:16/9;border-radius:12px;margin-bottom:10px}.videosSection .videoSkeleton .skItem .row{height:20px;width:100%;border-radius:10px;margin-bottom:10px}.videosSection .videoSkeleton .skItem .row2{height:20px;width:75%;border-radius:10px}.searchResultsPage{min-height:700px;padding-top:100px}.searchResultsPage .resultNotFound{font-size:24px;color:var(--black-light)}.searchResultsPage .pageTitle{font-size:24px;line-height:34px;color:#fff;margin-bottom:25px}.searchResultsPage .content{display:flex;flex-flow:row wrap;gap:10px;margin-bottom:50px}@media only screen and (min-width: 768px){.searchResultsPage .content{gap:20px}}.searchResultsPage .content .movieCard .posterBlock{margin-bottom:20px}.loadingSpinner{width:100%;height:150px;position:relative;display:flex;align-items:center;justify-content:center}.loadingSpinner .spinner{animation:rotate 2s linear infinite;z-index:2;width:50px;height:50px}.loadingSpinner .spinner .path{stroke:#93bfec;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.loadingSpinner.initial{height:700px}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.movieCard{width:calc(50% - 5px);margin-bottom:25px;cursor:pointer;flex-shrink:0}@media only screen and (min-width: 768px){.movieCard{width:calc(25% - 15px)}}@media only screen and (min-width: 1024px){.movieCard{width:calc(20% - 16px)}}.movieCard .posterBlock{position:relative;width:100%;aspect-ratio:1/1.5;background-size:cover;background-position:center;margin-bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;padding:10px;transition:all ease .5s}.movieCard .posterBlock .lazy-load-image-background{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;overflow:hidden}.movieCard .posterBlock .lazy-load-image-background img{width:100%;height:100%;object-fit:cover;object-position:center}.movieCard .posterBlock .circleRating{width:40px;height:40px;position:relative;top:30px;background-color:#fff;flex-shrink:0}@media only screen and (min-width: 768px){.movieCard .posterBlock .circleRating{width:50px;height:50px}}.movieCard .posterBlock .genres{display:none;position:relative}@media only screen and (min-width: 768px){.movieCard .posterBlock .genres{display:flex;flex-flow:wrap;justify-content:flex-end}}.movieCard .textBlock{color:#fff;display:flex;flex-direction:column}.movieCard .textBlock .title{font-size:16px;margin-bottom:10px;line-height:24px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 768px){.movieCard .textBlock .title{font-size:20px}}.movieCard .textBlock .date{font-size:14px;opacity:.5}.movieCard:hover .posterBlock{opacity:.5}.explorePage{min-height:700px;padding-top:100px}.explorePage .resultNotFound{font-size:24px;color:var(--black-light)}.explorePage .pageHeader{display:flex;justify-content:space-between;margin-bottom:25px;flex-direction:column}@media only screen and (min-width: 768px){.explorePage .pageHeader{flex-direction:row}}.explorePage .pageTitle{font-size:24px;line-height:34px;color:#fff;margin-bottom:20px}@media only screen and (min-width: 768px){.explorePage .pageTitle{margin-bottom:0}}.explorePage .filters{display:flex;gap:10px;flex-direction:column}@media only screen and (min-width: 768px){.explorePage .filters{flex-direction:row}}.explorePage .filters .react-select-container.genresDD{width:100%}@media only screen and (min-width: 768px){.explorePage .filters .react-select-container.genresDD{max-width:500px;min-width:250px}}.explorePage .filters .react-select-container.sortbyDD{width:100%;flex-shrink:0}@media only screen and (min-width: 768px){.explorePage .filters .react-select-container.sortbyDD{width:250px}}.explorePage .filters .react-select-container .react-select__control{border:0;outline:0;box-shadow:none;background-color:var(--black-light);border-radius:20px}.explorePage .filters .react-select-container .react-select__control .react-select__value-container .react-select__placeholder,.explorePage .filters .react-select-container .react-select__control .react-select__value-container .react-select__input-container{color:#fff;margin:0 10px}.explorePage .filters .react-select-container .react-select__control .react-select__single-value{color:#fff}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value{background-color:var(--black3);border-radius:10px}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__label{color:#fff}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__remove{background-color:transparent;color:#fff;cursor:pointer}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__remove:hover{color:var(--black-lighter)}.explorePage .filters .react-select-container .react-select__menu{top:40px;margin:0;padding:0}.explorePage .content{display:flex;flex-flow:row wrap;gap:10px;margin-bottom:50px}@media only screen and (min-width: 768px){.explorePage .content{gap:20px}}.explorePage .content .movieCard .posterBlock{margin-bottom:30px}.pageNotFound{height:700px;padding-top:200px}.pageNotFound .contentWrapper{text-align:center;color:var(--black-light);display:flex;flex-direction:column}.pageNotFound .contentWrapper .bigText{font-size:150px;font-weight:700}.pageNotFound .contentWrapper .smallText{font-size:44px}.personDetailsBanner{width:100%;background-color:var(--black);padding-top:100px;margin-bottom:50px}@media only screen and (min-width: 768px){.personDetailsBanner{margin-bottom:0;padding-top:120px;min-height:700px}}.personDetailsBanner .backdrop-img{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.1;overflow:hidden}.personDetailsBanner .backdrop-img .lazy-load-image-background{width:100%;height:100%}.personDetailsBanner .backdrop-img .lazy-load-image-background img{width:100%;height:100%;object-fit:cover;object-position:center}.personDetailsBanner .opacity-layer{width:100%;height:250px;background:linear-gradient(180deg,#04152d00,#04152d 79.17%);position:absolute;bottom:0;left:0}.personDetailsBanner .content{display:flex;position:relative;flex-direction:column;gap:25px}@media only screen and (min-width: 768px){.personDetailsBanner .content{gap:50px;flex-direction:row}}.personDetailsBanner .content .left{flex-shrink:0}.personDetailsBanner .content .left .posterImg{width:100%;display:block;border-radius:12px}@media only screen and (min-width: 768px){.personDetailsBanner .content .left .posterImg{max-width:350px}}.personDetailsBanner .content .right{color:#fff}.personDetailsBanner .content .right .title{font-size:28px;line-height:40px}@media only screen and (min-width: 768px){.personDetailsBanner .content .right .title{font-size:34px;line-height:44px}}.personDetailsBanner .content .right .known_as{font-size:16px;line-height:24px;margin-bottom:15px;font-style:italic;opacity:.5}@media only screen and (min-width: 768px){.personDetailsBanner .content .right .known_as{font-size:20px;line-height:28px}}.personDetailsBanner .content .right .genres{margin-bottom:25px;flex-flow:row wrap}.personDetailsBanner .content .right .biography{margin-bottom:25px}.personDetailsBanner .content .right .biography .heading{font-size:24px;margin-bottom:10px}.personDetailsBanner .content .right .biography .description{line-height:24px}@media only screen and (min-width: 768px){.personDetailsBanner .content .right .biography .description{padding-right:100px}}.personDetailsBanner .content .right .circleRating{max-width:70px;background-color:var(--black2)}@media only screen and (min-width: 768px){.personDetailsBanner .content .right .circleRating{max-width:90px}}.personDetailsBanner .content .right .circleRating .CircularProgressbar-text{fill:#fff}.personDetailsBanner .content .right .playbtn{display:flex;align-items:center;gap:20px;cursor:pointer}.personDetailsBanner .content .right .playbtn svg{width:60px}@media only screen and (min-width: 768px){.personDetailsBanner .content .right .playbtn svg{width:80px}}.personDetailsBanner .content .right .playbtn .text{font-size:20px;transition:all .7s ease-in-out}.personDetailsBanner .content .right .playbtn .triangle{stroke-dasharray:240;stroke-dashoffset:480;stroke:#fff;transform:translateY(0);transition:all .7s ease-in-out}.personDetailsBanner .content .right .playbtn .circle{stroke:#fff;stroke-dasharray:650;stroke-dashoffset:1300;transition:all .5s ease-in-out}.personDetailsBanner .content .right .playbtn:hover .text{color:var(--pink)}.personDetailsBanner .content .right .playbtn:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:var(--pink);animation:trailorPlay .7s ease-in-out}.personDetailsBanner .content .right .playbtn:hover .circle{stroke-dashoffset:0;stroke:var(--pink)}.personDetailsBanner .content .right .row{display:flex;align-items:center;gap:25px;margin-bottom:25px}.personDetailsBanner .content .right .info{border-bottom:1px solid rgba(255,255,255,.1);padding:15px 0;display:flex}.personDetailsBanner .content .right .info .infoItem{margin-right:10px;display:flex;flex-flow:row wrap}.personDetailsBanner .content .right .info .text{margin-right:10px;opacity:.5;line-height:24px}.personDetailsBanner .content .right .info .text.bold{font-weight:600;opacity:1}.personDetailsBanner .personDetailsBannerSkeleton{display:flex;position:relative;flex-direction:column;gap:25px}@media only screen and (min-width: 768px){.personDetailsBanner .personDetailsBannerSkeleton{gap:50px;flex-direction:row}}.personDetailsBanner .personDetailsBannerSkeleton .contentWrapper{display:flex;gap:50px}.personDetailsBanner .personDetailsBannerSkeleton .left{flex-shrink:0;width:100%;display:block;border-radius:12px;aspect-ratio:1/1.5}@media only screen and (min-width: 768px){.personDetailsBanner .personDetailsBannerSkeleton .left{max-width:350px}}.personDetailsBanner .personDetailsBannerSkeleton .right{width:100%}.personDetailsBanner .personDetailsBannerSkeleton .right .row{width:100%;height:25px;margin-bottom:20px;border-radius:50px}.personDetailsBanner .personDetailsBannerSkeleton .right .row:nth-child(2){width:75%;margin-bottom:50px}.personDetailsBanner .personDetailsBannerSkeleton .right .row:nth-child(5){width:50%;margin-bottom:50px}.historyPage{min-height:700px;padding-top:100px}.historyPage .history_title{padding-bottom:2%;display:flex;flex-direction:row;font-size:24px;line-height:34px;color:#fff;margin-bottom:20px}@media only screen and (min-width: 768px){.historyPage .history_title{margin-bottom:0}}.historyPage .history_title button{margin-left:78%;width:170px;height:35px;cursor:pointer;display:flex;align-items:center;background:red;border:none;border-radius:5px;box-shadow:1px 1px 3px #00000026;background:#e62222}.historyPage .history_title button,.historyPage .history_title button span{transition:.2s}.historyPage .history_title button .text{transform:translate(25px);color:#fff;font-weight:700}.historyPage .history_title button .icon{margin-left:1rem;position:absolute;border-left:1px solid #c41b1b;transform:translate(110px);height:40px;width:40px;display:flex;align-items:center;justify-content:center}.historyPage .history_title button svg{width:15px;fill:#eee}.historyPage .history_title button:hover{background:#ff3636}.historyPage .history_title button:hover .text{color:transparent}.historyPage .history_title button:hover .icon{width:150px;border-left:none;transform:translate(0)}.historyPage .history_title button:focus{outline:none}.historyPage .history_title button:active .icon svg{transform:scale(.8)}.historyPage .content{display:flex;flex-flow:row wrap;gap:10px;margin-bottom:50px}@media only screen and (min-width: 768px){.historyPage .content{gap:20px}}.historyPage .content .movieCard .posterBlock{margin-bottom:20px}.historyPage .emptyHistory{margin-top:10px;color:var(--black-lighter);font-size:25px}.subscription{display:grid;padding-top:8%;padding-bottom:4%;z-index:2}.subscription .card{overflow:hidden;position:relative;display:flex;flex-direction:column;gap:.75rem;padding:2rem;width:35%;height:auto;margin-left:30%;background-color:#7a308f;background-image:radial-gradient(circle at 0% 0%,#25072c 15%,#0000 75%),radial-gradient(circle at 100% 100%,#19021fe6 15%,#0000 150%),linear-gradient(135deg,#18081c00,#7a308f,#18081c00);border-radius:.5rem}.subscription .card:before{content:"";position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background-color:#7a308f;background-image:linear-gradient(0deg,#762ab4,#c75fe4 75%);border-radius:9999px;box-shadow:0 1px 5px 3px #c75fe4,0 0 30px 5px #c75fe4}.subscription .card .title{font-size:1.5rem;color:#fff;font-weight:600}.subscription .card .pricing{font-size:2rem;color:#fff;font-weight:600;padding-top:10%}.subscription .card .pricing .pricing-time,.subscription .card .sub-title{font-size:1rem;color:#b884c7;font-weight:500}.subscription .card .list{margin-top:8%;display:flex;flex-direction:column;gap:.25rem;font-size:1rem;color:#fff;font-weight:500;list-style:none}.subscription .card .list .list-item .check{margin-right:.25rem;font-size:1.5rem;color:#c75fe4;font-weight:900}.subscription .card .button{overflow:hidden;cursor:pointer;position:relative;margin-top:2rem;padding:.5rem .75rem;width:100%;height:fit-content;background-color:#7a308f;font-size:.75rem;color:#fff;border:none;border-radius:.5rem;box-shadow:0 0 2px 1px #7a308f;transition:all .3s cubic-bezier(1,0,0,1)}.subscription .card .button .text-button{font-size:1rem;position:relative;z-index:10}.subscription .card .button:before,.subscription .card .button:after{content:"";position:absolute;top:0;width:100%;height:100%;transition:all .3s ease-in-out}.subscription .card .button:before{left:0;background-image:radial-gradient(circle at 0% 45%,#100524 19%,#10052442 46%,#10052400)}.subscription .card .button:after{right:0;background-image:radial-gradient(circle at 100% 45%,#100524 19%,#10052442 46%,#10052400)}.subscription .card .button:hover{box-shadow:0 0 20px #7a308f}.subscription .card .button:hover:before,.subscription .card .button:hover:after{width:0;opacity:0}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:1;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--black: #04152d;--black2: #041226;--black3: #020c1b;--black-lighter: #1c4b91;--black-light: #173d77;--pink: #da2f68;--orange: #f89e00;--gradient: linear-gradient(98.37deg, #f89e00 .99%, #da2f68 100%)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--black)}::-webkit-scrollbar{display:none}.skeleton{position:relative;overflow:hidden;background-color:#0a2955}.skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#19376300 0,#19376333 20%,#19376380 60%,#19376300);animation:shimmer 2s infinite;content:""}@keyframes shimmer{to{transform:translate(100%)}}