._error-fallback_k9jji_1{display:flex;flex-direction:column;gap:2rem;align-items:center;width:100%;height:20rem;margin:18% auto}._error-fallback__text_k9jji_11{font-family:Inter-Bold;font-size:large}._error-fallback__button_k9jji_16{background:none;border:1px grey solid;background-color:#fff;border-radius:.75rem;padding:.5rem;width:10%;font-size:1.05rem;cursor:pointer;transition:all .04s}._error-fallback__button_k9jji_16:hover{background-color:#faf9f9}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;--font-weight-base: 400;--font-stretch-base: 100%;--font-style-base: normal;--font-optical-sizing-base: auto;color-scheme:light dark;color:#ffffffde;--background-color: #F9FAFB;--secondary-background-color: #FFF;--color: #213547;--secondary-color: #000;--border-color: #000;--header-height: 4rem;--add-movie-input-height: 2.5rem;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{z-index:0;height:100%;margin:0;background-color:var(--background-color);background-attachment:fixed}a{font-weight:500;color:#646cff;text-decoration:inherit}p{color:#000}input{color:var(--color)}h1{font-size:3.2em;line-height:1.1;font-family:Inter-Regular;color:#000}h1,h2,h3,p,button{color:#000}@media (prefers-color-scheme: dark){:root{--color: #FFF;--secondary-color: #FFF;--background-color: #0A0A0A;--secondary-background-color: #222222;--border-color: #FFF;--highlight-color: rgb(110, 110, 110)}button{background-color:#f9f9f9}input{color:var(--color)}}*{margin:0;padding:0;box-sizing:border-box}h1{font-family:Segoe UI;font-style:normal;font-weight:700;font-size:2rem;line-height:2.5rem;color:#1f2937}.main{position:relative;flex-grow:1;background-color:var(--background-color);margin-top:calc(var(--header-height) + 2rem);margin-bottom:1rem}.home-page{display:flex;background:var(--background-color);flex-grow:1}@media (max-width: 768px){.home-page{display:flex;flex-direction:column}.main{margin-top:calc(var(--header-height) + 2rem)}}.main-content{display:grid;height:100vh}@keyframes mainContentFadeIn{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.loader{position:fixed;top:40%;right:50%;width:100px;height:100px;border:7px solid orange;border-bottom-color:transparent;border-radius:50%;animation:loader-rotation 1s linear infinite}@keyframes loader-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.placeholder{position:relative;font-family:Inter-Regular;font-size:2rem;display:flex;justify-content:center;align-items:center;height:calc(100vh - var(--header-height));color:#000}@font-face{font-family:Arimo;src:url(/fonts/Arimo-VariableFont.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-stretch:100%;font-display:swap;font-optical-sizing:auto}@font-face{font-family:DMSans;src:url(/fonts/DMSans-VariableFont.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-stretch:100%;font-display:swap;font-optical-sizing:auto}@font-face{font-family:Inter;src:url(/fonts/Inter-VariableFont.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-stretch:100%;font-display:swap;font-optical-sizing:auto}@font-face{font-family:Inter-Regular;src:url(/fonts/Inter-VariableFont.ttf) format("truetype-variations");font-weight:550;font-style:normal;font-stretch:100%;font-display:swap;font-optical-sizing:auto}@font-face{font-family:Inter-Bold;src:url(/fonts/Inter-VariableFont.ttf) format("truetype-variations");font-weight:700;font-style:normal;font-stretch:100%;font-display:swap;font-optical-sizing:auto}@font-face{font-family:Lato-Regular;src:url(/fonts/Lato-Regular.ttf) format("truetype-variations")}@font-face{font-family:NotoSansJP;src:url(/fonts/NotoSansJP-VariableFont.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-stretch:100%;font-display:swap;font-optical-sizing:auto}@font-face{font-family:NunitoSans;src:url(/fonts/NunitoSans-VariableFont.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-stretch:100%;font-display:swap;font-optical-sizing:auto}@font-face{font-family:OpenSans;src:url(/fonts/OpenSans-VariableFont.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-stretch:100%;font-display:swap;font-optical-sizing:auto}@font-face{font-family:Oswald;src:url(/fonts/Oswald-VariableFont.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-stretch:100%;font-display:swap;font-optical-sizing:auto}@font-face{font-family:Poppins-Regular;src:url(/fonts/Poppins-Regular.ttf) format("truetype-variations")}.add-movie{position:absolute;display:flex;align-items:center;justify-content:center;transform:translate(-50%);left:45%}.add-movie__search{min-width:280px;width:30rem}.add-movie__search-bar{display:flex;align-items:center;height:var(--add-movie-input-height);width:30rem}.add-movie__input-icon{color:var(--color);position:absolute;margin:1rem}.add-movie__search-icon{display:none}.add-movie__input{height:var(--add-movie-input-height);width:100%;padding:.25rem 2.75rem;background-color:var(--secondary-background-color);color:var(--color);border:1px solid #acacad;border-radius:.5rem}.add-movie__input:focus{border-color:#f97316;box-shadow:0 0 0 2px #f973161a;outline:none}.add-movie__input-clear-button-wrapper{position:absolute;top:.5rem;right:1rem;cursor:pointer;color:var(--color);transition:background-color .2s}.add-movie__input-clear-button-wrapper:hover{background-color:var(--background-color)}.add-movie__input-clear-button-wrapper:active{background-color:#e6e6e6}.add-movie__search-loading-wrapper{position:absolute;margin:.5rem;width:16px;height:16px;right:1.5rem}.add-movie__search-loading-spinner{position:absolute;right:1rem;width:inherit;height:inherit;border:2px solid black;border-bottom-color:transparent;border-radius:50%;animation:loader-rotation .8s linear infinite}.add-movie__search-no-results{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:3rem;border-top:none;background-color:var(--background-color);border:1px solid var(--color)}.add-movie__search-no-results-text{color:var(--color);line-height:normal;font-family:Inter-Regular}.add-movie__results-container{position:absolute;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;width:100%}.add-movie__search-result{height:4rem;width:100%;position:relative;display:flex;gap:1rem;color:var(--color);background-color:var(--background-color);font-family:Inter-Regular;border:1px solid;cursor:pointer}.add-movie__search-result-wrapper{position:absolute;height:100%;width:100%;visibility:hidden}.add-movie__search-result:hover .add-movie__search-result-wrapper{background-color:#f3f3f3;background-color:green;opacity:20%;visibility:visible}.add-movie__search-result-wrapper-button{position:absolute;align-self:center;margin:30%;padding:.5rem;border:1px grey solid;border-radius:.25rem;background-color:#000;color:#fff;font-family:Inter-Regular;cursor:pointer;visibility:hidden;z-index:100}.add-movie__search-result:hover .add-movie__search-result-wrapper-button{visibility:visible}.add-movie__search-result-wrapper-button:active{background-color:#fff;color:#000}.search-result-metadata{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 1rem}.search-result-title{overflow:ellipsis}.search-result-genre{text-overflow:ellipsis}.search-result-year{justify-self:end}.hidden{display:none!important}@media (max-width: 768px){.add-movie{transform:none;left:auto;margin:auto;position:relative}.add-movie__search{width:10rem}.add-movie__input{border:1px solid #e5e7eb;border-radius:.5rem;color:#000}.add-movie__search-icon{display:inline;position:fixed;right:1rem;top:calc((var(--header-height)/2) - .75rem)}.search-result-year{margin-left:1rem}}._header_llyzk_1{position:fixed;width:100%;min-width:320px;top:0;z-index:100;height:var(--header-height);background-color:var(--background-color);box-shadow:0 1px 1px #d0d5dd;display:flex}._header__container_llyzk_13{display:flex;align-items:center;gap:.7rem;padding:0 1rem;width:100%}._header__menu-wrapper_llyzk_21{position:relative;top:.1rem;display:flex;justify-content:center;align-items:center;height:36px;width:36px;border-radius:50%;cursor:pointer;color:var(--color);transition:background-color .2s}._header__menu-wrapper_llyzk_21:hover{background-color:#f5f5f5}._header__menu-wrapper_llyzk_21:active{background-color:#eee}._header__title_llyzk_43{font-family:Inter-Regular;font-size:1.6rem;font-weight:700;color:var(--color)}._hidden_llyzk_50{display:none}._auth-header__container_llyzk_56{display:flex;align-items:center;margin:0 auto}._auth-header__logo_llyzk_62{color:var(--color);height:1.75rem;width:2rem;transition:all .08s;padding:.1rem;margin-top:.5rem;margin-right:.25rem;cursor:pointer}._auth-header__title_llyzk_73{font-family:Inter-Regular;font-size:1.875rem;font-weight:700;cursor:pointer;margin-left:1rem}._sidebar_1t4m0_1{display:flex;flex-direction:column;position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));box-shadow:0 0 10px -3px #000;background:var(--background-color);transition:all .26s ease-in;z-index:99}._hidden_1t4m0_13{transform:translate(-100%);margin-left:-10%;transition:all .26s ease-out}._sidebar__list_1t4m0_19{display:flex;flex-wrap:wrap;flex-direction:column;overflow:hidden}._sidebar__label_1t4m0_26{font-family:Inter-Regular;color:#000;margin-left:.8rem}._sidebar__icon_1t4m0_32{margin-left:1rem}._sidebar__item_1t4m0_36{display:flex;position:relative;align-items:center;justify-content:start;height:4rem;width:15rem;border:transparent;transition:width translate .26s ease-in;color:var(--color);background-color:var(--background-color);cursor:pointer}._selected_1t4m0_50{background-color:#e99750}._sidebar__label_1t4m0_26{font-family:Inter-Regular;color:var(--color);margin-left:.5rem;margin-bottom:.25rem}._sidebar__item-icon_1t4m0_61{margin-left:1rem;margin-right:.5rem;width:10%}@media (max-width: 768px){._sidebar_1t4m0_1,._sidebar_1t4m0_1._hidden_1t4m0_13{display:flex;position:fixed;height:auto;width:100vw;border-bottom:1px black solid;box-shadow:none}._hidden_1t4m0_13{transform:translateY(-150%);margin-left:0;border-bottom:none;transition:width translate .26s ease-out}._sidebar__list_1t4m0_19{flex-wrap:nowrap}._sidebar__item_1t4m0_36{display:flex;width:100%;justify-content:center}}.user-auth{position:absolute;width:100%;display:flex;gap:1rem;bottom:5%;flex-direction:column;align-items:center;justify-content:center}.user-auth button{border-radius:8px;padding:.3rem 1.2rem;font-size:1rem;font-weight:600;font-family:OpenSans;cursor:pointer;line-height:1.5rem;width:12rem;transition:border-color .16s}.user-auth__login-button,.user-auth__logout-button{display:flex;align-items:center;justify-content:center;background:var(--background-color);color:#f57f17;border:1px grey solid;transition:box-shadow .3s ease,transform .5s ease;font-weight:500}.user-auth__register-button{display:flex;align-items:center;justify-content:center;background:#333;color:#fff;border:1px solid transparent;transition:box-shadow .3s ease,transform .2s ease;border-radius:.25rem;font-weight:500}.user-auth__login-icon,.user-auth__register-icon{margin-right:.5rem}.user-auth__logged-in{display:flex;flex-direction:column;margin-left:1rem;gap:1rem;align-items:center}.user-auth__profile{display:flex}.user-auth__icon{margin-right:.5rem}.user-auth__email{margin-right:2rem;font-weight:600}@media (max-width: 768px){.user-auth{display:none}}._movie-list-selector_18tvu_1{position:relative;margin:auto;width:80%}._movie-list-selector-title_18tvu_7{color:var(--color);font-size:2rem;margin-bottom:2rem;font-weight:500}._movie-list-grid_18tvu_14{display:grid;grid-auto-rows:auto;width:100%;margin:auto}._movie-list-card_18tvu_21{color:var(--color);height:4rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;border:1px solid var(--color);margin-top:-1px;padding:.5rem 1rem;transition:box-shadow .16s;transition:background-color .16s;cursor:pointer}._movie-list-card_18tvu_21:hover{box-shadow:0 5px 10px #0000001a;background-color:#3a699948}._movie-list-name_18tvu_40{color:var(--color);font-family:Inter-Bold;font-size:1.3rem}._movie-list-movie-count_18tvu_46{color:var(--color);font-family:Inter-Regular}._movie-list-tags_18tvu_51{display:flex;gap:.5rem;font-family:Inter-Regular}._movie-list-tag_18tvu_51{background-color:#ebebeb;padding:.25rem .6rem;border-radius:.25rem;color:#0a0a0a;font-size:.75rem;padding:.5rem .25}._movie-list-description_18tvu_66{color:var(--color)}@media (max-width: 768px){._movie-list-grid_18tvu_14{display:grid;grid-template-columns:1fr;gap:2rem}._movie-list-selector_18tvu_1{display:flex;flex-direction:column;align-items:center}._movie-list-card_18tvu_21{display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:8rem;padding:0}._movie-list-description_18tvu_66{display:none}}.list-return-button{color:var(--color);position:absolute;display:flex;gap:.5rem;cursor:pointer;z-index:20;top:5%;left:0}.list-return-button-icon{position:relative}.list-return-button-text{color:var(--color);position:relative;top:.1rem}.list-container__grid{position:relative;display:grid;grid-auto-rows:auto 1fr;margin:auto;width:80%;height:100vh;gap:2rem}.list-container__list-name{font-family:NunitoSans;color:var(--color)}.list-container__movie-count{color:var(--color)}.list-container__metadata{grid-row:1;grid-column:1;display:flex;align-items:center;flex-direction:column;margin-top:2rem;font-family:Poppins-Regular;color:var(--color)}.movie-actions{position:sticky;display:flex;place-self:center;width:80%;background-color:var(--secondary-background-color);padding:.8rem;border-radius:1rem;bottom:1rem;border:solid 1px var(--border-color);transition:height .3s}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin-bottom:1rem;gap:1rem}.no-movies{margin-top:20vh;width:100%;position:relative}.no-movies-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:1rem;background-color:var(--background-color)}.no-movies-icon{color:var(--color);margin-bottom:1rem}.no-movies-text{color:var(--color);margin-bottom:1rem;font-family:Inter-Regular;font-size:1.2rem}.no-movies-search-button{border:none;padding:.5rem;border-radius:1rem;color:var(--color);padding:.65rem 3.5rem;position:relative;margin-top:1rem;border:1px grey solid;border-radius:.25rem;background-color:var(--background-color);font-family:Inter-Regular;cursor:pointer;transition:color .16s;transition:background-color .16s}.no-movies-search-button:hover{color:var(--background-color);background-color:var(--color)}.no-movies-clear-filters-button{border:none;padding:.5rem;border-radius:1rem;padding:.65rem 3.5rem;position:relative;margin-top:1rem;border:1px grey solid;border-radius:.25rem;background-color:var(--background-color);color:var(--color);font-family:Inter-Regular;cursor:pointer;transition:color .16s;transition:background-color .16s}.no-movies-clear-filters-button:hover{color:var(--color);background-color:var(--background-color)}@media (max-width: 768px){.list-container{height:auto}.list-return-button-icon{width:30px;height:30px}.list-return-button-text{display:none}.movie-grid{place-items:center;gap:1rem}.movie-actions{width:100%;display:none}}.movie-card{display:flex;position:relative;flex-direction:column;align-items:center;background-color:#fff;height:28rem;width:14rem;border-radius:1rem;border:1px solid gray;transition:transform .2s}.movie-card:hover{transform:scale(1.01)}.movie-card-actions-button{display:none;position:absolute;top:.5rem;right:.5rem;z-index:1;background-color:#fff;border:.04rem grey solid;border-radius:.25rem;cursor:pointer;transition:background-color .08s}.movie-card-actions{display:none;position:absolute;flex-direction:column;background-color:green}.movie-card-actions-button:hover{background-color:#f1f1f1}.movie-card-actions-items{display:none}.movie-card-actions-items.active{display:flex}.movie-card-favorite-wrapper{display:flex;flex-direction:column;align-self:start;background-color:#ffffffe6;border-radius:.375rem;margin:14.5rem .5rem;cursor:pointer}.movie-card-favorite-wrapper:hover{background-color:#fff}.movie-card-favorite-wrapper.active{background-color:red}.movie-card-favorite-wrapper.active:hover{background-color:#e60303}.movie-card-favorite-icon.active{fill:#fff;stroke-width:0}.movie-card-delete-wrapper{display:flex;align-self:end;background-color:#ffffffe6;margin:14.5rem .5rem;border-radius:.375rem;cursor:pointer}.movie-card-delete-wrapper:hover{background-color:#fff}.movie-card-delete-icon:hover{fill:red}.movie-card__image{width:100%;height:65%;border-top-left-radius:inherit;border-top-right-radius:inherit;object-fit:fill;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.movie-card__metadata{display:flex;flex-direction:column;margin-top:.65rem;margin-left:.75rem;align-self:start;color:#3a3a3a;gap:.5rem;max-width:95%}.movie-card__title{font-family:Inter-Bold;font-size:.95rem;color:#000;align-self:start;margin:0}.movie-card__year{display:flex;font-family:Inter-Regular;font-size:.85rem;margin-bottom:.5rem}.movie-card__calendar{padding-left:.25rem;padding-bottom:.6rem;margin-right:.25rem}.movie-card__genres{display:flex;flex-wrap:wrap;gap:.5rem;width:90%}.movie-card__genre{background-color:#ebebeb;padding:.2rem .55rem;border-radius:.25rem;color:#0a0a0a;font-size:.75rem}.movie-card__mask{padding-left:.25rem;padding-bottom:.7rem;margin-right:.125rem}@media (max-width: 720px){.movie-card{height:100%}.movie-card__title{font-size:.9rem}.movie-card__year,.movie-card__genre{font-size:.8rem}.add-movie-card{width:10rem;height:20rem}}.add-movie-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:28rem;width:14rem;margin-bottom:1rem;border-radius:1rem;border:solid 1px;padding:1rem;background-color:#fff;transition:transform .2s;cursor:pointer}.add-movie-card-button{color:#fff;background-color:#f97316;border-radius:2rem;margin-bottom:1rem;padding:.2rem}.add-movie-card-text{font-size:1.125rem;font-weight:600;text-align:center;color:#1f2937;margin-bottom:.5rem;transition:color .3s}.add-movie-card-subtext{font-size:.875rem;color:#6b7280;margin:0;text-align:center}.list-search__textbox{height:2.5rem;width:50%;min-width:18rem;padding:.25rem 1rem .25rem 2.5rem;border:1px solid;border-radius:.5rem;border-color:#e5e7eb;background-color:var(--secondary-background-color);color:var(--color)}.list-search__textbox:focus{background-color:var(--secondary-background-color);border-color:#f97316;box-shadow:0 0 0 2px #f973161a;outline:none}.list-search__icon{position:absolute;margin-left:1rem;margin-top:.75rem;color:#9ca3af}@media (max-width: 480px){.list-search__textbox{margin-left:1rem;min-width:140px}.list-search__icon{margin-left:2rem}}.movie-filters,.movie-filters-container--hidden{display:none}.login-container{margin:5% auto;padding:7rem 5rem 4rem;gap:1rem;align-items:center;justify-content:center}.login-form{display:flex;align-items:center;flex-direction:column;color:#000}.login-form-header{margin-bottom:1.25rem;white-space:nowrap}.login-form label{font-family:Segoe UI;font-style:normal;font-weight:700;line-height:2rem}.login-form input{width:40%;border:1.2rem solid transparent;border-radius:8px;padding-left:2.5rem;padding-top:.45rem;padding-bottom:.25rem;margin-top:.3rem;margin-bottom:1rem;min-width:15rem;background-color:#fff;height:2.5rem;border:1px solid;border-radius:.5rem;border-color:#e5e7eb;color:#000}.login-form input:hover{border-color:#b8b8b8}.login-form input::placeholder{font-size:1rem}.login-button{margin-top:.25rem;padding:.3em 1.2em;min-width:15rem;height:2.25rem;border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:600;font-family:Segoe UI;font-style:normal;cursor:pointer;transition:opacity .12s;color:#fff;background-color:#f57f17}.login-button:hover{opacity:80%}.login-button:active{opacity:60%}.login-messages{display:flex;justify-content:center;align-items:center;flex-direction:column;width:30%;margin:0 auto;margin-top:1.75rem}.no-account-message{text-align:center;color:#000}.create-account-message{color:#646cff;text-align:center}@media (max-width: 480px){.login-messages{width:100%}}.registration-container{margin:5% auto;padding:7rem 5rem 4rem;gap:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.registration-form{display:flex;flex-direction:column;align-items:center}.registration-form-header{margin-bottom:1.25rem;white-space:nowrap}.registration-form label{font-family:Segoe UI;font-style:normal;font-weight:700;line-height:2rem;color:#000;gap:none}.registration-form input{width:40%;border:1.2rem solid transparent;border-radius:8px;padding-left:2.5rem;padding-top:.45rem;padding-bottom:.25rem;margin-top:.3rem;margin-bottom:1rem;min-width:15rem;background-color:#fff;height:2.5rem;border:1px solid;border-radius:.5rem;border-color:#e5e7eb;color:#000}.registration-form input:hover{border-color:#b8b8b8}.registration-form input::placeholder{font-size:1rem}.email-icon,.password-icon{position:absolute;margin-left:.6rem;margin-top:.75rem;width:1.35rem;color:#9ca3af}.register-button{margin-top:.25rem;margin-bottom:1rem;padding:.3em 1.2em;min-width:15rem;height:2.25rem;border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:600;font-family:Segoe UI;font-style:normal;cursor:pointer;transition:opacity .12s;background-color:#000;color:#fff}.register-button:hover{background-color:#3b3b3b}.register-button:active{background-color:#757575}.register-messages{display:flex;justify-content:center;align-items:center;width:30%;flex-direction:column}.have-account-message{text-align:center;color:#000}.login-account-message{color:#646cff;text-align:center}@media (max-width: 480px){.register-messages{width:100%}}