@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}footer,header,main,nav,section{display:block}body{line-height:1.1;overflow-x:hidden}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}html{color:#f1f1f1;font-family:helvetica neue,helvetica,arial;width:100%}.browse-dropdown-wrapper{opacity:0;position:absolute;top:3rem;transition:opacity 1s;visibility:hidden}.browse-dropdown-list{background-color:rgba(0,0,0,.85);border:1px solid hsla(0,0%,100%,.6);border-top:2px solid #fff;color:hsla(0,0%,100%,.75);flex-direction:column;font-size:1rem;width:280px}.browse-dropdown-list,.browse-dropdown-list li{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.browse-dropdown-list li{cursor:default;flex-direction:row;height:3.2rem;width:100%}.browse-dropdown-list li .active{color:#fff}.browse-dropdown-list li:hover{background-color:hsla(0,0%,100%,.05)}.hero-play-btn{background-color:#fff;border:none;border-radius:.3rem;font-weight:700;height:2rem}.hero-play-btn:hover{background-color:hsla(0,0%,100%,.75)}.hero-more-info-btn{background-color:hsla(240,0%,43%,.7);border:none;border-radius:.3rem;color:#fff;font-weight:700;height:2rem}.hero-more-info-btn:hover{background-color:hsla(240,0%,43%,.5)}.carousel-button{fill:#fff;background-color:transparent;border:none;height:100%;text-align:center;width:5%;z-index:100}.carousel-button:hover{background-color:rgba(0,0,0,.5)}.modal-play{align-items:center;background-color:#fff;border-radius:100px;display:flex;flex-direction:row;flex-wrap:wrap;height:34px;justify-content:center;width:34px}.modal-button{border:1px solid #fff;border-radius:100px}.like-modal-button,.modal-button{align-items:center;background-color:transparent;display:flex;flex-direction:row;flex-wrap:wrap;height:34px;justify-content:center;width:34px}.like-modal-button{border:none;border-radius:100px}.like-modal-button:hover{background-color:#302f2f}.footer-button{background-color:transparent;border:1px solid hsla(240,0%,43%,.7);color:hsla(240,0%,43%,.7);cursor:default;margin-bottom:1rem;padding:.5rem 1rem}.footer-button:hover{color:#fff}@media screen and (min-width:1px) and (max-width:500px){.carousel-button-icon{height:14px;width:14px}}.modal-close-button{background-color:transparent;border:none;position:absolute;right:.5rem;top:.5rem}.carousel-container{margin-bottom:3rem}.carousel-container h3{font-size:1.2rem;font-weight:600;padding:0 0 16px 32px}.carousel-wrapper{height:22.5vw;justify-content:space-between;overflow-x:hidden;position:relative;width:100%;z-index:2}.carousel-wrapper,.carousel-wrapper .carousel{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}.carousel-wrapper .carousel{flex-wrap:nowrap;height:100%;justify-content:center;padding:0 0 0 calc(5vw - 9px);position:absolute;top:0}@media screen and (min-width:500px) and (max-width:900px){.carousel-wrapper{height:33.75vw}}.carousel-wrapper button{opacity:0;transition:opacity .5s ease-out}@media screen and (min-width:1px) and (max-width:500px){.carousel-wrapper button{opacity:1}}.carousel-wrapper:hover button{opacity:1}.full-page-modal-wrapper{background-color:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%;z-index:150}.full-page-modal-container{align-items:center;align-items:flex-start;background-color:#141414;border-radius:6px;box-shadow:0 0 10px 1px #000;display:flex;flex-direction:column;flex-wrap:wrap;height:auto;justify-content:flex-start;left:50%;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60vw;z-index:200}@media screen and (min-width:1px) and (max-width:500px){.full-page-modal-container{width:90vw}}.full-page-modal-container .modal-close-button div{align-items:center;background-color:#fff;background-color:#141414;border-radius:50%;display:flex;flex-direction:row;flex-wrap:wrap;height:34px;justify-content:center;width:34px}.full-page-modal-container .full-page-iframe{border:none;height:40vh;padding:0;width:100%}@media screen and (min-width:1px) and (max-width:500px){.full-page-modal-container .full-page-iframe{height:30vh}}.full-page-modal-container .hover-modal-description{margin-top:0}.full-page-modal-description{align-items:center;align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;height:3rem;justify-content:space-around;margin-top:1rem auto;width:100%}.full-page-modal-description p{display:block;margin:auto}.full-page-modal-description .movie-score{color:#46d369}.full-page-modal-description .movie-rating{border:1px solid #fff;padding:0 .4rem}.full-page-modal-details{padding:1.5rem}.full-page-modal-details h1{font-size:1.5rem;margin:1rem 0 2rem}.full-page-modal-details p{font-size:1.2rem;line-height:1.3}.full-page-modal-people{padding:1.5rem}.full-page-modal-people span{font-weight:700}.hover-modal{align-items:center;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:#141414;border-radius:8px;box-shadow:0 0 10px 1px #000;display:flex;flex-direction:column;flex-wrap:wrap;font-size:.9rem;height:22.5vw;justify-content:flex-start;overflow:hidden;position:absolute;-webkit-transform:translate(0);transform:translate(0);width:15vw;z-index:10}@media screen and (min-width:500px) and (max-width:900px){.hover-modal{height:33.75vw;width:22.5vw}}.hover-modal img{height:100%;width:100%}.hover-modal .hover-iframe{border:none;height:auto;padding:0;width:100%}@-webkit-keyframes fade-in{0%{box-shadow:0 0 0 0 transparent;height:22.5vw;-webkit-transform:translate(0);transform:translate(0);width:calc(15vw - 2px)}to{box-shadow:0 0 10px 1px #000;height:33.75vw;-webkit-transform:translate(-3.75vw,-5.625vw);transform:translate(-3.75vw,-5.625vw);width:calc(22.5vw - 2px)}}@keyframes fade-in{0%{box-shadow:0 0 0 0 transparent;height:22.5vw;-webkit-transform:translate(0);transform:translate(0);width:calc(15vw - 2px)}to{box-shadow:0 0 10px 1px #000;height:33.75vw;-webkit-transform:translate(-3.75vw,-5.625vw);transform:translate(-3.75vw,-5.625vw);width:calc(22.5vw - 2px)}}@-webkit-keyframes fade-out{0%{box-shadow:0 0 10px 1px #000;height:33.75vw;-webkit-transform:translate(-3.75vw,-5.625vw);transform:translate(-3.75vw,-5.625vw);width:calc(22.5vw - 2px)}to{box-shadow:0 0 0 0 transparent;height:22.5vw;-webkit-transform:translate(0);transform:translate(0);width:calc(15vw - 2px)}}@keyframes fade-out{0%{box-shadow:0 0 10px 1px #000;height:33.75vw;-webkit-transform:translate(-3.75vw,-5.625vw);transform:translate(-3.75vw,-5.625vw);width:calc(22.5vw - 2px)}to{box-shadow:0 0 0 0 transparent;height:22.5vw;-webkit-transform:translate(0);transform:translate(0);width:calc(15vw - 2px)}}@-webkit-keyframes fade-left{0%{box-shadow:0 0 0 0 transparent;height:22.5vw;-webkit-transform:translate(0);transform:translate(0);width:calc(15vw - 2px)}to{box-shadow:0 0 10px 1px #000;height:33.75vw;-webkit-transform:translate(-7.5vw,-5.625vw);transform:translate(-7.5vw,-5.625vw);width:calc(22.5vw - 2px)}}@keyframes fade-left{0%{box-shadow:0 0 0 0 transparent;height:22.5vw;-webkit-transform:translate(0);transform:translate(0);width:calc(15vw - 2px)}to{box-shadow:0 0 10px 1px #000;height:33.75vw;-webkit-transform:translate(-7.5vw,-5.625vw);transform:translate(-7.5vw,-5.625vw);width:calc(22.5vw - 2px)}}@-webkit-keyframes fade-left-out{0%{box-shadow:0 0 10px 1px #000;height:33.75vw;-webkit-transform:translate(-7.5vw,-5.625vw);transform:translate(-7.5vw,-5.625vw);width:calc(22.5vw - 2px)}to{box-shadow:0 0 0 0 transparent;height:22.5vw;-webkit-transform:translate(0);transform:translate(0);width:calc(15vw - 2px)}}@keyframes fade-left-out{0%{box-shadow:0 0 10px 1px #000;height:33.75vw;-webkit-transform:translate(-7.5vw,-5.625vw);transform:translate(-7.5vw,-5.625vw);width:calc(22.5vw - 2px)}to{box-shadow:0 0 0 0 transparent;height:22.5vw;-webkit-transform:translate(0);transform:translate(0);width:calc(15vw - 2px)}}@-webkit-keyframes fade-right{0%{box-shadow:0 0 0 0 transparent;height:22.5vw;-webkit-transform:translate(0);transform:translate(0);width:calc(15vw - 2px)}to{box-shadow:0 0 10px 1px #000;height:33.75vw;-webkit-transform:translateY(-5.625vw);transform:translateY(-5.625vw);width:calc(22.5vw - 2px)}}@keyframes fade-right{0%{box-shadow:0 0 0 0 transparent;height:22.5vw;-webkit-transform:translate(0);transform:translate(0);width:calc(15vw - 2px)}to{box-shadow:0 0 10px 1px #000;height:33.75vw;-webkit-transform:translateY(-5.625vw);transform:translateY(-5.625vw);width:calc(22.5vw - 2px)}}@-webkit-keyframes fade-right-out{0%{box-shadow:0 0 10px 1px #000;height:33.75vw;-webkit-transform:translateY(-5.625vw);transform:translateY(-5.625vw);width:calc(22.5vw - 2px)}to{box-shadow:0 0 0 0 transparent;height:22.5vw;-webkit-transform:translate(0);transform:translate(0);width:calc(15vw - 2px)}}@keyframes fade-right-out{0%{box-shadow:0 0 10px 1px #000;height:33.75vw;-webkit-transform:translateY(-5.625vw);transform:translateY(-5.625vw);width:calc(22.5vw - 2px)}to{box-shadow:0 0 0 0 transparent;height:22.5vw;-webkit-transform:translate(0);transform:translate(0);width:calc(15vw - 2px)}}@media screen and (min-width:500px) and (max-width:900px){@-webkit-keyframes fade-in{0%{box-shadow:0 0 0 0 transparent;height:33.75vw;-webkit-transform:translate(0);transform:translate(0);width:calc(22.5vw - 2px)}to{box-shadow:0 0 10px 1px #000;height:50.62vw;-webkit-transform:translate(-5.625vw,-8.435vw);transform:translate(-5.625vw,-8.435vw);width:calc(33.75vw - 2px)}}@keyframes fade-in{0%{box-shadow:0 0 0 0 transparent;height:33.75vw;-webkit-transform:translate(0);transform:translate(0);width:calc(22.5vw - 2px)}to{box-shadow:0 0 10px 1px #000;height:50.62vw;-webkit-transform:translate(-5.625vw,-8.435vw);transform:translate(-5.625vw,-8.435vw);width:calc(33.75vw - 2px)}}@-webkit-keyframes fade-out{0%{box-shadow:0 0 10px 1px #000;height:50.625vw;-webkit-transform:translate(-5.625vw,-8.435vw);transform:translate(-5.625vw,-8.435vw);width:calc(33.75vw - 2px)}to{box-shadow:0 0 0 0 transparent;height:33.75vw;-webkit-transform:translate(0);transform:translate(0);width:calc(22.5vw - 2px)}}@keyframes fade-out{0%{box-shadow:0 0 10px 1px #000;height:50.625vw;-webkit-transform:translate(-5.625vw,-8.435vw);transform:translate(-5.625vw,-8.435vw);width:calc(33.75vw - 2px)}to{box-shadow:0 0 0 0 transparent;height:33.75vw;-webkit-transform:translate(0);transform:translate(0);width:calc(22.5vw - 2px)}}@-webkit-keyframes fade-left{0%{box-shadow:0 0 0 0 transparent;height:33.75vw;-webkit-transform:translate(0);transform:translate(0);width:calc(22.5vw - 2px)}to{box-shadow:0 0 10px 1px #000;height:50.62vw;-webkit-transform:translate(-11.25vw,-8.435vw);transform:translate(-11.25vw,-8.435vw);width:calc(33.75vw - 2px)}}@keyframes fade-left{0%{box-shadow:0 0 0 0 transparent;height:33.75vw;-webkit-transform:translate(0);transform:translate(0);width:calc(22.5vw - 2px)}to{box-shadow:0 0 10px 1px #000;height:50.62vw;-webkit-transform:translate(-11.25vw,-8.435vw);transform:translate(-11.25vw,-8.435vw);width:calc(33.75vw - 2px)}}@-webkit-keyframes fade-left-out{0%{box-shadow:0 0 10px 1px #000;height:50.625vw;-webkit-transform:translate(-11.25vw,-8.435vw);transform:translate(-11.25vw,-8.435vw);width:calc(33.75vw - 2px)}to{box-shadow:0 0 0 0 transparent;height:33.75vw;-webkit-transform:translate(0);transform:translate(0);width:calc(22.5vw - 2px)}}@keyframes fade-left-out{0%{box-shadow:0 0 10px 1px #000;height:50.625vw;-webkit-transform:translate(-11.25vw,-8.435vw);transform:translate(-11.25vw,-8.435vw);width:calc(33.75vw - 2px)}to{box-shadow:0 0 0 0 transparent;height:33.75vw;-webkit-transform:translate(0);transform:translate(0);width:calc(22.5vw - 2px)}}@-webkit-keyframes fade-right{0%{box-shadow:0 0 0 0 transparent;height:33.75vw;-webkit-transform:translate(0);transform:translate(0);width:calc(22.5vw - 2px)}to{box-shadow:0 0 10px 1px #000;height:50.62vw;-webkit-transform:translateY(-8.435vw);transform:translateY(-8.435vw);width:calc(33.75vw - 2px)}}@keyframes fade-right{0%{box-shadow:0 0 0 0 transparent;height:33.75vw;-webkit-transform:translate(0);transform:translate(0);width:calc(22.5vw - 2px)}to{box-shadow:0 0 10px 1px #000;height:50.62vw;-webkit-transform:translateY(-8.435vw);transform:translateY(-8.435vw);width:calc(33.75vw - 2px)}}@-webkit-keyframes fade-right-out{0%{box-shadow:0 0 10px 1px #000;height:50.625vw;-webkit-transform:translateY(-8.435vw);transform:translateY(-8.435vw);width:calc(33.75vw - 2px)}to{box-shadow:0 0 0 0 transparent;height:33.75vw;-webkit-transform:translate(0);transform:translate(0);width:calc(22.5vw - 2px)}}@keyframes fade-right-out{0%{box-shadow:0 0 10px 1px #000;height:50.625vw;-webkit-transform:translateY(-8.435vw);transform:translateY(-8.435vw);width:calc(33.75vw - 2px)}to{box-shadow:0 0 0 0 transparent;height:33.75vw;-webkit-transform:translate(0);transform:translate(0);width:calc(22.5vw - 2px)}}}.card-details{align-items:center;align-items:stretch;height:auto;justify-content:space-around}.card-details,.hover-modal-btn-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.hover-modal-btn-container{align-items:center;justify-content:flex-start;padding:10px}.hover-modal-btn-container div.modal-button,.hover-modal-btn-container div.modal-play{margin:5px}.hover-modal-btn-container .modal-button:last-child{cursor:pointer;margin-left:auto}.hover-modal-description{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:space-around;margin-top:auto;width:100%}.hover-modal-description p{display:block;margin:auto}.hover-modal-description .movie-score{color:#46d369}.hover-modal-description .movie-rating{border:1px solid #fff;padding:0 .4rem}.like-button-wrapper{cursor:pointer;position:relative}.like-modal{align-items:center;background-color:#1d1d1d;border-radius:100px;box-shadow:none;cursor:default;display:flex;flex-direction:row;flex-wrap:wrap;flex-wrap:nowrap;height:44px;justify-content:center;left:-28px;opacity:0;position:absolute;top:0;transition:all .6s .3s;visibility:hidden;width:100px}.like-modal div{position:relative}.like-modal div:first-child p{background-color:#fff;border-radius:5px;box-shadow:0 0 10px 1px #000;color:#141414;display:none;font-size:1.1rem;font-weight:600;left:-43px;padding:.3rem 1rem;position:absolute;top:-35px;width:120px}.like-modal div:first-child:hover p{display:block}.like-modal div:nth-child(2) p{background-color:#fff;border-radius:5px;box-shadow:0 0 10px 1px #000;color:#141414;display:none;font-size:1.1rem;font-weight:600;left:-43px;padding:.3rem 1rem;position:absolute;top:-35px;width:120px}.like-modal div:nth-child(2):hover p{display:block}.like-modal div:nth-child(3) p{background-color:#fff;border-radius:5px;box-shadow:0 0 10px 1px #000;color:#141414;display:none;font-size:1.1rem;font-weight:600;left:-63px;padding:.3rem 1rem;position:absolute;top:-35px;white-space:nowrap;width:160px}.like-modal div:nth-child(3):hover p{display:block}.like-modal-active{box-shadow:0 0 10px 1px #000;justify-content:space-around;left:-43px;opacity:1;visibility:visible;width:130px}.mobile-carousel-conatiner{margin-bottom:3rem}.mobile-carousel-conatiner h3{font-size:1.2rem;font-weight:600;padding:0 0 16px 5vw}.mobile-carousel-wrapper{justify-content:space-between;overflow-x:scroll;position:relative;width:100%;z-index:2}.mobile-carousel-wrapper,.mobile-carousel-wrapper .mobile-carousel{align-items:center;align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;height:70vw}.mobile-carousel-wrapper .mobile-carousel{flex-wrap:nowrap;justify-content:center;left:5vw;padding-right:5vw;position:absolute;top:0}.mobile-carousel-wrapper::-webkit-scrollbar{-webkit-appearance:none;background:transparent;display:none;scrollbar-width:0}.nav-search-icon{fill:#fff;height:16px;margin:0 .5rem;width:16px}.browse-arrow{fill:#fff;height:12px;margin-left:2px;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:12px}.browse-dropdown-list-arrow{fill:#fff;height:18px;left:131px;position:absolute;top:-12px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:18px}.nav-alerts-icon{fill:#fff;height:20px;margin:0 1rem 0 .5rem;width:28px}.hero-play-icon{height:20px;margin-right:.3rem;width:20px}@media screen and (min-width:1px) and (max-width:500px){.hero-play-icon{height:14px;width:14px}}.hero-more-info-icon{fill:#fff;height:20px;margin-right:.5rem;width:20px}@media screen and (min-width:1px) and (max-width:500px){.hero-more-info-icon{height:14px;width:14px}}.play-button{color:#000}.modal-play-icon{height:20px;margin-left:2px;width:20px}.modal-close-icon,.modal-icon{fill:#fff;height:20px;width:20px}.dislike-icon{stroke:#fff;fill:#1d1d1d;height:20px;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:20px}footer{background-color:#141414;color:hsla(240,0%,43%,.7);font-size:.8rem}footer .footer-container{margin:auto;width:80%}footer ul{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:.5rem}footer li{margin-bottom:1rem;width:25%}footer a{color:hsla(240,0%,43%,.7);cursor:default;text-decoration:none}footer a:hover{text-decoration:underline}@media screen and (min-width:1px) and (max-width:500px){footer li{width:50%}}.footer-social{margin-bottom:.5rem}.footer-social span{margin-right:1.5rem}.copyright-info{padding-bottom:1rem}.footer-social-icon{fill:#fff;cursor:default}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;position:relative;text-shadow:0 1px 6px rgba(0,0,0,.8);width:100%}@media screen and (min-width:1px) and (max-width:500px){.hero{background-position:50%;background-repeat:no-repeat;background-size:cover contain;height:50vw;width:100vw}}.hero-details{align-items:center;align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;font-weight:600;height:80%;justify-content:flex-end;margin-left:5rem;width:35vw}@media screen and (min-width:1px) and (max-width:500px){.hero-details{margin-left:1rem;width:60vw}}.hero-details h1{font-size:1.4rem;font-weight:800;margin-bottom:.5rem}@media screen and (min-width:1px) and (max-width:500px){.hero-details h1{font-size:1rem;margin-bottom:1rem}}.hero-details p{margin-bottom:.5rem}@media screen and (min-width:1px) and (max-width:500px){.hero-details p{display:none}}.hero-details button{cursor:default;font-size:1rem;margin:0 .5rem 0 0}@media screen and (min-width:1px) and (max-width:500px){.hero-details button{font-size:.8rem;margin:0 1rem 0 0}}.hero-details button:last-child{cursor:pointer}.hero-btn-text{align-items:center;display:flex;padding:0 .5rem}@media screen and (min-width:1px) and (max-width:500px){.hero-btn-text{padding:0 .2rem}}.rating-container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:80%;justify-content:flex-end;position:absolute;right:0;top:0}.rating-container p{background-color:hsla(240,0%,43%,.5);border-left:3px solid #fff;font-weight:600;padding:.3rem 2.5rem .3rem .6rem;text-shadow:0 1px 6px rgba(0,0,0,.8)}@media screen and (min-width:1px) and (max-width:500px){.rating-container p{font-size:.8rem}}.movie-card-wrapper{cursor:pointer;height:100%;margin:0 3px}@media screen and (min-width:1px) and (max-width:500px){.movie-card-wrapper{width:40vw}}.movie-card{align-items:center;border-radius:6px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;overflow:hidden}.movie-card,.movie-card img{height:100%;width:100%}nav{align-items:center;background-color:transparent;background-image:linear-gradient(#141414,transparent);display:flex;flex-direction:row;flex-wrap:wrap;height:4rem;justify-content:space-between;left:0;padding:0 3rem;position:fixed;text-shadow:0 1px 6px rgba(0,0,0,.8);top:0;transition:background-color .7s;width:100%;z-index:50}@media screen and (min-width:1px) and (max-width:500px){nav{padding:0 .5rem}}@media screen and (min-width:500px) and (max-width:900px){nav{padding:0 1rem}}.left-nav{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.left-nav .main-logo{height:1.8rem;margin:0 1.5rem 0 0}@media screen and (min-width:1px) and (max-width:500px){.left-nav .main-logo{height:1.6rem;margin:0}}@media screen and (min-width:500px) and (max-width:900px){.left-nav .main-logo{margin:0 .5rem 0 0}}.left-nav .nav-li-item{color:hsla(0,0%,100%,.75);cursor:default;font-size:.8rem;margin:0 .7rem}@media screen and (min-width:1px) and (max-width:500px){.left-nav .nav-li-item{display:none}}@media screen and (max-width:875px){.left-nav .nav-li-item:not(:last-child){display:none}}@media screen and (min-width:876px){.left-nav .nav-li-item:last-child{display:none}}.left-nav .active{color:#fff}.left-nav .nav-li-item:not(.active):hover{color:hsla(0,0%,100%,.6)}.left-nav .nav-browse-item{cursor:pointer;height:3rem;justify-content:center}.left-nav .nav-browse-item,.right-nav{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;position:relative}.right-nav{height:100%;justify-content:flex-end}.right-nav .account-settings,.right-nav .notification-menu-container{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:wrap;height:4rem;justify-content:center;position:relative}.user-dropdown{background-color:rgba(0,0,0,.85);border:1px solid hsla(0,0%,100%,.75);cursor:default;font-size:.8rem;opacity:0;position:absolute;right:0;top:4rem;transition:opacity 1s;visibility:hidden;width:200px}.user-dropdown ul{padding:10px 0}.user-dropdown ul:last-child{text-align:center}.user-dropdown ul:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.75)}.user-dropdown li{padding:5px 10px}.user-dropdown li:hover{text-decoration:underline}.user-dropdown img{margin:0 10px 0 0}.user-dropdown .user-menu-item-flex-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;flex-wrap:nowrap;justify-content:flex-start;margin:auto;width:80%}.search-box{align-items:center;border:none;cursor:pointer;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:8px 0;transition:border .5s}.search-input{background-color:inherit;border:none;color:#fff;transition:width .5s;width:0}.search-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.75)}.search-input:focus{caret-color:#fff;outline:none}.add-border{background-color:rgba(0,0,0,.85);border:1px solid #fff}.search-box-active{width:200px}@media screen and (min-width:1px) and (max-width:500px){.search-box-active{width:125px}}@media screen and (max-width:650px){.search-box-active{width:125px}}.notification-dropdown{border:1px solid #fff;color:hsla(0,0%,100%,.75);height:400px;line-height:1.3;opacity:0;overflow:hidden;overflow-y:scroll;position:absolute;right:0;top:4rem;transition:opacity 1s;visibility:hidden;width:350px}.notification-dropdown li{background-color:rgba(0,0,0,.85);cursor:pointer}.notification-dropdown li :hover{background-color:rgba(0,0,0,.8)}.notification-dropdown li :hover div p:first-of-type,.notification-dropdown li :hover h1{color:#fff}.notification-dropdown li:not(:last-child){border-bottom:1px solid #fff}.notification-dropdown a{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;flex-wrap:nowrap;justify-content:flex-start}.notification-dropdown a img{border-radius:10px;height:auto;margin:1rem;width:150px}.notification-date{color:hsla(240,0%,43%,.5);font-size:.9rem;margin-top:.2rem}.hide-indicator{display:none}.open-dropdown-indicator{fill:#fff;bottom:0;height:14px;left:10px;position:absolute;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:14px}.dropdown-active{opacity:1;transition:opacity 1s;visibility:visible}.dropdown-item-icon{fill:#fff;height:18px;margin:0 16px 2px 0;width:18px}.avatar-img{border-radius:5px;height:2rem;width:2rem}.nav-scrolled{background-color:#141414}.nav-avatar-indicator-closed{fill:#fff;height:10px;margin-left:4px;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:10px}.indicator-active{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}#movie-display-container{background-color:#141414;padding:2rem 0;width:100%}.App{max-width:100%;position:relative}
/*# sourceMappingURL=main.c3eea309.css.map*/