#modal{top:-550px;display:flex;justify-content:center;align-items:center;z-index:2}#modal,#modal-background{position:fixed;right:0;left:0;bottom:0}#modal-background{top:0;background-color:rgba(0,0,0,.7)}#modal-content{position:absolute}.profile-dropdown{position:relative;top:125px;left:-3px;background-color:var(--profile-button-background);border-radius:5px;padding:0 5px 10px;color:var(--dropdown-text-color);z-index:1}.hoverable>p{cursor:pointer}.hoverable>p:hover{background-color:#637483;color:var(--text-color);box-sizing:border-box;width:100%}.hidden{display:none}.navbar-container{height:75px;width:101%;margin-top:-6px;background-color:var(--nav-color);display:flex;justify-content:center}.navbar-container-itself{display:flex;align-items:center;width:1000px;justify-content:space-between}.navbar-container-itself>div{padding:0 10px}.dropdown-likes{border-bottom:1px solid var(--border-color)}#site-icon{width:75px;height:75px}#site-logo{color:#f1f1f1;font-family:"Hanken Grotesk",sans-serif;font-weight:900;margin-top:0;margin-bottom:0}.logo-navbar{display:flex;justify-content:center;align-items:center;grid-gap:5px;gap:5px}#navbar-profile-img{width:28px;height:28px;border-radius:50%;object-fit:cover}.navbar-profile-button,.navbar-profile-button-fake{display:flex;align-items:center;grid-gap:8px;gap:8px;font-weight:600;cursor:pointer}.navbar-profile-button-fake{border-bottom:1px solid var(--border-color);border-left:100px}#nav-bar-log-button{display:flex;justify-content:center;align-items:center;border-radius:3px;border:none;background-color:#17b130;color:#fff;font-weight:800;padding:4px 10px 4px 4px}#nav-bar-log-button>p{margin:0}.navbar-log-plus{padding:0 5px}.navbar-log-caret{padding:0 2px 0 10px}.nav-films-link>a,.nav-lists-link>a,.nav-members-link>a{text-decoration:none;color:var(--text-color);font-weight:700}.login-button,.signup-button{border:none;outline:none;background-color:initial;color:var(--text-color);font-weight:800;font-family:"Hanken Grotesk",sans-serif;font-size:16px;padding:0}.nav-profile-account-buttons{display:flex;grid-gap:25px;gap:25px}.profile-dropdown-create{position:absolute;top:60px;right:209px;width:90px;background-color:var(--profile-button-background);border-radius:5px;padding:0 5px 10px;color:var(--dropdown-text-color);z-index:0}#watchlist-selector:hover,.nav-members-link>a:hover,.watchlist-profile-link>p:hover{cursor:pointer}.login-dropdown{position:absolute;top:69px;left:40%;background-color:var(--nav-color);border-bottom-right-radius:5px;border-bottom-left-radius:5px;padding:0 10px 10px;color:var(--text-color);z-index:4;width:560px;max-height:200px}.login-form-details{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:5px;gap:5px}.email-login-div>input,.password-login-div>input{background-color:var(--button-color);outline:none;border:none;border-radius:3px;height:25px;color:var(--text-color);font-size:16px}.email-login-div,.password-login-div{display:flex;flex-direction:column;height:25px}.login-button-submit-div{display:flex;align-items:flex-end;grid-gap:10px;gap:10px;padding-top:18px;padding-left:5px}#login-button-submit{background-color:#17b130}#login-button-demo,#login-button-submit{display:flex;justify-content:center;align-items:center;border-radius:3px;border:none;color:#fff;padding:4px;font-weight:700;font-size:16px}#login-button-demo{background-color:#1f889b}.errors-login{margin:10px 0 0;background-color:var(--nav-color);padding:0 10px 10px}.errors-login>p{margin:0}.signup-dropdown{position:absolute;top:69px;left:46%;background-color:var(--nav-color);border-bottom-right-radius:5px;border-bottom-left-radius:5px;padding:0 10px 10px;color:var(--text-color);z-index:4;width:260px;max-height:500px}.email-input-signup{display:flex;flex-direction:column}.email-input-signup>input{background-color:var(--button-color);outline:none;border:none;border-radius:3px;height:25px;color:var(--text-color);font-size:16px}.username-input-signup{display:flex;flex-direction:column}.username-input-signup>input{background-color:var(--button-color);outline:none;border:none;border-radius:3px;color:var(--text-color);font-size:16px;height:25px}.password-input-signup{display:flex;flex-direction:column}.password-input-signup>input{background-color:var(--button-color);outline:none;border:none;border-radius:3px;color:var(--text-color);font-size:16px;height:25px}.password-confirm-input-signup{display:flex;flex-direction:column}.password-confirm-input-signup>input{background-color:var(--button-color);outline:none;border:none;border-radius:3px;color:var(--text-color);font-size:16px;height:25px}.submit-button-submit-div{display:flex;grid-gap:20px;gap:20px;justify-content:center;margin-top:17px}.errors-signup{margin:10px 0 0;background-color:var(--nav-color);padding:0 10px 10px}.errors-signup>p{margin-top:15px}.user-profile-page-container{display:flex;justify-content:center;margin:0 24px}.user-profile-page{margin-top:20px;width:1000px;min-width:950px;max-width:1000px}.user-profile-info{display:grid;grid-template-columns:100px 1fr 1fr;grid-template-areas:"user-img section1 section2";min-height:100px;grid-gap:20px;gap:20px}.user-profile-user-img-container{width:100px;height:100px;display:flex;justify-content:center;align-items:center;grid-area:user-img}#user-profile-user-img{width:100px;height:100px;border-radius:50%;margin-top:70px;object-fit:cover}.user-profile-info-section-1{grid-area:section1;padding-top:20px}.user-profile-info-section-2{flex-direction:column;grid-gap:20px;gap:20px;text-align:center}.user-profile-data-lists,.user-profile-info-section-2{grid-area:section2;display:flex;justify-content:flex-end}.user-profile-data-lists{grid-gap:40px;gap:40px}.user-profile-data-lists>div>h2{font-weight:800;font-size:24px;margin:0}.user-profile-data-lists>div>p{font-weight:800;font-size:12px;margin:0;color:var(--secondary-text-color)}.user-profile-films-watched-liked,.user-profile-films-watched-yearly,.user-profile-lists-created{display:flex;align-items:center;flex-direction:column;justify-content:flex-end}.user-profile-edit-button-container{display:flex;grid-gap:28px;gap:28px;align-items:center}#user-profile-edit-button{background-color:var(--button-color);color:var(--text-color);border:none;padding:6px;border-radius:6px;font-weight:800;font-size:12px}.user-profile-navbar{grid-area:profile-nav;display:flex;justify-content:flex-end}.user-profile-navbar-links{display:flex;justify-content:space-evenly;padding:15px;border-radius:5px}.user-profile-navbar-links>a{display:flex;padding:0 5px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--link-color);font-size:16px}.user-profile-navbar-links>a:hover{color:#3ec9c9}.user-profile-navbar-border{width:290px;color:var(--secondary-text-color);border:1px solid var(--border-color);border-radius:5px}#profile-selected{margin:0}.user-profile-content-container{display:grid;grid-template-columns:3fr 1fr;grid-template-areas:"recent-activity list-activity";margin:20px 0;grid-gap:40px;gap:40px}.user-profile-recent-activity-container{grid-area:recent-activity}.user-profile-recent-activity-container>p{margin-bottom:5px;border-bottom:1px solid var(--border-color)}.user-profile-lists-container{grid-area:list-activity}.user-profile-recent-films-card{max-width:150px;max-height:250px;min-width:150px;min-height:150px}#user-profile-recent-films-card-img{object-fit:cover;width:160px;height:240px;border-radius:5px;border:3px solid var(--text-color)}.user-profile-recent-activity-content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:10px;gap:10px;margin-top:10px}.user-profile-recent-films-card>#user-profile-recent-films-card-img:hover{border-color:var(--hover-link-color)}.user-profile-watchlist-container>p{margin-bottom:5px;border-bottom:1px solid var(--border-color)}.user-profile-watchlist-content{margin-top:10px}.watchlist-image-stack{height:105px;display:grid;grid-template-columns:repeat(12,1fr);position:relative}.watchlist-image-1>img,.watchlist-image-2>img,.watchlist-image-3>img,.watchlist-image-4>img{width:65px;height:105px}#user-profile-list-name{margin-top:5px}.list-img-small{border:2px solid var(--text-color)}.list-img-small:hover{border-color:var(--hover-link-color)}.general-profile-settings-page{display:flex;justify-content:center;margin:0 24px}.general-profile-settings-container{margin-top:20px;width:1000px;min-width:950px;max-width:1000px}#account-setting-title{font-weight:200;font-size:32px}.gen-settings-container{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"settings avatar"}.edit-settings-container{grid-area:settings}.edit-avatar-container{grid-area:avatar}.edit-settings-container>label{display:flex;flex-direction:column;padding:20px 0;width:87%}.first-last-container{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"first last"}.aboutme-container>label{display:flex;flex-direction:column;width:87%;padding:5px 0}.aboutme-container>label>textarea{resize:none;height:70px}.edit-avatar-container>label,.edit-avatar-img-container{display:flex;flex-direction:column}.edit-avatar-img-container{justify-content:center}.upload-profile-pic-input{display:none}#edit-avatar-pic{height:190px;width:190px;border-radius:50%;object-fit:cover}.button-enabled{background-color:green;color:var(--text-color)}.button-disabled,.button-enabled{margin-top:20px;padding:5px 8px;border:none;border-radius:5px;font-weight:600;font-family:"Hanken Grotesk",sans-serif}.button-disabled{background-color:grey}.delete-profile{margin-top:20px;background-color:#c41414;padding:5px 8px;border:none;border-radius:5px;color:var(--text-color);font-weight:600;font-family:"Hanken Grotesk",sans-serif}.cancel-profile-changes{margin-left:138px}.cancel-profile-changes,.cancel-profile-changes-avatar{margin-top:20px;background-color:var(--button-color);padding:5px 8px;border:none;border-radius:5px;color:var(--text-color);font-weight:600;font-family:"Hanken Grotesk",sans-serif;height:30px;display:flex;align-self:center;margin-bottom:15px}.cancel-profile-changes-avatar{margin-left:10px}.account-title-button{display:flex}.delete-profile-modal-container{display:flex;align-items:center;flex-direction:column}#delete-profile-text{text-align:center}.cancel-delete-profile-button{margin-top:20px;background-color:var(--button-color);padding:5px 8px;border:none;border-radius:5px;color:var(--text-color);font-weight:600;font-family:"Hanken Grotesk",sans-serif}.delete-cancel-profile-buttons{display:flex;justify-content:center;align-items:center;grid-gap:50px;gap:50px;margin:20px}.delete-profile-modal-content{display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:5px;width:450px;height:200px;margin-top:300px;background-color:var(--background)}.create-a-list-button{background-color:var(--button-color);padding:5px 8px;border:none;border-radius:5px;color:var(--text-color);font-weight:600;font-family:"Hanken Grotesk",sans-serif}.films-page-container{display:flex;justify-content:center;flex-wrap:wrap;margin:0 24px}.films-page{margin-top:20px;width:1000px;min-width:950px;max-width:1000px}.films-page-search-bar-container{justify-content:flex-end;margin:20px 0;grid-area:search}.films-navbar-grid{display:grid;grid-template-columns:5fr 1fr;grid-template-areas:"title search"}#films-page-title{grid-area:title;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;align-items:flex-end;margin:20px 0}#films-page-search-bar{border-radius:3px;background-color:var(--button-color);outline:none;border:none;color:var(--text-color);font-size:16px}.films-page-tiles-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:27px;gap:27px}.films-page-tile{width:217px;height:400px;max-width:224px}.films-page-tile>img:hover{border:3px solid var(--hover-link-color)}.films-page-tile>img{object-fit:cover;height:335px;width:215px;border:3px solid var(--text-color);border-radius:5px;transition:border-color .3s}.film-watches-likes-container{display:flex;grid-gap:10px;gap:10px}.film-likes,.film-reviews,.film-watches{display:flex;align-items:flex-start}.film-likes>p,.film-reviews>p,.film-watches>p{margin:0;padding-left:5px}.film-likes>i,.film-reviews>i,.film-watches>i{margin:0;padding-top:2px}.films-search-label{padding-right:10px}.film-details-page-container{display:flex;justify-content:center;margin:0 24px}.film-details-page{margin-top:20px;width:1000px;min-width:950px;max-width:1000px}#film-background-image{width:1200px;min-width:950px;max-width:1200px;height:600px;z-index:-1;object-fit:cover;border-radius:10px}.film-background-image-container{display:inline-flex;justify-content:center;z-index:-1;position:absolute;top:-25px}.faded-all:after{box-shadow:inset 2px 2px 20px 20px #181d22;content:"";display:block;height:100%;position:absolute;top:0;width:100%}.faded{position:relative;color:var(--background)}.faded:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.background-img-container{display:flex;justify-content:center}.film-details-details{position:relative;top:-70px;width:1000px;min-width:950px;max-width:1000px}.film-details-grid{display:grid;grid-template-columns:1fr 3fr;grid-template-areas:"tile details";margin:20px 0;grid-gap:30px;gap:30px}.film-watches-likes-grid{display:grid;grid-template-columns:2fr 2fr 5fr}.film-tile-card{grid-area:tile}#film-details-tile-image{height:400px;width:266px;border-radius:10px;border:1px solid #fff;box-shadow:3px 3px 5px rgba(0,0,0,.301);object-fit:cover}.film-details-grid-small{display:grid;grid-template-columns:.5fr 3fr;grid-template-areas:"tile details";margin:20px 0;grid-gap:30px;gap:30px}.film-tile-card-small{grid-area:tile}#film-details-tile-image-small{object-fit:cover;height:280px;width:190px;border-radius:10px;border:1px solid #fff;box-shadow:3px 3px 5px rgba(0,0,0,.301)}.film-details{grid-area:details;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:20px}.film-title{display:flex}.film-details>div,.film-info-year-director{grid-area:details;padding:0 20px 5px 0;display:flex;grid-gap:15px;gap:15px}.film-description-interactions{display:flex;grid-gap:50px;gap:50px}.film-interactions-panel{grid-area:interactions;background-color:#495c6e;height:95px;border-radius:10px;box-shadow:3px 3px 5px rgba(0,0,0,.301);max-width:250px;min-width:250px}.secondary-film-details-heading{display:flex;grid-gap:15px;gap:15px}.secondary-film-details-heading>h3{margin-top:0}#film-title-detail{margin-bottom:0;margin-top:0}#film-description-detail{font-size:18px;margin:4px 0;color:#9ab}.film-interactions{display:flex;justify-content:space-evenly;margin-top:15px;text-align:center}.film-interactions>div>i{font-size:30px}.film-interactions>div>p{font-size:15px}.film-add-to-lists{padding:20px;display:flex;justify-content:center}.add-to-list-button-film-details{border:none;outline:none;background-color:initial;color:var(--text-color);font-size:15px}.add-to-list-button-film-details>button{background-color:var(--button-color)}.trailer-film-player{width:100%;height:25em;border-radius:10px;box-shadow:3px 3px 5px rgba(0,0,0,.301)}.border-divider{border-bottom:1px solid var(--text-color);margin-top:30px;margin-bottom:30px}.update-film-button{margin-top:20px;background-color:#1f889b;padding:5px 8px;border:none;border-radius:5px;color:var(--text-color);font-weight:600;font-family:"Hanken Grotesk",sans-serif}.control-buttons{display:flex;justify-content:center;grid-gap:40px;gap:40px}.control-buttons>button{width:145px;height:40px;border:2px solid transparent;transition:border-color .3s}.control-buttons>button:hover{border-color:var(--text-color)}.film-trailer-review-details{display:grid;grid-template-columns:1fr 2fr}.film-review-details-panel{height:95px;width:300px}.film-reviews-details-title{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--text-color)}.film-reviews-details-title>h4{font-size:16px;margin-bottom:0;margin-top:0}.film-reviews-details-title>p{font-size:12px;margin-bottom:0;margin-top:0;padding-bottom:2px}.review-total-star-rating{display:flex;flex-direction:column;align-items:center}.review-total-star-rating>h2{margin:0;font-weight:200;text-align:center}.film-reviews-ratings{display:flex;margin-top:15px;grid-gap:25px;gap:25px}.fake-star{display:flex;align-items:flex-end;padding-top:10px}#review-form-content{display:flex;justify-content:center;margin-top:20px}.review-histogram{padding-bottom:6px}.histogram-panel,.review-histogram{display:flex;align-items:flex-end}#histogram-bar{margin:0 1px;width:12px;border-radius:2px;color:#44525f;background-color:#44525f;border:1px solid #44525f;transition:border-color .3s}#histogram-bar:hover{cursor:pointer;border-color:var(--text-color)}.review-form-container{border-radius:5px;width:100%;height:17.9em;display:flex;flex-direction:column;padding:0 10px;border:1px solid var(--text-color)}.review-form-container>h2{text-align:center;margin-bottom:5px}.review-form-review{display:flex;flex-direction:column}.review-form-review>textarea{resize:none;height:110px;background-color:var(--button-color);border:none;outline:none;border-radius:5px;color:var(--text-color);font-size:14px}.review-form-review::-webkit-input-placeholder{font-size:14px}.review-form-review::placeholder{font-size:14px}.review-form-rating,.review-form-submit{display:flex;justify-content:center}.review-char-counter>p{text-align:end;margin:0;font-size:14px}.button-enabled-review{background-color:green}.button-enabled-review,.button-enabled-review-delete{padding:5px 8px;border:none;border-radius:5px;color:var(--text-color);font-weight:600;font-family:"Hanken Grotesk",sans-serif}.button-enabled-review-delete{background-color:#c41414}.button-enabled-review:hover{background-color:#059e05}.review-total-size{font-size:18px}.review-tile-container{border-bottom:1px solid var(--text-color);display:flex;margin:20px 0}#review-tile-profile-image{width:35px;height:35px;border-radius:50%;object-fit:cover}.review-tile-details{display:flex;align-items:flex-start;grid-gap:10px;gap:10px;margin-left:20px}.review-tile-details>p{margin:0}.review-tile-info>p{margin-left:20px}.border-divider-reviews{border:1px solid var(--text-color);margin-top:30px}.review-tile-update-delete-buttons{margin-top:5px;display:flex;grid-gap:20px;gap:20px}.delete-review{background-color:#c41414;padding:5px 8px;border:none;border-radius:5px;color:var(--text-color);font-weight:600;font-family:"Hanken Grotesk",sans-serif}.user-films-page-container{display:flex;justify-content:center;margin:0 24px}.user-films-page{margin-top:20px;width:1000px;min-width:950px;max-width:1000px}.user-films-all{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:15px;gap:15px;margin-top:30px}#user-films-card-img,.user-films-card{max-width:100px;max-height:200px;min-width:100px;min-height:150px}#user-films-card-img{border-radius:5px;border:3px solid var(--text-color)}.user-films-card>#user-films-card-img:hover{border-color:var(--hover-link-color)}.create-film-page-container{display:flex;justify-content:center;margin:0 24px}.create-film-page{margin-top:20px;width:1000px;min-width:950px;max-width:1000px}.create-film-page>h1{margin:5px}.create-film-form{display:grid;grid-template-columns:1.8fr 1fr;grid-template-areas:"left-film-form right-film-form"}.left-create-film-form{grid-area:left-film-form}.right-create-film-form{grid-area:right-film-form}.film-form-title-year{display:flex;grid-gap:30px;gap:30px;margin:10px 0 15px}.film-form-title{display:flex;flex-direction:column;width:350px}.film-form-title>input{color:var(--text-color);background-color:var(--button-color);border:none;outline:none;height:20px;font-size:16px}.film-form-year{display:flex;flex-direction:column;width:150px}.film-form-year>input{color:var(--text-color);background-color:var(--button-color);border:none;outline:none;height:20px;font-size:16px}.film-form-genre-director{display:flex;grid-gap:30px;gap:30px;margin:10px 0 15px}.film-form-genre{display:flex;flex-direction:column;width:250px}.film-form-genre>input{color:var(--text-color);background-color:var(--button-color);border:none;outline:none;height:20px;font-size:16px}.film-form-director{display:flex;flex-direction:column;width:250px}.film-form-director>input{color:var(--text-color);background-color:var(--button-color);border:none;outline:none;height:20px;font-size:16px}.film-form-description{display:flex;flex-direction:column;margin:10px 0 15px}.film-form-description>textarea{resize:none;width:525px;height:120px;color:var(--text-color);background-color:var(--button-color);border:none;outline:none;font-size:16px}.film-form-background-image{display:flex;flex-direction:column}#file-upload-button{margin-top:20px;background-color:#1f889b;padding:5px 8px;border:none;border-radius:5px;color:var(--text-color);font-weight:600;font-family:"Hanken Grotesk",sans-serif}.film-form-trailer{display:flex;flex-direction:column;margin:10px 0 15px}.film-form-trailer>input{color:var(--text-color);background-color:var(--button-color);border:none;outline:none;height:20px;font-size:16px;margin-bottom:15px}.trailer-film-preview{height:200px;border-radius:10px;border:1px solid #fff}.film-form-tile-image{display:flex;flex-direction:column;margin:10px 0 15px}#file-upload{display:none}.fa-x{color:#f765a3}.fa-check{color:var(--hover-link-color)}#tile-image-preview{width:250px;height:350px}#background-image-preview,#tile-image-preview{margin-top:10px;object-fit:cover;border-radius:10px;border:1px solid #fff}#background-image-preview{width:530px;height:348px}.file-form-background-image-button{border:1px solid #ccc;display:flex;width:270px;padding:6px 12px;cursor:pointer;border-radius:10px;grid-gap:10px;gap:10px;align-items:center}.file-form-background-image-button>i{text-align:center}.file-form-tile-image-button{border:1px solid #ccc;display:flex;width:225px;padding:6px 12px;cursor:pointer;border-radius:10px;grid-gap:10px;gap:10px;align-items:center}.lists-page-container{display:flex;justify-content:center;margin:0 24px}.lists-page{width:1000px;min-width:950px;max-width:1000px;margin-top:20px}.lists-page-intro{margin:20px 0 30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.lists-page-intro>h1{color:var(--secondary-text-color);font-weight:300}.lists-page-intro>button{width:150px;padding:5px;border-radius:5px;font-family:"Hanken Grotesk",sans-serif;background-color:var(--button-color);border:none;outline:none;color:#b4b6b8;text-align:center;margin:0 0 30px;transition:background-color .3s}.lists-page-intro>button:hover{background-color:var(--secondary-text-color);color:var(--border-color)}.lists-page-profile>button{width:150px;padding:10px;font-size:14px;border-radius:5px;font-family:"Hanken Grotesk",sans-serif;background-color:var(--button-color);border:none;outline:none;color:#b4b6b8;text-align:center;margin:0 0 10px}.lists-page-profile>button:hover{background-color:var(--secondary-text-color);color:var(--border-color)}.list-tile-overlap{height:170px;display:flex}.list-tile-overlap>img{width:120px}.list-tile-container{margin:40px 0;padding:20px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);display:flex;grid-gap:30px;gap:30px}.list-info-content{align-items:center}.list-info-content,.list-info-line{display:flex;grid-gap:10px;gap:10px}.list-info-content>img{width:28px;height:28px;border-radius:50%;object-fit:cover}#list-name-text{margin-bottom:0}.list-tile>span{border:2px solid transparent;box-shadow:3px 3px 5px rgba(0,0,0,.301);transition:border-color .3s}.list-tile>span:hover{border-color:var(--hover-link-color)}.list-tile-info-name>h2:hover,.list-tile-info>h2:hover{text-decoration:underline}.list-tile-info-name{display:flex;align-items:center;grid-gap:20px;gap:20px}.list-tile-info-name>i{padding-top:20px}.list-details-page-container{display:flex;justify-content:center;margin:0 24px}.list-details-page{margin-top:20px;width:1000px;min-width:950px;max-width:1000px}#list-background-image{height:400px;object-fit:cover;width:1000px;z-index:-1}.list-background-image-container{display:inline-flex;justify-content:center;z-index:-1}#list-details-profile-img-icon{width:48px;height:48px;border-radius:50%;object-fit:cover}.list-details-main{display:grid;grid-template-columns:3fr 1fr;grid-template-areas:"list-left list-right";grid-gap:20px;gap:20px;border-bottom:1px solid var(--border-color);padding-bottom:20px}.list-details-left{grid-area:list-left}.list-details-right{grid-area:list-right}.list-details-list-info-1{display:flex;grid-gap:20px;gap:20px;margin:10px 0;border-bottom:1px solid var(--border-color)}.list-details-list-info-1>p{margin-bottom:30px}.list-watch-percentage{border:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;margin:10px 0;padding:10px;grid-gap:50px;gap:50px;border-radius:5px}.list-watch-percentage-number{display:flex;grid-gap:5px;gap:5px}.list-watch-percentage-number>h2,h3{margin:0}.list-watch-percentage-text>p{margin:0;font-size:16px}.list-interactions{display:flex;justify-content:center;grid-gap:20px;gap:20px}.list-interactions>button{width:120px;height:30px;border:2px solid transparent;transition:border-color .3s}.list-interactions>button:hover{border-color:var(--text-color)}.list-films{margin-top:30px}.list-card{margin:5.34px}.list-form-page-container{display:flex;justify-content:center;margin:0 24px}.list-form-page{margin-top:20px;width:1000px;min-width:950px;max-width:1000px}.list-form-header{border-bottom:1px solid var(--border-color)}.list-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;gap:50px;margin:20px 0;padding-bottom:20px;border-bottom:1px solid var(--divider-color)}.list-name-form{margin-bottom:20px}.list-form-right,.list-name-form,.list-private-option-form{display:flex;flex-direction:column}#list-input-box{font-size:14px}#list-input-box,#list-select-field{padding:5px 2px;background-color:var(--button-color);border:none;outline:none;border-radius:5px;color:var(--text-color)}#list-select-field{margin-bottom:20px}#list-textarea-box{resize:none;height:250px}#list-textarea-box,.list-film-search-bar>input{background-color:var(--button-color);border:none;outline:none;border-radius:5px;color:var(--text-color);font-size:14px}.list-film-search-bar>input{display:flex;flex-direction:column;padding:6px;width:470px}.list-film-search-bar>input::-webkit-input-placeholder{color:var(--text-color);font-size:14px}.list-film-search-bar>input::placeholder{color:var(--text-color);font-size:14px}.list-film-create-list-button{display:flex;justify-content:flex-end}.list-film-create-list-button>button{border:1px solid transparent}.list-film-create-list-button>button:hover{border-color:var(--text-color)}.film-list-dropdown{position:absolute;background-color:var(--button-color);border-bottom-left-radius:5px;border-bottom-right-radius:5px;width:482px;max-height:150px;overflow:scroll;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;scrollbar-color:var(--background-color) var(--text-color)}.film-list-search-tile{display:flex;align-items:center;grid-gap:10px;gap:10px;height:30px;padding-left:10px}.film-list-search-tile>p{font-size:14px}.film-list-dropdown>div{border:1px solid transparent}.film-list-dropdown>div:hover{border-left-color:var(--hover-link);border-bottom-color:1px;border-right-color:var(--hover-link);border-top-color:1px}.list-films-added{margin-top:50px}.film-confirmation-tile{margin-top:20px}.films-search-label>p{display:flex;margin:0}#file-confirm-img{height:70px;border-radius:5px}.film-list-confirmation-tile{display:grid;align-items:center;grid-template-columns:20fr 1fr;grid-gap:20px;gap:20px;border:1px solid var(--border-color);padding:10px;border-radius:10px}.film-list-confirmation-details{display:flex;align-items:center;grid-gap:10px;gap:10px}.film-list-confirmation-tile>.film-list-confirmation-remove{display:flex;padding-left:610px}#remove-film-from-list-button{font-size:24px}.film-list-confirmation-remove>i{color:#9ab;transition:border-color .3s}.film-list-confirmation-remove>i:hover{color:#d14141}.left-list-confirm{display:flex;grid-gap:20px;gap:20px}.footer{position:absolute;bottom:0;height:75px;color:var(--text-color);background-color:var(--nav-color);display:flex;align-items:center;justify-content:space-evenly;font-size:12pt;float:left}.social-links a{color:var(--text-color);text-decoration:none}.home-page-container{display:flex;justify-content:center}.home-page{width:100%;height:100%}#home-img-preview{object-fit:cover;width:101%;height:90vh}.footer-border{background-color:var(--nav-color)}.home-button-signup{padding:13px;border-radius:10px;border-radius:3px;border:none;background-color:#17b130;color:#fff;font-weight:700}.home-button-signup,.home-text{display:flex;justify-content:center;align-items:center}.home-text{position:absolute;top:400px;left:38%;flex-direction:column}.home-text>h1{margin:3px;color:#e5e5e6;text-shadow:-1.3px -1.3px 0 var(--nav-color),1.3px -1.3px 0 var(--nav-color),-1.3px 1.3px 0 var(--nav-color),1.3px 1.3px 0 var(--nav-color)}.home-text>button{margin-top:30px;border:2px solid transparent;transition:border-color .3s}.home-text>button:hover{border-color:var(--text-color)}.members-page-container{display:flex;justify-content:center;margin:0 24px}.members-page{margin-top:20px;width:1000px;min-width:950px;max-width:1000px}.members-page-header>h1{display:flex;justify-content:center}.members-page-header{margin-bottom:50px}.members-page-random-users{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.members-big-profile-img>img{width:150px;height:150px;border-radius:50%;object-fit:cover}.members-big-username{margin:10px 0 0}.members-big-username>h3{color:var(--text-color)}.members-big-films-watched>p{margin:0;color:var(--secondary-text-color)}.members-big-details-tiles{display:flex;flex-direction:column;align-items:center;justify-content:center}.members-top-title>p{margin:0;color:var(--secondary-text-color)}.members-top-title{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:0}.members-page-user-lists,.members-page-user-views,.members-page-user-watches{display:flex;align-items:center;grid-gap:10px;gap:10px}.members-page-user-info{grid-gap:10px;gap:10px}.fa-table-cells-large{color:#27afc7}.members-page-user-icons>img{width:60px;height:60px;border-radius:50%;object-fit:cover}.members-page-user-details{display:flex;flex-direction:row;align-items:center;grid-gap:15px;gap:15px}.members-page-all-users-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.members-page-user-info{display:flex;justify-content:space-between;border:1px solid var(--border-color);padding:10px;border-radius:15px}.member-page-title-page{border-bottom:1px solid var(--border-color)}.members-page-user-info-panel{display:flex;align-items:center;justify-content:space-between;grid-gap:20px;gap:20px}#root{--background:#21272e;--text-color:#d8d8d8;--secondary-text-color:#9ab;--button-color:#44525f;--divider-color:#333538;--border-color:#333538;--hover-link-color:#23ce31;--nav-color:#15141b;--profile-button-background:var(--secondary-text-color);--dropdown-text-color:#282f3a;font-family:"Hanken Grotesk",sans-serif}body{background-attachment:fixed;background-image:linear-gradient(#181d22,rgba(23,27,29,.2));background-color:#21272e;color:#c9c5c5;overflow-x:hidden}html{margin:0 -10px}#right-divider{border-right:1px solid var(--divider-color);height:50px;margin-top:25px}.current-user-profile-section{border-bottom:1px solid var(--hover-link-color);display:flex;align-items:flex-end}.change-cursor{cursor:pointer}.fa-heart{color:#dd791b}.fa-eye{color:var(--hover-link-color)}h3,h4,h5{color:#9ab}.errors{color:#f765a3}.loading-bar{display:flex;justify-content:center;align-items:center;height:500px}@media screen and (max-width:1024px){.login-dropdown{left:31%}.signup-dropdown{left:44.5%}.profile-dropdown-create{top:60px;right:-2px}.home-text{top:400px}.footer{width:102%}}@media screen and (max-width:1440px) and (min-width:1025px){.login-dropdown{left:36.5%}.films-page-tile,.films-page-tile>img{width:223px}.profile-dropdown-create{top:60px;right:204px}.home-text{top:400px}.footer{width:101%}}@media screen and (min-width:1441px){.signup-dropdown{left:47%}.films-page-tile,.films-page-tile>img{width:223px}.profile-dropdown-create{top:60px;right:452px}.home-text{top:550px}.footer{width:101%}}
/*# sourceMappingURL=main.96f81edc.chunk.css.map */