.explorePage{min-height:700px;padding-top:5px}.explorePage .resultNotFound{color:var(--black-light);font-size:24px}.explorePage .pageHeader{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:70px}@media only screen and (min-width:768px){.explorePage .pageHeader{flex-direction:row}}.explorePage .pageTitle{color:#fff;font-size:24px;line-height:34px;margin-bottom:20px}@media only screen and (min-width:768px){.explorePage .pageTitle{margin-bottom:0}}.explorePage .filters{display:flex;flex-direction:column;gap:10px}@media only screen and (min-width:768px){.explorePage .filters{flex-direction:row}}.explorePage .filters .react-select-container.genresDD{width:50%}@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{flex-shrink:0;width:50%}@media only screen and (min-width:768px){.explorePage .filters .react-select-container.sortbyDD{width:250px}}.explorePage .filters .react-select-container .react-select__control{background-color:var(--black-light);border:0;border-radius:20px;box-shadow:none;outline:0}.explorePage .filters .react-select-container .react-select__control .react-select__value-container .react-select__input-container,.explorePage .filters .react-select-container .react-select__control .react-select__value-container .react-select__placeholder{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{margin:0;padding:0;top:40px}.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}.contentwrapper{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.movieCard{cursor:pointer;flex-shrink:0;margin-bottom:40px;width:calc(50% - 5px)}@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{align-items:flex-end;aspect-ratio:1/1.5;background-position:50%;background-size:cover;box-shadow:-1px -12px 176px -37px #7b5df0;display:flex;justify-content:space-between;margin-bottom:30px;padding:10px;position:relative;transition:all .5s ease;width:100%}.movieCard .posterBlock .lazy-load-image-background{border-radius:12px;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.movieCard .posterBlock .lazy-load-image-background img{height:100%;object-fit:cover;object-position:center;width:100%}.movieCard .posterBlock .circleRating{background-color:#fff;flex-shrink:0;height:40px;position:relative;top:30px;width:40px}@media only screen and (min-width:768px){.movieCard .posterBlock .circleRating{height:50px;width: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:#f9fce1;display:flex;flex-direction:column}.movieCard .textBlock .title{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:16px;line-height:24px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:768px){.movieCard .textBlock .title{font-size:20px}}.movieCard .textBlock .date{color:#f5f5f5;font-size:14px;opacity:.6}.movieCard:hover .posterBlock{opacity:.5}.lazy-load-image-background.blur{-webkit-filter:blur(15px);filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{-webkit-filter:blur(0);filter:blur(0);transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-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}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.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{fill:var(--black);font-size:34px;font-weight:700}.circleRating .CircularProgressbar-trail{stroke:transparent}.genres{display:flex;gap:5px}.genres .genre{background-color:var(--orange);border-radius:4px;color:#fff;font-size:12px;padding:3px 5px;white-space:nowrap}.loadingSpinner{align-items:center;display:flex;height:150px;justify-content:center;position:relative;width:100%}.loadingSpinner .spinner{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:50px;width:50px;z-index:2}.loadingSpinner .spinner .path{stroke:#93bfec;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite}.loadingSpinner.initial{height:700px}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-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}}@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}}.HeroBanner{align-items:center;background-color:var(--black);display:flex;height:450px;position:relative;width:100%}@media only screen and (min-width:768px){.HeroBanner{height:700px}}.HeroBanner .bg-img{left:0;overflow:hidden;position:absolute;top:0}.HeroBanner .bg-img,.HeroBanner .bg-img .lazy-load-image-background{height:100%;width:100%}.HeroBanner .bg-img .lazy-load-image-background img{height:100%;object-fit:cover;object-position:center;width:100%}.HeroBanner .opacity-layer{background:linear-gradient(180deg,rgba(4,21,45,0),#04152d 79.17%);bottom:0;height:250px;left:0;position:absolute;width:100%}.HeroBanner .herobannercontent{align-items:center;color:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:800px;position:relative;text-align:center}.HeroBanner .herobannercontent .title{color:#d81d1d;font-size:50px;font-weight:300;margin-bottom:10px}@media only screen and (min-width:768px){.HeroBanner .herobannercontent .title{font-size:90px;margin-bottom:0}}.HeroBanner .herobannercontent .subTitle{font-size:18px;font-weight:600;margin-top:-50px}@media only screen and (min-width:768px){.HeroBanner .herobannercontent .subTitle{font-size:24px}}.HeroBanner .herobannercontent .searchInput{align-items:center;display:flex;width:70%}.HeroBanner .herobannercontent .searchInput input{background-color:#fff;border:0;border-radius:30px 0 0 30px;font-size:14px;height:50px;outline:0;padding:0 15px;width:calc(100% - 100px)}@media only screen and (min-width:768px){.HeroBanner .herobannercontent .searchInput input{font-size:20px;height:60px;padding:0 30px;width:calc(100% - 150px)}}.HeroBanner .herobannercontent .searchInput button{background:var(--gradient);border:0;border-radius:0 30px 30px 0;color:#fff;cursor:pointer;font-size:16px;height:50px;outline:0;width:100px}@media only screen and (min-width:768px){.HeroBanner .herobannercontent .searchInput button{font-size:18px;height:60px;width:150px}}.searchResultsPage{min-height:700px;padding-top:100px}.searchResultsPage .resultNotFound{color:var(--black-light);font-size:24px}.searchResultsPage .pageTitle{color:#fff;font-size:24px;line-height:34px;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}.detailsBanner{background-color:var(--black);margin-bottom:50px;padding-top:100px;width:100%}@media only screen and (min-width:768px){.detailsBanner{margin-bottom:0;min-height:700px;padding-top:120px}}.detailsBanner .backdrop-img{height:100%;left:0;opacity:.3;overflow:hidden;position:absolute;top:0;width:100%}.detailsBanner .backdrop-img .lazy-load-image-background{height:100%;width:100%}.detailsBanner .backdrop-img .lazy-load-image-background img{height:100%;object-fit:cover;object-position:center;width:100%}.detailsBanner .opacity-layer{background:linear-gradient(180deg,rgba(4,21,45,0),#04152d 79.17%);bottom:0;height:250px;left:0;position:absolute;width:100%}.detailsBanner .content{display:flex;flex-direction:column;gap:25px;position:relative}@media only screen and (min-width:768px){.detailsBanner .content{flex-direction:row;gap:50px}}.detailsBanner .content .left{flex-shrink:0}.detailsBanner .content .left .posterImg{border-radius:12px;display:block;width:100%}@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;font-style:italic;line-height:24px;margin-bottom:15px;opacity:.5}@media only screen and (min-width:768px){.detailsBanner .content .right .subtitle{font-size:20px;line-height:28px}}.detailsBanner .content .right .genres{flex-flow:row wrap;margin-bottom:25px}.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{background-color:var(--black2);max-width:70px}@media only screen and (min-width:768px){.detailsBanner .content .right .circleRating{max-width:90px}}.detailsBanner .content .right .circleRating .CircularProgressbar-text{fill:#f0bcbc}.detailsBanner .content .right .row{align-items:center;display:flex;gap:25px;margin-bottom:25px}.detailsBanner .content .right .info{border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;padding:15px 0}.detailsBanner .content .right .info .infoItem{display:flex;flex-flow:row wrap;margin-right:10px}.detailsBanner .content .right .info .text{line-height:24px;margin-right:10px;opacity:.5}.detailsBanner .content .right .info .text.bold{font-weight:600;opacity:1}.detailsBanner .detailsBannerSkeleton{display:flex;flex-direction:column;gap:25px;position:relative}@media only screen and (min-width:768px){.detailsBanner .detailsBannerSkeleton{flex-direction:row;gap:50px}}.detailsBanner .detailsBannerSkeleton .contentWrapper{display:flex;gap:50px}.detailsBanner .detailsBannerSkeleton .left{aspect-ratio:1/1.5;border-radius:12px;display:block;flex-shrink:0;width:100%}@media only screen and (min-width:768px){.detailsBanner .detailsBannerSkeleton .left{max-width:350px}}.detailsBanner .detailsBannerSkeleton .right{width:100%}.detailsBanner .detailsBannerSkeleton .right .row{border-radius:50px;height:25px;margin-bottom:20px;width:100%}.detailsBanner .detailsBannerSkeleton .right .row:nth-child(2){margin-bottom:50px;width:75%}.detailsBanner .detailsBannerSkeleton .right .row:nth-child(5){margin-bottom:50px;width:50%}:root{-webkit-text-size-adjust:100%;--black:#04152d;--black2:#041226;--black3:#020c1b;--black-lighter:#1c4b91;--black-light:#173d77;--orange:#da2f2f;--gradient:linear-gradient(98.37deg,#f9fead 0.99%,#4816a5);font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-weight:500;line-height:1}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#04152d;background-color:var(--black)}::-webkit-scrollbar{display:none}.skeleton{background-color:#0a2955;overflow:hidden;position:relative}.skeleton:after{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background-image:linear-gradient(90deg,rgba(25,55,99,0),rgba(25,55,99,.2) 20%,rgba(25,55,99,.5) 60%,rgba(25,55,99,0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}@-webkit-keyframes shimmer{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shimmer{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}
/*# sourceMappingURL=main.d150caf4.css.map*/