.link{color:#f4f4f4;padding:0 0 .5rem;text-decoration:none}.link.active{border-bottom:1px solid #eb0000;color:#eb0000}.logo-container{align-items:center;display:flex}.logo-container h2{font-family:Edu TAS Beginner,cursive;margin:0 .5rem}.navbar{background:#000}.navbar ul{align-items:center;display:flex;justify-content:space-between;list-style:none;padding:1rem}.navbar ul .links-container{display:flex;gap:1.5rem;justify-content:space-around}@media(max-width:768px){.navbar,.navbar ul{flex-direction:column}.navbar ul .links-container{padding:1rem 0 0}}footer{align-items:center;background:#000;display:flex;flex-direction:column;padding:4rem 0 1rem}footer .copyright{color:#989797;padding:1rem 0 -2rem}footer .copyright a{padding:0 0 0 .5rem;text-decoration:none}footer .copyright a:hover{text-decoration:underline}footer .first-row{display:flex;justify-content:space-around}footer .first-row .credits-zone{display:flex;flex-direction:column;justify-content:center;width:20%}footer .first-row .credits-zone p{color:#989797;font-size:.8rem}footer .first-row .credits-zone a{text-decoration:none}footer .first-row .credits-zone .starflix-credits{margin:0 0 2rem}footer .first-row .credits-zone .starflix-credits .logo-container{margin:0 0 .5rem}footer .first-row .credits-zone .starflix-credits .logo-container .logo-icon{font-size:2.2rem}footer .first-row .credits-zone .starflix-credits .logo-container .logo-text{font-size:2rem}footer .first-row .credits-zone .tmdb-credits img{margin:0 0 .5rem;width:10rem}footer .first-row .pages-section{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}footer .first-row .pages-section .page-information{padding:.8rem 1rem}footer .first-row .pages-section .page-information h4{font-size:1.6rem;margin:0 0 1rem}footer .first-row .pages-section .page-information ul li{margin:.8rem 0}footer .first-row .pages-section .page-information ul li a{font-size:1rem;text-decoration:none}footer .first-row .pages-section .page-information ul li a span{color:#989797}footer .first-row .pages-section .page-information ul li a:hover span{color:#f4f4f4}@media(max-width:1025px ){footer{flex-direction:row}footer .pages-section{display:grid;grid-template-columns:repeat(4,1fr)}}@media(max-width:850px){footer{align-items:center;flex-direction:column}footer .credits-zone{align-items:center;flex-direction:row;gap:3rem;justify-content:center}footer .credits-zone .starflix-credits{flex-direction:column}}@media(max-width:680px){footer{flex-direction:column-reverse;justify-content:space-between}footer,footer .credits-zone{align-items:center;width:100%}footer .credits-zone{flex-direction:column;gap:3rem;justify-content:column;padding:0 1rem}footer .credits-zone .starflix-credits{flex-direction:column;justify-content:center;margin:2rem 0 0;width:100%}footer .credits-zone .starflix-credits .logo-container{display:flex;justify-content:center;margin:0 0 .5rem}footer .credits-zone .starflix-credits .credits{text-align:center}footer .credits-zone .tmdb-credits{align-items:center;display:flex;flex-direction:column}footer .credits-zone .tmdb-credits a{margin:0 0 .3rem;width:auto}footer .credits-zone .tmdb-credits .credits{text-align:center}footer .pages-section .page-information{width:50%}footer .pages-section .page-information h4{text-align:center}footer .pages-section .page-information ul li{display:flex;justify-content:center;text-align:center}}.age-indicator .adult-indicator-container{border:5px solid red;border-radius:50%;color:#f4f4f4;font-weight:700;padding:.5rem .2rem}.age-indicator .friendly-indicator-container{border:5px solid #00aa2b;border-radius:50%;padding:.3rem .5rem;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.age-indicator .friendly-indicator-container .icon{font-size:1.2rem}.backdrop{height:100%;object-fit:cover;width:45%}section.hero-section{width:100%}section.hero-section .movie-info-container{background:#000;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 .5rem 2rem 2rem;position:relative;width:55%}section.hero-section .movie-info-container:after{background:linear-gradient(90deg,#000,#000,#00000018,#00000000);content:"";display:block;height:100%;position:absolute;right:-14rem;top:0;width:15rem}section.hero-section .movie-info-container .movie-link{text-decoration:none}section.hero-section .movie-info-container .movie-link .title{font-size:2.5rem;margin:.2rem 0}section.hero-section .movie-info-container .movie-link:hover{text-decoration:underline}section.hero-section .movie-info-container .details-section{align-items:center;display:flex;font-weight:700;gap:1rem;padding:.5rem 0;text-transform:uppercase}section.hero-section .movie-info-container .overview{font-size:1.2rem}@media(max-width:1024px){section.hero-section{display:flex;flex-direction:column;height:80vh}section.hero-section .backdrop{width:100%}section.hero-section .movie-info-container{background:#0000009c;height:auto;max-height:100%;min-height:455px;padding:2rem;position:absolute;width:100%}section.hero-section .movie-info-container:after{content:"";display:none}section.hero-section .movie-info-container .overview{max-lines:10;overflow-y:scroll;width:100%}}.loading-icon{fill:#f4f4f4;-webkit-animation:loading .5s ease-in-out infinite;animation:loading .5s ease-in-out infinite;font-size:2rem}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.media-item{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.media-item .media{align-content:center;background:#232323;display:flex;height:6.34rem;min-height:18rem;position:relative;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:12rem}.media-item .media .media-info{align-items:center;background:#080808ae;bottom:100%;display:flex;flex-direction:column;justify-content:center;overflow-y:hidden;position:absolute;text-align:center;top:0;transition:bottom .2s linear;width:100%;z-index:3}.media-item .media .media-info .name{margin:0 0 .3rem}.media-item .media .media-info .charge{color:#eb0000}.media-item .media .media-image{height:100%;object-fit:cover;width:100%;z-index:8}.media-item:hover .media{-webkit-transform:scale(1.05);transform:scale(1.05)}.media-item:hover .media .media-info{bottom:0}.limited-list{align-self:center;display:flex;flex-wrap:wrap;gap:.5rem;height:auto;justify-content:center;width:100%}.limited-list .show-more-button{background:#232323;height:100%;min-height:18rem;padding:.2rem 0;width:12rem}.limited-list .show-more-button .icon{fill:#f4f4f4;font-size:3rem}.limited-list .preload-element{background:#232323;height:6.34rem;min-height:18rem;overflow:hidden;position:relative;width:12rem}.limited-list .preload-element:after{-webkit-animation:load .5s ease-out infinite;animation:load .5s ease-out infinite;background:#3f3e3e;bottom:0;box-shadow:0 0 1rem 5px #3f3e3e;content:"";display:block;height:5%;position:absolute;-webkit-transform:rotate(20deg);transform:rotate(20deg);width:15rem}@-webkit-keyframes load{0%{bottom:-50%}25%{bottom:25%}50%{bottom:50%}75%{bottom:75%}to{bottom:100%}}@keyframes load{0%{bottom:-50%}25%{bottom:25%}50%{bottom:50%}75%{bottom:75%}to{bottom:100%}}.limited-list-container{display:flex;flex-direction:column;min-height:62rem;width:100%}.limited-list-container div>.loading{margin:auto 0}.limited-list-container .title-container{cursor:pointer;padding:1.5rem 1rem;width:100%}.limited-list-container .title-container h3{color:#f4f4f4;font-size:2rem;text-decoration:none}.limited-list-container .title-container .title-link{align-items:center;align-self:start;display:flex;text-decoration:none;transition:all .1s linear;width:100%}.limited-list-container .title-container .title-link .icon{font-size:1.5rem;margin:.2rem .4rem 0;opacity:0;transition:all .1s linear}.limited-list-container .title-container .title-link:hover{margin:0 0 0 1rem}.limited-list-container .title-container .title-link:hover .icon{opacity:1;-webkit-transform:translateX(.4rem);transform:translateX(.4rem)}main{padding:0 0 2rem}main section.hero-section{align-items:center;display:flex;flex-direction:row;height:90vh;position:relative}@media(max-width:1024px){main section.hero-section{height:70vh}}.search-bar{align-items:center;display:flex;margin:1rem 0 0;padding:0 1rem;width:100%}.search-bar input{background:#232323;border:none;color:#f4f4f4;font-size:1.2rem;outline:transparent;padding:.6rem;width:100%}.search-bar button{background:#eb0000;padding:.5rem 1.5rem}.search-results{align-items:flex-start;width:100%}.search-results .title-container{cursor:pointer;padding:1.5rem 1rem}.search-results .title-container h3{color:#f4f4f4;font-size:2rem;text-decoration:none}.reviews{align-items:flex-start}.reviews ul{padding:0 2rem;width:100%}.reviews ul li .review{margin:0 0 1.5rem}.reviews ul li .review a{align-items:center;display:flex;gap:.5rem;margin:.5rem 0;text-decoration:none;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.reviews ul li .review a .profile-img{border-radius:50%;height:3rem;width:3rem}.reviews ul li .review a .user-name{font-size:1.2rem}.reviews ul li .review a:hover{text-decoration:underline}.detailed-page{justify-content:flex-start}.detailed-page .header{align-items:center;display:flex;gap:2rem;height:80vh;padding:5rem 2rem;position:relative;width:100%}.detailed-page .header .backdrop{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.detailed-page .header .poster{border:20px solid #fff;height:100%;min-height:300px;position:relative}.detailed-page .header .info-container{background:#0000009c;padding:2rem;position:relative;width:80%}.detailed-page .header .info-container h2{font-size:2.5rem}.detailed-page .header .info-container .dead{color:#eb0000}.detailed-page .header .info-container .alive{color:#00aa2b}.detailed-page .header .info-container .details-indicator{align-items:center;display:flex;gap:1rem;padding:.5rem 0;width:100%}.detailed-page .header .info-container .details-indicator .released{color:#00aa2b}.detailed-page .header .info-container .details-indicator .no-released{color:red}.detailed-page .header .info-container .details-indicator .age-indicator{width:auto}.detailed-page .header .info-container .details-indicator span{font-weight:700;text-transform:uppercase}.detailed-page .header .info-container p{font-size:1.2rem}.detailed-page section{align-items:flex-start;width:100%}.detailed-page section h3{font-size:2.2rem;padding:1.5rem 1rem}.detailed-page section ul{min-height:18rem}@media(max-width:768px){.detailed-page .header{flex-direction:column;height:unset}.detailed-page .header .info-container,.detailed-page .header .poster{width:100%}}*{box-sizing:border-box;color:#f4f4f4;margin:0;padding:0}body{font-family:Inter;min-height:100vh}ol,ul{list-style:none}button{background:transparent;border:none;cursor:pointer}main{background:#080808;min-height:100vh;padding:0 0 3rem}main,main section{align-items:center;display:flex;flex-direction:column;justify-content:center}.global-loading{bottom:0;height:100vh;left:0;position:absolute;right:0;top:0}.global-loading div{align-items:center;-webkit-animation:appear .8s ease-out forwards;animation:appear .8s ease-out forwards;color:#989797;display:flex;flex-direction:column;-webkit-transform:scale(.6);transform:scale(.6)}.global-loading div h1{-webkit-animation:updateColor .8s ease-out forwards;animation:updateColor .8s ease-out forwards;color:#989797}.global-loading div .logo-container{flex-direction:row}.global-loading div .logo-container h2{color:#989797}.global-loading div .logo-container .logo-icon,.global-loading div .logo-container h2{-webkit-animation:updateColor .8s ease-out forwards;animation:updateColor .8s ease-out forwards;font-size:2rem}.global-loading div .logo-container .logo-icon{fill:#989797}@-webkit-keyframes appear{to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes appear{to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes updateColor{to{fill:#f4f4f4;color:#f4f4f4}}@keyframes updateColor{to{fill:#f4f4f4;color:#f4f4f4}}
/*# sourceMappingURL=main.8ce03196.css.map*/