body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.movie-container{background-color:#24282c;height:calc(100% - 70px);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;overflow-y:auto}.movie-container .movie-button-section{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.movie-container .movie-button-section .back-button-container{margin:15px;color:#fff;cursor:pointer}.movie-container .movie-button-section .back-button-container .back-button{color:#fff;height:24px;width:24px;vertical-align:middle}.movie-container .movie-button-section .yp3-button{margin-right:15px}.movie-container .movie-button-section .remove-button{margin:10px;height:40px;padding:8px 30px;border-radius:20px;background-color:#dfe1e5}.movie-details{padding:0 5px 0 20px}.movie-details .section-label{color:#fff;font-weight:600}.movie-details .movie-main{color:#fff;margin:5px 5px 0 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;grid-gap:8px;gap:8px;-webkit-align-items:center;align-items:center}.movie-details .movie-main .movie-title{font-size:22px;font-weight:800}.movie-details .movie-main .release-year{font-size:18px}.movie-details .movie-main .tmdb-score-container{display:-webkit-flex;display:flex;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center}.movie-details .movie-main .tmdb-score-container .tmbd-logo{height:15px;margin-right:8px}.movie-details .movie-main .tmdb-score-container .tmdb-score{position:relative;line-height:15px}.movie-details .movie-main .tmdb-score-container .tmdb-score .green{color:#19b12e}.movie-details .movie-main .tmdb-score-container .tmdb-score .yellow{color:#faad14}.movie-details .movie-main .tmdb-score-container .tmdb-score .red{color:#ff5252}.movie-details .movie-main .tmdb-score-container .tmdb-score .inner-box{top:0;left:0;bottom:0;right:0;position:absolute;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:13px;font-weight:700}.movie-details .movie-main .tmdb-score-container .tmdb-score .inner-box .percent{font-size:8px}.movie-details .movie-top-section{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.movie-details .movie-top-section .movie-poster{border-radius:15px;height:200px;padding-right:10px}.movie-details .movie-top-section .movie-meta-container{color:#fff}.movie-details .movie-top-section .movie-meta-container .directed-by{font-size:12px}.movie-details .movie-top-section .movie-meta-container .genre-tag-container{margin:5px 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.movie-details .movie-top-section .movie-meta-container .genre-tag-container .genre-tag{background-color:#323538;padding:5px;font-size:12px;margin:0 5px 5px 0;border-radius:4px}.movie-details .movie-top-section .movie-meta-container .runtime-info{font-size:12px;font-weight:400;display:-webkit-flex;display:flex;grid-gap:8px;gap:8px;-webkit-align-items:center;align-items:center}.movie-details .movie-top-section .movie-meta-container .runtime-info .trailer-link .link-icon{font-size:14px;margin-left:5px;vertical-align:middle}.movie-details .movie-tagline-container{margin:10px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.movie-details .movie-tagline-container .movie-tagline{color:#fff;font-size:14px;text-transform:uppercase;padding:5px 10px}.movie-details .movie-description{margin:10px 0 0;color:#fff;font-size:14px}.movie-details .movie-cast-crew-container{margin:10px 0}.movie-details .movie-cast-crew-container .movie-cast-crew{display:-webkit-flex;display:flex;overflow-x:auto;margin-top:5px}.movie-details .justwatch-logo{height:10px;margin-left:10px;cursor:pointer}.person-wrapper{margin:0 10px 10px;max-width:100px}.person-wrapper .person-image{height:100px;width:100px;color:#fff}.person-wrapper .person-name{color:#fff;text-align:center;font-size:12px;padding-top:5px;font-weight:700}.person-wrapper .person-info{color:#fff;text-align:center;font-size:11px;padding-top:5px}.person-wrapper .MuiAvatar-fallback{width:50px;height:50px}.person-wrapper .MuiAvatar-colorDefault{background-color:#4e5157}.providers-container{background:#323538;margin:10px 10px 0 0;padding:15px;border-radius:10px}.providers-container .provider-type-label{color:#fff;text-transform:uppercase;font-size:12px;padding:5px 0}.providers-container .provider-image{height:40px;border-radius:10px;margin:0 4px 4px 0}.providers-container .expand-btn{color:#fff;cursor:pointer;font-size:14px;background:#474747;padding:6px 12px;border-radius:25px;margin-top:10px;display:inline-block}.providers-container .expand-btn .expand-icon{color:#fff;margin-left:5px;vertical-align:middle}.providers-container .no-providers{color:#fff;font-size:12px}.share-container{background-color:#24282c;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:10px 0}.share-container .logo{margin:10px 20px;height:30px;-webkit-align-self:flex-start;align-self:flex-start}.share-container .share-grid{padding:10px;-webkit-justify-content:space-around;justify-content:space-around}.share-container .share-grid .movie-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.share-container .share-grid .movie-item.selected .movie-image-container .movie-poster{border:2px solid #fff}.share-container .share-grid .movie-item .movie-image-container .movie-poster{height:auto;max-height:200px;max-width:135px;width:100%;cursor:pointer}.movie-image-container:hover{text-decoration:none}.movie-image-container .movie-poster{border-radius:15px;border:2px solid transparent}.movie-image-container .movie-poster:hover{border:2px solid #fff}.movie-image-container .movie-name{color:#fff;text-decoration:none;margin-top:5px}.movie-image-container .movie-name:hover{text-decoration:none}.movie-image-container .blank-poster{height:250px;min-height:250px;max-width:168px;width:168px;background:#1e1f20;border-radius:15px;color:#fff;padding:10px;border:2px solid transparent}.movie-image-container .blank-poster:hover{border:2px solid #fff}.tab-nav{background-color:#24282c;color:#ff0f7b;padding:5px 10px}.tab-nav .MuiTab-root{color:#9b9b9b;font-family:"Montserrat",sans-serif}.tab-nav .MuiTab-root.Mui-selected{color:#fff;font-weight:700}.tab-nav .MuiTabs-indicator{background:linear-gradient(130deg,#b018e7,#ff0f7b 40%,#f89b29 75%)}.header-container{background-color:#24282c;height:60px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.header-container .logo{margin:18px;height:30px;cursor:pointer}.header-container .search-bar{position:relative;margin:10px 15px 0 0}.header-container .search-bar .search-input{height:44px;width:300px;border-radius:22px;border:0;padding:10px 10px 10px 45px;background:#323538;color:#fff}.header-container .search-bar .search-input::-webkit-input-placeholder{font-weight:500}.header-container .search-bar .search-input::placeholder{font-weight:500}.header-container .search-bar .search-input:focus{outline:none}.header-container .search-bar .search-icon{left:15px;top:24px}.header-container .search-bar .clear-icon,.header-container .search-bar .search-icon{fill:#fff;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.header-container .search-bar .clear-icon{right:10px;top:22px;cursor:pointer}.movie-swipe-container{scroll-behavior:smooth}.movie-swipe-container,.movie-swipe-container .movie-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1;flex:1 1}.movie-swipe-container .movie-wrapper{background-color:#24282c;margin:0;padding:10px 0 0;height:calc(100% - 118px);width:100%;-webkit-user-select:none;user-select:none;overflow-y:auto}.movie-swipe-container .movie-card-container .movie-card{background-color:#24282c}.movie-swipe-container .movie-card-container .movie-card .movie-image-container .blank-poster,.movie-swipe-container .movie-card-container .movie-card .movie-image-container .movie-poster{min-height:55vh;max-height:55vh}.movie-swipe-container .movie-card-container .movie-card .movie-image-container .blank-poster{max-width:100%;width:auto;aspect-ratio:2/3}.movie-swipe-container .movie-card-container .movie-card .movie-image-container .movie-poster{object-fit:scale-down;border:none;touch-action:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.movie-swipe-container .movie-card-container .movie-card .movie-image-container .movie-poster:hover{border:none}.movie-swipe-container .button-container{margin-top:10px}.movie-swipe-container .button-container .skip-button{margin-right:30px;background-color:#323538;min-width:auto;border-radius:50%;line-height:normal;padding:15px;color:#fff}.movie-swipe-container .button-container .add-button{background:linear-gradient(180deg,#b018e7,50%,#ff0f7b);min-width:auto;border-radius:50%;line-height:normal;padding:15px;color:#fff}.movie-swipe-container .button-container .add-button.Mui-disabled{background:#9b9b9b;cursor:not-allowed}.movie-swipe-container .max-selected-msg{color:#fff;font-size:12px;margin-top:5px}.movie-swipe-container .movie-details-container{margin-top:20px;height:100%;width:100%}.movie-swipe-container .filter-genre{-webkit-align-self:self-start;align-self:self-start;margin:0 15px}.search-container{height:calc(100% - 60px);background-color:#24282c;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-bottom:20px}.search-container .search-query{font-weight:700;font-family:"Montserrat",sans-serif}.search-container .search-results{margin:5px 10px;-webkit-flex-wrap:wrap;flex-wrap:wrap}.search-container .search-results .movie-item{margin:5px}.search-container .search-results .movie-item .movie-poster{height:250px;width:168px}.search-container .search-results .movie-item .movie-name{display:none}.footer{background-color:#24282c;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;justify-content:flex-end;padding:8px}.footer .footer-text{color:#9b9b9b;font-size:10px;padding-right:5px}.footer .tmbd-logo{height:20px}.movie-discover-container{height:calc(100% - 60px);background-color:#24282c;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-bottom:20px}.movie-discover-container .genre-container{margin:10px 20px}.movie-discover-container .genre-container .genre-chip{margin:0 3px 3px 0}.movie-discover-container .discover-results{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;margin:0 15px 15px}.movie-discover-container .discover-results .sort-by-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.movie-discover-container .discover-results .sort-by-container .sort-by{width:200px}.movie-discover-container .discover-results .sort-by-container .sort-by .MuiSelect-select{font-size:14px}.movie-discover-container .discover-results .discover-container{margin-left:0;margin-top:0;width:auto}.movie-discover-container .discover-results .discover-container .infinite-scroll-component{height:100%;width:100%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.movie-discover-container .discover-results .discover-container .movie-item{padding:5px}.movie-discover-container .discover-results .discover-container .movie-item .movie-image-container .blank-poster{width:100%;max-width:100%;height:100%;min-height:auto}.movie-discover-container .discover-results .discover-container .movie-item .movie-image-container .movie-poster{width:100%}.movie-discover-container .discover-results .discover-container .movie-item .movie-name{display:none}.movie-discover-container .discover-results .discover-container .loading-msg{color:#dfe1e5}#root{min-height:100vh;overflow:hidden}#root,.app-container{background-color:#24282c;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.app-container{height:100%;width:100%;overflow-y:auto}body,html{height:100%;min-height:100%;padding:0;margin:0}*{font-family:"Open Sans",sans-serif}.header-title{margin:0 20px;font-size:14px;font-family:"Montserrat",sans-serif;font-weight:700;color:#d3d3d3;text-transform:uppercase}.message-card{background-color:#323538!important;color:#fff!important;margin:16px;padding:15px;border-radius:10px!important;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.message-card .title{font-size:22px;font-weight:700}.message-card .message{padding:10px 0}.yp3-button{color:#fff!important;background:linear-gradient(90deg,#b018e7,#f89b29);padding:8px 30px;border-radius:20px!important;margin-top:10px;width:250px;-webkit-align-self:center;align-self:center;font-weight:700!important;font-family:"Open Sans",sans-serif}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb:vertical{background:#4e5157;border-radius:8px}::-webkit-scrollbar-track{background-color:#24282c}button:focus{outline:none}@font-face{font-family:"Noteworthy Light";font-style:normal;font-weight:400;src:local("Noteworthy Light"),url(/static/media/Noteworthy-Lt.befd2d7a.woff) format("woff")}.my-picks-container{background-color:#24282c;height:calc(100% - 36px);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1;flex:1 1}.my-picks-container .my-picks-grid-container{padding:10px;-webkit-justify-content:space-around;justify-content:space-around}.my-picks-container .my-picks-grid-container .my-pick-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.my-picks-container .my-picks-grid-container .my-pick-item .movie-image-container .movie-poster{height:auto;max-height:55vh;width:100%;max-width:135px}.my-picks-container .my-picks-grid-container .my-pick-item .remove-button{min-width:44px;padding:10px;border-radius:15px;background-color:#323538;color:#fff;margin-top:10px;box-shadow:0 2px 4px 0 rgba(0,0,0,.509804)}.my-picks-container .my-picks-grid-container .my-pick-item .remove-button .delete-icon{font-size:20px}.my-picks-container .my-picks-grid-container .no-picks-container{width:100%}.my-picks-container .my-picks-grid-container .no-picks-container .no-picks-message{color:#fff;margin:5px 30px}.my-picks-container .my-picks-grid-container .no-picks-container .no-picks-tiles{color:#fff;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.my-picks-container .my-picks-grid-container .no-picks-container .no-picks-tiles .my-pick-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.my-picks-container .my-picks-grid-container .no-picks-container .no-picks-tiles .my-pick-item .blank-item{margin:15px 0 0 15px;height:180px;max-height:55vh;width:100%;max-width:30vw;background:#404040;border-radius:15px;color:#fff;border:2px solid transparent;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:20px;font-weight:600;font-family:"Montserrat",sans-serif}.my-picks-container .share-message{background-color:#323538;color:#fff;margin:10px 10px 0;border-radius:10px}.my-picks-container .share-message .share-message-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.my-picks-container .share-message .share-message-content .yp3-button{margin-top:10px}.my-picks-container .divider{margin:10px 20px 20px;border-top:1px solid #4e5157}.my-picks-container .popular-movie-container{margin:10px;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}@media only screen and (min-width:600px){.my-picks-container .my-picks-grid-container .no-picks-tiles .my-pick-item .blank-item{max-width:130px}}