@import url(https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap);header{margin-bottom:100px}@media screen and (min-width:769px){header{margin-bottom:150px}}.header-wrapper{background-image:url(/filmstrip/static/media/film-bar.6c3fcf567f7f6e060147.jpg);background-position:0 0;background-repeat:no-repeat;box-shadow:0 3px 3px 0 rgba(0,0,0,.55);left:0;margin:0;padding:0;position:fixed;right:0;top:0;z-index:100}.header-wrapper .logo{height:75px;position:relative;top:2px}.mode-switch-button img{height:30px}.footer{align-items:center;background-image:url(/filmstrip/static/media/film-bar.6c3fcf567f7f6e060147.jpg);background-position:top;display:flex;height:50px;justify-content:center;margin:0 auto;padding-left:0}@media screen and (min-width:600px){.footer{justify-content:space-between}}.footer li{list-style:none;margin-top:10px;padding:0 20px}.footer .attribution-footer,.footer .tagline-footer{display:none}@media screen and (min-width:600px){.footer .attribution-footer,.footer .tagline-footer{display:block}}.movies-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:1100px;width:90%}.home-page{text-align:center}.home-page button{background-color:#101010;border:1px solid #101010;border-radius:5px;box-shadow:0 20px 30px -10px #26394d;color:#fff;font-family:Fira Sans Condensed,sans-serif;font-size:1rem;margin:2rem 1rem 0;padding:.75rem;text-transform:uppercase;width:150px}.home-page button:hover{background-color:red;border-color:red}body{font-family:Fira Sans Condensed,sans-serif;font-weight:400}.test.night-mode{color:green}.test{color:#000}h1,h2{text-align:center;text-transform:uppercase}h1{font-size:2em;margin-top:0}a{color:#101010;text-decoration:none}.about-box,.about-box-no-faves,.cast-poster,.movie-card,.single-movie-container{box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3)}body{margin:0}#root:before{background-attachment:fixed;background-image:url(/filmstrip/static/media/film-bg-contrast.18a3ae4eff5160cb0a03.jpg);background-size:cover;bottom:0;content:"";left:0;opacity:.2;position:fixed;right:0;top:0;z-index:-100}#root{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}main{margin:0 auto 50px;max-width:1200px;min-width:260px;width:93%}.movie-card{font-size:90%}.movie-card h2,.movie-card h3{font-weight:300;margin:0;text-align:center}.movie-card p{-webkit-line-clamp:10;-webkit-box-orient:vertical;display:-webkit-box;font-weight:300;overflow:hidden;padding:0 10px;text-align:left;text-overflow:ellipsis}.movie-info-bg{background-color:#000;height:336px;left:10px;top:10px;width:216px}.movie-info,.movie-info-bg{opacity:0;position:absolute;transition:all .5s ease}.movie-info{bottom:0;color:#fff;left:-3px;padding:16px;right:3px;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:210px}.movie-poster{height:357px;position:relative;width:236px}.movie-poster img{background-color:hsla(0,0%,100%,.75);box-sizing:border-box;height:357px;object-fit:cover;padding:10px;width:236px}.movie-poster:hover .movie-info-bg{opacity:.85;transition:all .5s ease-out}.movie-poster:hover .movie-info{opacity:1;transition:all .5s ease-out;z-index:1}.more-info-button{border:1px solid #fff;bottom:20px;color:#fff;display:block;left:50px;margin:0 auto;padding:10px 30px;position:absolute;text-align:center;text-decoration:none;text-transform:uppercase;width:80px}.more-info-button:hover{background-color:hsla(0,0%,100%,.95);color:#000}.moviecard-rating-section{display:flex;justify-content:space-between;margin:0 10px}.moviecard-rating-section h3{font-size:1.25rem;font-weight:500}.moviecard-rating-section svg{height:1.25rem;width:1.25rem}.movie-card-title{height:50px;padding-bottom:10px}.nav-sort ul{display:grid;grid-template-columns:40% 40%;justify-content:center;justify-items:center;list-style:none;margin:0 auto 1rem;padding:10px 0;text-decoration:none}.nav-sort ul li{margin:5px 0 0;padding:5px 0;text-align:center;text-transform:uppercase}.nav-sort ul li a{color:#000;padding:5px 10px;text-decoration:none}.nav-sort ul .active{background-color:red;color:#fff}@media(min-width:410px){.nav-sort{display:block;margin:0 auto}.nav-sort ul{display:flex;justify-content:center;margin-bottom:0}.nav-sort li{border-bottom:1px solid red;font-weight:400;text-transform:uppercase}.nav-sort li a{color:#000;padding:5px 10px;text-decoration:none}}.single-movie-container{box-sizing:border-box;line-height:1.5;margin:0 auto;max-width:565px;min-width:288px;padding:10px;position:relative}@media(min-width:800px){.single-movie-container{max-width:1179px}}.single-movie-container svg{cursor:pointer;height:1.5em;width:1.5em}.single-movie-container svg:hover{fill:red}@media screen and (min-width:800px){.single-movie-container h1{text-align:left}}.genres-list{display:flex;list-style:none;margin-left:0;padding-left:0}.genres-list li{font-style:italic;padding-right:.4rem}.single-movie-rating-section{align-items:center;display:flex;font-size:1.25em;font-weight:600;justify-content:space-between;width:95%}@media screen and (min-width:800px){.single-movie-rating-section{display:block;max-width:315px}}.single-movie-backdrop{background-size:cover;display:none;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:-1}@media(min-width:800px){.single-movie-backdrop{display:block}}.single-movie-shader{background-color:#fff;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:-2}.single-movie-poster img{display:block;margin:0 auto;width:100%}@media(min-width:800px){.single-movie-poster img{margin:0;width:95%}.single-movie-details{display:grid;grid-template-columns:380px 1fr}}@media(min-width:1000px){.single-movie-details{grid-template-columns:450px 1fr}}.single-movie-info h2{margin:0 0 10px}.single-movie-info-details{display:flex;justify-content:space-between;width:200px}.details-genres{display:flex}.single-movie-icons{display:flex;gap:1rem}#overlay{background-color:rgba(0,0,0,.5);bottom:0;cursor:pointer;display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:200}.single-movie-container p{line-height:1.4}.screenshot{position:absolute;right:181px;top:180px}.screenshot img{border:3px solid #fff;width:120px}.header-wrapper-desktop{display:none}@media(min-width:769px){.header-wrapper-desktop{display:block}}.logo-desktop{display:none}@media(min-width:769px){.logo-desktop{display:inline-block}.nav-menu-desktop{align-items:center;display:flex;justify-content:center;list-style:none;margin:0;padding:0}}.nav-menu-desktop li{font-size:120%;margin:1rem;padding:.5rem;position:relative;text-align:center;text-transform:uppercase;width:110px}.nav-menu-desktop li a{color:#000;font-weight:700;text-decoration:none}.nav-menu-desktop li a:hover{color:red}.nav-menu-desktop .spacer{position:relative;top:2px;width:40px}.nav-menu-desktop svg:hover{fill:red}@media(min-width:769px){.logo-mobile{display:none}}.main-nav-mobile{height:0;overflow:hidden;position:absolute;top:79px;transition:height .6s ease,visibility 0s .5s;visibility:hidden;width:100%}.main-nav-mobile .nav-menu-mobile{height:100%;margin:0;padding:0}.main-nav-mobile .nav-menu-mobile li{background-color:#fff;list-style:none;text-align:center}.show .main-nav-mobile{box-shadow:0 3px 3px 0 rgba(0,0,0,.55);height:252px;transition:height .5s ease,visibility 0s;visibility:visible}.main-nav-mobile a{color:#000;display:block;font-size:1.3em;font-weight:700;line-height:50px;padding:0;text-decoration:none;text-transform:uppercase}.main-nav-mobile li:not(:first-child) a{border-top:1px solid gray}.main-nav-mobile a:active,.main-nav-mobile a:focus,.main-nav-mobile a:hover{background-color:hsla(0,0%,100%,.2)}.mobile-search-bar{border:none;box-sizing:border-box;font-family:Fira Sans Condensed;font-size:1.25rem;font-weight:700;height:48px;text-align:center;text-transform:uppercase;width:100%}.mobile-search-wrapper{border-top:1px solid gray}input#mobile-search.mobile-search-bar:focus{border:1px solid red;outline:none}.about-page a{color:#101010}.about-page a :hover{color:red}@media screen and (min-width:769px){.about-page h2{text-align:left}}.about-page .about-box{background-color:hsla(0,0%,100%,.85);display:flex;flex-direction:column;justify-content:center;margin:0 auto 50px;min-width:260px;padding:1rem}@media screen and (min-width:769px){.about-page .about-box{min-height:700px}}.about-page .about-box .about-details{max-width:1170px;position:absolute;width:83%}.about-page .about-box .about-details article{margin-bottom:2rem}@media screen and (min-width:769px){.about-page .about-box .about-details article{width:50%}}.about-page .about-box .about-details article .movie-db-logo{display:block;margin:0 auto;max-width:200px}@media screen and (min-width:769px){.about-page .about-box .about-details article .movie-db-logo{margin:0 auto 0 0}}.about-page .about-box .about-details .about-socials{display:flex;justify-content:space-between;margin:0 auto;width:200px}@media screen and (min-width:769px){.about-page .about-box .about-details .about-socials{margin:0 auto 0 0}}.about-bg{-webkit-animation:fadeInAnimation 2s ease;animation:fadeInAnimation 2s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;height:100%;-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,.35)),to(hsla(0,0%,100%,0)));mask-image:-webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,.35)),to(hsla(0,0%,100%,0)));min-height:720px;object-fit:cover;object-position:center;opacity:.25;pointer-events:none;position:relative;width:100%}@-webkit-keyframes fadeInAnimation{0%{opacity:0}to{opacity:0}}@media screen and (min-width:769px){@-webkit-keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}}.search-wrapper{display:none}@media screen and (min-width:769px){.search-wrapper{display:inline;left:0;position:fixed;right:0;text-align:center;top:90px;z-index:6}}.search-bar{border:1px solid rgba(60,64,67,.3);border-radius:3px;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);font-size:100%;font-weight:600;padding:6px 5px;text-align:center;text-transform:uppercase;width:280px}.search-bar :focus{background-color:green}input#search.search-bar:focus{border-color:red;outline:none}.cast-card{-webkit-column-gap:21px;column-gap:21px;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:1179px;min-width:288px;row-gap:21px}.cast-card img{border:10px solid #fff;width:151px}@media screen and (min-width:800px){.cast-card img{width:158px}}.cast-poster{height:247px;width:171px}@media(min-width:800px){.cast-poster{height:258px;width:178px}}.cast-poster:hover .cast-info-bg{opacity:.85;transition:all .5s ease-out}.cast-poster:hover .cast-info{opacity:1;transition:all .5s ease-out;z-index:1}.cast-info-bg{background-color:#000;height:227px;left:10px;position:absolute;top:10px;transition:all .5s ease;width:151px;z-index:-1}@media screen and (min-width:800px){.cast-info-bg{height:237px;width:159px}}.cast-info{color:#fff;opacity:0;padding:2px 15px;position:absolute;width:141px}@media screen and (min-width:800px){.cast-info{width:148px}}.cast-info .cast-name{font-size:95%;font-weight:500}.cast-info .cast-character{-webkit-line-clamp:7;-webkit-box-orient:vertical;display:-webkit-box;font-size:90%;overflow:hidden;text-overflow:ellipsis}.cast-more-info-button{border:1px solid #fff;color:#fff;cursor:pointer;display:block;left:15px;margin:0 auto;padding:10px 30px;position:absolute;text-align:center;text-transform:uppercase;top:191px;width:80px}@media screen and (min-width:800px){.cast-more-info-button{left:18px}}.cast-more-info-button a{color:#fff;text-decoration:none}.cast-more-info-button:hover{background-color:hsla(0,0%,100%,.85)}.cast-more-info-button:hover a{color:#000}.about-details-no-faves{max-width:1050px;position:absolute;width:72%}.about-box-no-faves{background-color:hsla(0,0%,100%,.85);margin:0 auto 50px;min-height:730px;min-width:260px;padding:15px;width:100%}@media screen and (min-width:769px){.about-box-no-faves{min-height:700px}}.about-box-no-faves article{margin-bottom:3rem}.about-bg-no-faves{-webkit-animation:fadeInAnimation 2s ease;animation:fadeInAnimation 2s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;height:100%;-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,.35)),to(hsla(0,0%,100%,0)));mask-image:-webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,.35)),to(hsla(0,0%,100%,0)));min-height:700px;object-fit:cover;object-position:center;opacity:.25;pointer-events:none;position:relative;width:100%}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.my-trip-container{list-style:none}@media screen and (min-width:410px){.my-trip-container{display:flex;flex-wrap:wrap;list-style-type:disc}}.my-trip-container li{margin-bottom:.75rem;padding-left:1rem}#nav-container{position:fixed;right:11px;top:52px;z-index:908}@media(min-width:769px){#nav-container{display:none}}.toggle-icon{cursor:pointer;display:block;margin:-2.2em auto 0 .2em;position:absolute;right:44px;transition:margin .6s;width:100%}.toggle-icon .bar{border-left:.6em solid #666;border-right:2em solid #101010;box-sizing:border-box;display:block;height:.2em;margin:.6em 0;transition-duration:.6s;transition-property:margin,border-right-color,box-shadow,-webkit-transform;transition-property:transform,margin,border-right-color,box-shadow;transition-property:transform,margin,border-right-color,box-shadow,-webkit-transform;width:.8em}.toggle-icon .bar:first-of-type{transition:opacity .3s}.toggle-icon .bar:nth-of-type(2){-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.show .toggle-icon{margin:-3.2em 0 0 .7em}.show .bar:first-of-type{opacity:0}.show .bar:nth-of-type(2){margin-left:1.4em;opacity:1;-webkit-transform:rotate(-137deg) translateY(-1.5em);transform:rotate(-137deg) translateY(-1.5em)}.show .bar:nth-of-type(3){margin-left:2px;margin-top:14px;-webkit-transform:rotate(-42deg);transform:rotate(-42deg)}.show .toggle-icon .bar:nth-of-type(2){border-right-color:#cd282c;box-shadow:.4em 0 .6em .1em rgba(205,40,44,.75)}.show .toggle-icon .bar:nth-of-type(3){border-right-color:#53e444;box-shadow:.4em 0 .6em .1em rgba(83,228,68,.65)}
/*# sourceMappingURL=main.157ae2d9.css.map*/