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}.app-body{--primary-color:#d08770;--background-color:#3b4252;--text-color:#e5e9f0;align-items:center;background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;font-family:Raleway;height:100vh;overflow:hidden;position:relative;width:100vw}.app-body button{background-color:var(--primary-color);border:none;border-radius:4px;color:var(--text-color);cursor:pointer;outline:none;padding:8px}.app-body input{border:none;border-radius:12px;padding:8px}.app-body input[type=checkbox]{-webkit-filter:invert(25%) hue-rotate(150deg) brightness(1.7);filter:invert(25%) hue-rotate(150deg) brightness(1.7)}.app-body a{color:#88c0d0}.app-body a:visited{color:#3b4252}.app-body .search-bar{align-items:center;border-radius:8px;box-shadow:6px 10px 15px -5px rgba(0,0,0,.74);display:flex;flex-direction:row;justify-content:center;margin-top:2vh}.app-body .search-bar .search-input{border-bottom-right-radius:0;border-top-right-radius:0;flex:1 1;min-width:30vw}.app-body .search-bar .dropdown-wrapper{border-bottom-left-radius:0;border-bottom-right-radius:12px;border-left:1px solid var(--background-color);border-top-left-radius:0;border-top-right-radius:12px;height:100%;padding:0}.app-body .header-bar{background-color:var(--primary-color);display:flex;flex-direction:row;font-size:3em;padding:4px 0;text-align:left;width:100%}.app-body .header-bar .page-title{flex-grow:1;margin-left:2vw}.app-body .header-bar .user-card-wrapper{flex-grow:0;margin-right:2vw}.app-body .header-bar .user-card-wrapper .user-image{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-right:4px}.app-body .login-wrapper{margin-top:25vh}.app-body .login-wrapper button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}@media only screen and (max-width:600px){.app-body .header-bar{align-items:center;display:flex;flex-direction:column;justify-content:center}.app-body .header-bar .page-title{margin-bottom:1vh;text-align:center}.app-body .honker-popup .honker-text{font-size:.7em}.app-body .honker-popup .honker-image{height:40vh!important;width:auto}}.login-wrapper .icon-and-button{align-items:center;background-color:var(--primary-color);border-radius:4px;display:flex;flex-direction:row;justify-content:center;padding:8px}.login-wrapper .icon-and-button .button-text{font-size:1.5em;margin-left:2vw;text-transform:uppercase}.login-wrapper .icon-and-button .google-logo{width:48px}.login-wrapper .honker-popup{align-items:center;background-color:var(--background-color);border:2px solid #000;border-radius:8px;display:flex;flex-direction:column;font-size:3em;justify-content:center;left:50%;max-height:90vh;max-width:90vw;overflow:hidden;padding:2vw;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:3}.login-wrapper .honker-popup .honker-text{margin:4vh 0}.login-wrapper .honker-popup .sign-out-btn{font-size:.5em;margin-top:2vh;width:200px}.login-wrapper .honker-popup .honker-image{height:50vh}.user-card-wrapper{display:flex;flex-direction:row}.user-card-wrapper .user-image .photo{border-radius:50%;width:42px}.user-card-wrapper .user-info{display:flex;flex-direction:column;font-size:.5em;margin-left:1vw;margin-top:4px;text-align:left}.user-card-wrapper .log-out-icon{margin-left:2vw;width:16px}.dropdown-wrapper{background-color:#fff;border-radius:4px;color:grey;height:calc(100% - 12px);padding:6px;position:relative}.dropdown-wrapper .header{display:flex;flex-direction:row;height:100%;text-align:center}.dropdown-wrapper .header .closed-icon{width:14px}.dropdown-wrapper .header .header-text{align-self:center;flex-grow:1;min-width:64px}.dropdown-wrapper .header .dropdown-arrow{align-self:center;flex-grow:0;height:18px;margin-right:4px;width:18px}.dropdown-wrapper .header .dropdown-arrow.open{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dropdown-wrapper .dropdown-options{background-color:#fff;border:1px solid var(--background-color);border-radius:4px;color:grey;display:flex;flex-direction:column;position:absolute;right:0;top:32px;width:100%;z-index:2}.dropdown-wrapper .dropdown-options .option-item{padding:4px 8px}.dropdown-wrapper .dropdown-options .option-item:hover{cursor:pointer;text-decoration:underline}.dropdown-wrapper .dropdown-options .option-item.selected{background-color:var(--primary-color);color:var(--background-color)}.genre-label{border-radius:8px;padding:4px;text-align:center}.movie-card-wrapper{background-color:var(--primary-color);border-radius:4px;box-shadow:6px 10px 15px -5px rgba(0,0,0,.74);display:flex;flex-direction:column;gap:4px;padding:12px;position:relative}.movie-card-wrapper .movie-header{align-items:center;display:flex;flex-direction:row;gap:4px}.movie-card-wrapper .movie-header .delete-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.movie-card-wrapper .movie-header .delete-section .delete-icon{cursor:pointer;width:18px}.movie-card-wrapper .movie-header .delete-section .delete-icon:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.movie-card-wrapper .watched-checkbox{height:18px;margin:0;width:18px}.movie-card-wrapper .title{font-size:1.5em}.movie-card-wrapper .genre-labels{flex:1 1}.movie-card-wrapper .like-btn{cursor:pointer;width:16px}.movie-card-wrapper .bottom-section{display:flex;flex-direction:row;margin-top:1vh}.movie-card-wrapper .like-section{align-items:center;display:flex;flex:1 1;flex-direction:row}.movie-card-wrapper .like-section .like-btn{height:24px;width:24px}.movie-card-wrapper .like-section .movie-likes{align-items:center;display:flex;flex-direction:row;padding-top:4px}.movie-card-wrapper .movie-overview{display:flex;flex-direction:column;gap:4px;margin-right:8px}.movie-card-wrapper .movie-overview .movie-description{flex:1 1}.movie-card-wrapper .movie-overview .imdb-and-rec-by{display:flex;flex:0 1;flex-direction:row;gap:4px;margin-top:4px}.movie-card-wrapper .movie-overview .imdb-and-rec-by .link{flex:1 1}.movie-card-wrapper .movie-overview .imdb-and-rec-by .rec{flex:0 1;white-space:nowrap}.movie-card-wrapper .movie-overview-and-poster{display:flex;flex-direction:row}.movie-card-wrapper .movie-overview-and-poster .movie-poster{width:100px}.movie-card-wrapper .completed-section{align-items:center;display:flex;flex:0 1;flex-direction:row;gap:4px}.movie-card-wrapper .comment-box{background-color:#fff;border-radius:4px;color:var(--background-color);display:flex;flex-direction:column;left:95%;left:unset;margin-top:1vh;padding:12px;position:absolute;position:relative;top:50%;top:unset;width:calc(100% - 24px)}.movie-card-wrapper .comment-box .comment-header .recommender{font-weight:700}.movie-card-wrapper input{margin:12px 0}@media only screen and (max-width:600px){.movie-card-wrapper .movie-overview .imdb-and-rec-by .rec{white-space:normal}}.new-movie-modal-wrapper{height:100vh;width:100vw}.new-movie-modal-wrapper .opacity-layer{background-color:rgba(0,0,0,.35);height:100%;left:0;position:absolute;top:0;width:100%}.new-movie-modal-wrapper .modal-contents{background-color:var(--primary-color);border-radius:4px;display:flex;flex-direction:column;gap:8px;height:50vh;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:85vw;z-index:9}.new-movie-modal-wrapper .modal-contents .modal-header{font-size:2em;margin:8px 0;text-align:center}.new-movie-modal-wrapper .modal-contents input{border-radius:4px;margin:0 2vw}.new-movie-modal-wrapper .modal-contents .create-btn{background-color:var(--background-color);font-size:1em;font-weight:700;margin:0 20vw;text-transform:uppercase}.new-movie-modal-wrapper .modal-contents .create-btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.new-movie-modal-wrapper .modal-contents .movie-matches-section{height:50vh}.new-movie-modal-wrapper .modal-contents .movie-match-wrapper{display:flex;flex-direction:row;margin:0 2vw}.new-movie-modal-wrapper .modal-contents .movie-match-wrapper .movie-header{flex:1 1;margin-right:4px}.new-movie-modal-wrapper .modal-contents .movie-match-wrapper .movie-header .movie-title{cursor:pointer;font-weight:700;margin-bottom:4px}.new-movie-modal-wrapper .modal-contents .movie-match-wrapper .movie-header .movie-title:hover{text-decoration:underline}.new-movie-modal-wrapper .modal-contents .movie-match-wrapper .movie-poster{flex:0 1}.new-movie-modal-wrapper .modal-contents .movie-match-wrapper .movie-poster .movie-image{width:150px}.film-list-wrapper{display:flex;flex-direction:column;flex-grow:1;max-width:80vw;padding:12px 66px}.film-list-wrapper .top-bar{display:flex;flex-direction:row}.film-list-wrapper .top-bar .search-bar{align-items:center;display:flex;flex-direction:row;margin-bottom:2vh}.film-list-wrapper .top-bar .search-bar .search-input{flex:1 1}.film-list-wrapper .top-bar .filter-section{align-items:center;border-radius:18px;display:flex;flex:0 1;flex-direction:row;height:100%;margin-left:8px}.film-list-wrapper .top-bar .filter-section .filter-text{white-space:nowrap}.film-list-wrapper .film-list{display:flex;flex-direction:column;gap:2vh}.film-list-wrapper .show-modal-btn{font-size:2em;margin-top:2vh}.film-list-wrapper .show-modal-btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}
/*# sourceMappingURL=main.1aebfbaf.css.map*/