@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";.search-bar{max-width:600px;flex:1 1}@media screen and (max-width: 768px){.search-bar{max-width:unset}}.dropdown-menu{padding:0;width:400px;max-width:100%}.list-item-movie{display:flex;flex-flow:row nowrap;gap:10px;min-height:78px}.list-item-movie:not(:first-child){border-top:1px solid var(--bs-dropdown-border-color)}.list-item-movie:first-child{border-radius:6px 6px 0 0}.list-item-movie:last-child{border-radius:0 0 6px 6px}.list-item-movie>*{display:flex;flex-flow:column nowrap;justify-content:center;overflow:hidden}.list-item-movie span{text-overflow:ellipsis;overflow:hidden}.list-item-movie span:not(.title){font-size:14px}.list-item-movie span.title{color:#fff;font-weight:500}.navbar{height:var(--header-height);display:flex;flex-flow:row nowrap;justify-content:flex-start;width:100%;padding:10px 0;gap:10px}.navbar a{display:flex;flex-flow:row nowrap;align-items:center;gap:10px}.navbar h2{font-family:Bebas Neue,sans-serif;font-size:32px;line-height:32px;margin-top:3px}.navbar h2.mobile{display:none}.navbar i.fa-film,.navbar i.fa-magnifying-glass{font-size:1.5em}.navbar i.fa-magnifying-glass{margin-left:20px}@media screen and (max-width: 768px){.navbar h2:not(.mobile){display:none}.navbar h2.mobile{display:block}.navbar i.fa-magnifying-glass{display:none}}#root{max-width:var(--max-width);width:100vw;margin:0 auto;padding:0 var(--padding)}button.btn-outline-secondary{background:var(--bs-body-bg);border-color:var(--bs-border-color);font-size:14px;padding:0 5px}button.btn-outline-secondary:hover,button.btn-outline-secondary:focus,button.btn-outline-secondary:active{background:var(--bs-body-bg)}img.poster,img.profile,i.poster.fa-film,i.profile.fa-user{width:45px;height:68px;object-fit:contain}i.poster.fa-film,i.profile.fa-user{display:flex;align-items:center;justify-content:center;font-size:50px;min-width:45px}img.profile:not(.w45),i.profile.fa-user:not(.w45){width:250px;height:375px;font-size:200px;border-radius:4px;margin-bottom:20px}i.poster.fa-film{font-size:45px}img.poster:not(.w92),i.poster.fa-film:not(.w92){width:200px;height:300px;font-size:170px;border-radius:4px}.start-page{min-height:calc(100svh - var(--header-height));padding-bottom:30px}.start-page ul.trending-movies{display:flex;flex-flow:row wrap;justify-content:space-between;gap:var(--padding)}.start-page ul.trending-movies li a{display:flex;position:relative;flex-flow:column wrap;align-items:flex-start;gap:10px;width:200px;max-width:calc(50vw - var(--padding) * 1.5)}.start-page ul.trending-movies li a img.poster{width:100%;height:auto}.start-page ul.trending-movies li a:hover img.poster{filter:brightness(1.2)}.start-page ul.trending-movies li a p.title{font-weight:600}.start-page ul.trending-movies li a p.release-date{font-weight:300}.start-page ul.trending-movies li a .rating-container{position:absolute;background-color:#212529b3;border-radius:0 4px;top:0;right:0;padding:1px}.start-page ul.trending-movies li a .rating-container .fa-star{font-size:19.2px}.start-page ul.trending-movies li a .rating-container .rating{font-size:16px;line-height:16px}.start-page ul.trending-movies li a .rating-container .rating span:first-of-type{font-weight:500}.start-page ul.trending-movies li a .rating-container .rating span:last-of-type{color:var(--bs-body-color);font-size:14px}.start-page ul.trending-movies li a .rating-container .rating-text-container>span{color:var(--bs-body-color);font-size:9.2px;line-height:9.2px}.reviews .review{min-height:80px;display:flex;flex-flow:row wrap;gap:0 10px;align-items:center;margin-bottom:20px}.reviews .review .review-info>div{display:flex;align-items:center;gap:10px}.reviews .review .review-info>div .created-at{font-size:14px}.reviews .review p{width:100%;font-size:14px;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 768px){.reviews .review h5{font-size:16px}}.reviews .review .review-paragraph{margin-bottom:16px}.reviews .review .badge i{margin-right:5px}.backdrop{width:calc(100vw - 2 * var(--padding));max-width:calc(var(--max-width) - 2 * var(--padding));max-height:400px;object-fit:cover;position:absolute;mask-image:linear-gradient(#000,rgba(0,0,0,.01));-webkit-mask-image:linear-gradient(#000,rgba(0,0,0,.01))}.movie-details{position:relative;text-align:left;background-size:contain;background-repeat:no-repeat;min-height:calc(100svh - var(--header-height));padding-bottom:30px}.movie-details .movie-details-header{display:flex;flex-flow:row nowrap;margin-top:85px;align-items:flex-end;gap:10px;padding:0 10px}@media screen and (max-width: 768px){.movie-details .movie-details-header{flex-flow:column nowrap;align-items:flex-start}}.movie-details .fa-calendar{margin-right:5px}.movie-details .fa-clock{margin-right:5px;margin-left:10px}.movie-details .movie-details-body{padding:10px}.movie-details .movie-details-body .genre{display:inline-block;font-size:14px;border:1px solid var(--bs-body-color);border-radius:15px;padding:2px 10px;margin-bottom:10px;margin-right:10px}.movie-details .movie-details-body .tagline{margin-bottom:10px}.movie-details .movie-details-body .overview{margin-bottom:20px}.movie-details .credits h3{margin-bottom:10px}.movie-details .credits>ul{display:flex;position:relative;flex-flow:row wrap;padding:0;gap:10px;margin-bottom:50px}.movie-details .credits>ul>button{position:absolute;bottom:3px;right:50%;transform:translate(50%);z-index:1}.movie-details .credits>ul.expanded>button{bottom:-40px}.movie-details .credits>ul.collapsed{max-height:350px;overflow:hidden}.movie-details .credits>ul.collapsed.should-fade:after{content:"";position:absolute;width:100%;height:60px;left:0;top:290px;background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0,var(--bs-body-bg) 100%)}.movie-details .cast{display:flex;flex-flow:row nowrap;gap:10px;width:calc(50% - 10px)}.movie-details .cast a{width:100%;display:flex;flex-flow:row nowrap;gap:10px}.movie-details .cast a .cast-text-container{display:flex;flex-flow:column nowrap;justify-content:center}.movie-details .cast a .cast-text-container p{line-height:1.2;font-weight:300}@media screen and (max-width: 768px){.movie-details .cast h5{font-size:16px}.movie-details .cast p{font-size:14px}}.rating-container{display:flex;margin-left:auto;font-size:20px;line-height:20px}@media screen and (max-width: 768px){.rating-container{position:absolute;right:10px;top:267px}}.rating-container .fa-star{display:flex;align-items:center;font-size:24px;color:#f5c518;margin-right:5px}.rating-container .rating-text-container{display:flex;flex-flow:column nowrap}.rating-container .rating-text-container>span{font-size:12px;line-height:12px}.rating-container .rating span:first-of-type{color:#fff}.rating-container .rating span:last-of-type{font-size:16px}.person-details{display:flex;flex-flow:row nowrap;gap:var(--padding);min-height:calc(100svh - var(--header-height));padding-bottom:30px}.person-details .person-name-mobile{display:none}@media screen and (max-width: 768px){.person-details{flex-flow:column nowrap}.person-details .person-name{display:none}.person-details .person-name-mobile{display:block;text-align:center}.person-details h5{font-size:18px}}.person-details .person-details-column h2{margin-bottom:20px}@media screen and (max-width: 768px){.person-details .person-details-column img.profile{display:block;margin:0 auto 10px}}.person-details .person-details-header{display:flex;flex-flow:row nowrap;margin-top:10px;align-items:flex-start;gap:10px;max-height:375px;overflow:hidden;text-overflow:ellipsis}.person-details .person-details-header h2{margin-bottom:30px}.person-details .profile-image{width:250px;border-radius:4px;margin-bottom:20px}.person-details .personal-info-header{margin-bottom:10px}.person-details .personal-info{margin-bottom:20px}.person-details .biography-container{position:relative}.person-details .biography-container>button{position:absolute;right:0;bottom:0;transform:translateY(100%)}.person-details .biography-paragraph{margin-bottom:20px}.person-details ul.person-movies{display:flex;flex-flow:row wrap;margin-bottom:30px}.person-details ul.person-movies>li.credit{width:100%}.person-details ul.person-movies>li.credit:not(:last-child){border-bottom:1px solid var(--bs-border-color)}.person-details ul.person-movies>li.credit>a{display:flex;flex-flow:row nowrap;gap:10px;align-items:center;padding:5px var(--padding)}.person-details ul.person-movies>li.credit>a .character,.person-details ul.person-movies>li.credit>a .job{font-weight:300}.person-details ul.person-movies>li.credit>a>:last-child{margin-left:auto}.person-details .credits-container{position:relative}.person-details .credits-container>button{position:absolute;right:0;bottom:0;transform:translateY(calc(100% + 5px))}:root{color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--max-width: 1024px;--header-height: 56px;--padding: 20px}@media screen and (max-width: 768px){:root{--padding: 10px}}html{--padding: 20px}@media screen and (max-width: 768px){html{--padding: 10px}}body,h1,h2,h3,h4,h5,p,a,i{margin:0}a{font-weight:500;color:var(--bs-body-color);text-decoration:inherit}a:hover{color:#fff}ul{list-style:none;padding:0;margin:0}.card-container{border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);box-shadow:0 2px 8px #000000b3}
