:root{--color-primary: #212529;--color-primary-light: #343a40;--color-text: #343a40;--color-text-dark: #212529;--color-background-100: #f8f9fa;--color-background-500: #e9ecef;--color-background-900: #ced4da;--color-red: #fa5252;--color-red-dark: #e03131}html[data-theme=dark]{--color-primary: #5b38d2;--color-primary-light: #6f46f1;--color-text: #f7f7f7;--color-text-dark: #f7f7f7cf;--color-background-100: #1c2022;--color-background-500: #25292d;--color-background-900: #2a3335;--color-red: #ef4444;--color-red-dark: #dc2626}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:sans-serif;background-color:var(--color-background-100);color:var(--color-text)}ul{list-style-type:none}button{display:flex;align-items:center;justify-content:center;position:absolute;border:none}.collapse-show-btn{width:3.2rem;height:3.2rem;right:2.4rem;top:1rem;border-radius:50%;font-size:3.2rem;color:var(--color-text);padding:1rem;background-color:var(--color-background-100);cursor:pointer;z-index:10}.flex{display:flex}.grid{display:grid;grid-template-columns:repeat(2,1fr)}nav{justify-content:space-between;align-items:center;max-width:98%;margin:1.2rem auto;padding:1.6rem 2.4rem;background-color:var(--color-primary);color:#fff;border-radius:6px;position:relative}.logo{align-items:center}.logo span{font-size:3.2rem;transform:translateY(-3px)}.logo h1{font-size:2.4rem}.result-summary{font-size:2.4rem;color:var(--color-text-dark)}nav input{border:none;outline:none;font-size:1.6rem;font-weight:500;background-color:var(--color-primary-light);color:#fff;padding:1.6rem;border-radius:5px;width:30%;box-shadow:0 .5rem 1rem #0000001a;transition:all .2s ease-in}input:focus{transform:translateY(-1px);box-shadow:0 .8rem 1.6rem #0003}input::placeholder{gap:2.4rem;color:#f7f7f7}main{max-width:60%;margin:3.2rem auto;column-gap:2rem}@media (max-width: 768px){nav{flex-direction:column;padding:1.6rem;max-width:95%}nav input{width:100%;margin-top:1.6rem}.logo h1,.result-summary{font-size:2rem}main{grid-template-columns:1fr;max-width:95%;margin:2rem auto}.selected-movie{gap:1.6rem}.movie-overview{flex-direction:column;text-align:center;gap:1rem}.movie-overview-image{width:15rem}.movie-overview-details{gap:1.6rem}.selected-movie>section:nth-child(2){max-width:95%}.back-btn{left:5%;top:2%}.collapse-show-btn{right:1.2rem;top:.8rem}.user-movies-overview{padding:1.2rem 1.6rem}.user-movies-overview h3{font-size:2rem}.user-movies-overview .stats,.user-reviewed-list-stats{font-size:1.4rem}li{padding:1.2rem 1.6rem}li h3{font-size:2rem}li h4{font-size:1.4rem}.img-container{width:5rem;height:7.5rem}.rate-movie{padding:1.6rem}.add-watchlist-btn{font-size:1.4rem;padding:1rem 2rem}.user-profile-btn{font-size:1rem;padding:.5rem 1rem}.delete-movie-btn{width:3.5rem;height:3.5rem;padding:.5rem}}@media (max-width: 480px){html{font-size:55%}nav{padding:1rem}.logo h1,.result-summary{font-size:1.8rem}main{margin:1.5rem auto}.selected-movie{gap:1.6rem}.movie-overview{gap:1rem}.movie-overview-image{width:12rem}.movie-overview-details h2{font-size:2rem}.selected-movie>section:nth-child(2){max-width:98%;gap:1.6rem}.back-btn{left:3%;top:1.5%;font-size:2rem}.collapse-show-btn{right:.8rem;top:.6rem;font-size:2.8rem}.user-movies-overview{padding:1rem 1.2rem}.user-movies-overview h3{font-size:1.8rem}.user-movies-overview .stats,.user-reviewed-list-stats{font-size:1.2rem}li{padding:1rem 1.2rem}li h3{font-size:1.8rem}li h4{font-size:1.2rem}.img-container{width:4rem;height:6rem}.rate-movie{padding:.8rem}.add-watchlist-btn{font-size:1.2rem;padding:.8rem 1.6rem}.user-profile-btn{font-size:.9rem;padding:.4rem .8rem}.delete-movie-btn{width:3rem;height:3rem;padding:.4rem}}main>section{background-color:var(--color-background-500);border-radius:8px;color:var(--color-text-dark);position:relative;min-height:30rem;max-height:60rem}.box-content-scrollable{height:100%;overflow:auto}main>section.loading-watched,main>section.loading-movies{display:flex}main>section::-webkit-scrollbar{width:.5rem;background-color:#37383d1a;border-radius:100vw}main>section::-webkit-scrollbar-thumb{border-radius:100vw;background-color:var(--color-primary)}.search-list-row{cursor:pointer}.img-container{grid-row:1 / 3;width:6rem;height:9rem}.img-container img{width:100%;height:100%;object-fit:cover}li{display:grid;row-gap:1rem;column-gap:2rem;grid-template-columns:6rem 1fr;padding:1.6rem 2.4rem;border-bottom:2px solid #77777722;transition:background-color .3s ease}.search-list-row:hover{background-color:var(--color-background-900);cursor:pointer}li h3{font-size:2.4rem;align-self:end}li h4{font-size:1.6rem;font-weight:400}.watch-list-section{position:relative}.user-movies-overview{background-color:var(--color-background-900);border-radius:8px;box-shadow:0 4px 8px 8px #0000001d;flex-direction:column;padding:1.6rem 2.4rem;row-gap:1rem;position:sticky;top:0}.user-movies-overview h3{font-size:2.4rem}.user-movies-overview .stats,.user-reviewed-list-stats{font-size:1.6rem;gap:1.6rem}.loader,.error{margin:3.2rem auto;text-align:center;font-size:3.2rem;font-weight:600}.selected-movie{display:flex;flex-direction:column;gap:4.8rem;position:relative}.movie-overview{display:flex;align-items:center;gap:3.2rem;background-color:var(--color-background-900)}.movie-overview-image{width:17rem}.movie-overview-details{display:flex;flex-direction:column;gap:2.4rem}.movie-overview-details h2{font-size:2.4rem;line-height:1.2}.movie-overview-details p{font-size:1.4rem}.selected-movie>section:nth-child(2){max-width:80%;margin-inline:auto;display:flex;flex-direction:column;gap:2.4rem;font-size:1.4rem}.rate-movie{display:flex;flex-direction:column;align-items:center;gap:2.4rem;background-color:var(--color-background-900);padding:2.4rem;border-radius:8px}.back-btn{position:absolute;left:2%;top:1%;background-color:var(--color-background-100);color:var(--color-text);border-radius:50%;padding:.4rem;font-size:2.4rem;box-shadow:0 1px 4px 4px #00000041;cursor:pointer}.add-watchlist-btn,.user-profile-btn{background-color:var(--color-primary-light);color:#fff;width:auto;height:auto;border-radius:100vw;cursor:pointer}.add-watchlist-btn{position:static;font-size:1.6rem;padding:1.2rem 2.4rem}.user-profile-btn{font-size:1.2rem;padding:.6rem 1.2rem}.watch-list-row{position:relative}.delete-movie-btn{background-color:var(--color-red);cursor:pointer;right:2%;top:.5rem;width:4rem;height:4rem;border-radius:5px;box-shadow:0 1px 4px 4px #3131312c;padding:.7rem;transition:all .3s}.delete-movie-btn:hover{background-color:var(--color-red-dark)}.delete-movie-btn>svg{color:#fff}.loader-grid{position:relative;width:150px;height:180px}.base{width:150px;height:10px;background-color:var(--color-primary);margin-bottom:120px}.piece{position:absolute;top:0;left:0}.iPiece{display:grid;grid-template-rows:repeat(4,15px);grid-template-columns:repeat(1,15px);grid-template-areas:"a" "a" "a" "a"}.iPiece>div{grid-area:a;background-color:#6fcbf8}.jPiece{display:grid;grid-template-rows:repeat(3,15px);grid-template-columns:repeat(2,15px);grid-template-areas:". a" ". a" "b b";width:30px;height:45px}.jPiece>div:first-child{grid-area:a;background-color:#3030cf}.jPiece>div:last-child{grid-area:b;background-color:#3030cf}.lPiece{display:grid;grid-template-rows:repeat(3,15px);grid-template-columns:repeat(2,15px);grid-template-areas:"a ." "a ." "b b"}.lPiece>div:first-child{grid-area:a;background-color:#f88c41}.lPiece>div:last-child{grid-area:b;background-color:#f88c41}.oPiece{display:grid;grid-template-rows:repeat(2,15px);grid-template-columns:repeat(2,15px);grid-template-areas:"a a" "a a"}.oPiece>div{grid-area:a;background-color:#fed504}.sPiece{display:grid;grid-template-rows:repeat(2,15px);grid-template-columns:repeat(3,15px);grid-template-areas:". a a" "b b ."}.sPiece>div:first-child{grid-area:a;background-color:#52cc74}.sPiece>div:last-child{grid-area:b;background-color:#52cc74}.tPiece{display:grid;grid-template-rows:repeat(2,15px);grid-template-columns:repeat(3,15px);grid-template-areas:". a ." "b b b"}.tPiece>div:first-child{grid-area:a;background-color:#bd46d0}.tPiece>div:last-child{grid-area:b;background-color:#bd46d0}.zPiece{display:grid;grid-template-rows:repeat(2,15px);grid-template-columns:repeat(3,15px);grid-template-areas:"a a ." ". b b"}.zPiece>div:first-child{grid-area:a;background-color:#ff3859}.zPiece>div:last-child{grid-area:b;background-color:#ff3859}.start-message{font-size:1.6rem;font-weight:700;text-align:center;margin-top:3.2rem}.start-message-emoji{font-size:2.4rem}.switch{width:50px;height:30px;background-color:var(--color-background-500);display:flex;justify-content:flex-start;border-radius:50px;padding:5px;cursor:pointer}.switch[data-ison=true]{justify-content:flex-end}.handle{width:20px;height:20px;background-color:#fff;border-radius:40px;display:flex;align-items:center;justify-content:center}.handle svg{width:16px;height:16px;color:var(--color-primary)}.switch.dark{background-color:#4d4d4d}.switch.light .handle{background-color:var(--color-primary)}.switch.light .handle svg{color:#fff}.theme-toggle-container{display:flex;align-items:center;gap:1rem}.theme-toggle-label{font-size:1.4rem;font-weight:600}._container_14lgd_1{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.8rem;cursor:pointer;border-radius:100vw;border:2px solid transparent;padding:1.2rem 2.4rem;transition:all ease-in .3s;position:relative}._container_14lgd_1:hover{border:2px solid white}._name_14lgd_19{text-transform:capitalize;font-weight:500;color:#fff}._container-grid_14lgd_25{display:flex;flex-direction:column;align-items:center;height:auto;position:absolute;top:calc(100% + 1rem);left:50%;transform:translate(-50%);width:30rem;background-color:var( --color-background-900 );border-radius:8px;box-shadow:0 4px 8px #0003;padding:1.6rem;z-index:100}._container-user-info_14lgd_43{display:flex;flex-direction:column;align-items:center;padding:1.2rem}._fullName_14lgd_49{font-size:1.6rem;font-weight:500;margin-top:1.6rem;margin-bottom:.6rem;text-transform:capitalize;color:var(--color-text)}._email_14lgd_57{font-size:1.2rem;color:var(--color-text)}._container-user-info_14lgd_43>._img-container_14lgd_61{width:5.4rem;height:5.4rem;border-radius:50%;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:contain}._container-user-info_14lgd_43 img{width:100%}._action_14lgd_75{display:flex;flex-direction:column;gap:1.6rem;margin-top:2.4rem;justify-content:space-between}._container-grid_14lgd_25 ._button_14lgd_82{position:static!important}._container_h0xda_1{position:fixed;top:10%;left:50%;transform:translate(-50%,-50%);padding:1.5rem 2rem;border-radius:1rem;box-shadow:0 8px 24px #00000026;font-weight:500;font-size:1.6rem;z-index:1000;display:flex;align-items:center;gap:.75rem}._success_h0xda_17{background-color:#a7f3d0;color:#059669}._fail_h0xda_21{background-color:#fecaca;color:#ef4444}._loading_h0xda_25{background-color:#fffc;color:#333}._loading-backdrop_h0xda_29{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0003;z-index:999;height:100vh;width:100vw}._button_1pxfd_1._not-global_1pxfd_1{position:static;cursor:pointer;text-transform:capitalize;transition:box-shadow ease-in .3s,transform ease-in .3s}._button_1pxfd_1._auth_1pxfd_9{border-radius:6px;background-color:#f7f7f7;color:#211a3b;font-size:2.4rem;padding:1rem 1.6rem}._button_1pxfd_1:hover{box-shadow:0 4px 12px #ffffff14,0 8px 24px #0009;transform:translateY(-3px)}._button_1pxfd_1._submit_1pxfd_22{width:100%;font-size:2.4rem;font-weight:700;padding-block:1.2rem;border-radius:6px}._nav_1nyts_1{display:flex;align-items:center;font-size:1.2rem;position:fixed;top:10%;left:50%;transform:translate(-50%);gap:4.2rem}@media (max-width: 458px){._nav_1nyts_1{font-size:1.2rem;top:10%;left:50%;transform:translate(-50%)}}@media (max-width: 768px){._nav_1nyts_1{font-size:1.2rem;top:10%;left:50%;transform:translate(-50%)}}._wrapper_105zc_1{height:100vh;width:100%;background:#211a3b;background:linear-gradient(0deg,#211a3b,#353064);position:relative;overflow-y:auto}._container_105zc_9{width:30%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #ffffff14,0 8px 24px #0009;padding:4.8rem;border-radius:9px;background:#211a3b;background:linear-gradient(0deg,#211a3b,#353064)}@media (max-width: 768px){._container_105zc_9{width:60%;padding:3.2rem}}@media (max-width: 480px){._container_105zc_9{width:90%;padding:2.4rem}}._infoLabel_105zc_37{position:absolute;top:2rem;left:50%;transform:translate(-50%);background-color:#343a40cc;color:#fff;padding:.8rem 1.2rem;border-radius:8px;display:flex;align-items:center;gap:.8rem;font-size:1.2rem;text-align:center;z-index:100}@media (max-width: 768px){._infoLabel_105zc_37{font-size:1rem;padding:.6rem 1rem}}@media (max-width: 480px){._infoLabel_105zc_37{font-size:.9rem;padding:.5rem .8rem}}._container_1w531_1{display:flex;flex-direction:column;gap:1rem}._input_1w531_6{width:100%;padding:1rem 1.2rem;font-size:1.6rem;border:none;outline:none;border-radius:6px;background-color:#fffc;transition:background-color ease-in 1s}._input_1w531_6:focus{background-color:#f7f7f7;box-shadow:none;transform:none}._input_1w531_6::placeholder{color:#777}._input_1w531_6._file_1w531_26{display:none}._label_1w531_29{color:#f7f7f7;font-size:1.6rem;font-weight:500}._label_1w531_29._file_1w531_26{width:12rem;text-align:center;cursor:pointer;color:#211a3b;font-size:1.6rem;font-weight:500;text-transform:capitalize;border-radius:6px;background-color:#f7f7f7;box-shadow:0 4px 12px #ffffff14,0 8px 24px #0009;padding-block:1.2rem}._form_1ih41_1{display:flex;flex-direction:column;row-gap:3.2rem}._heading_1ih41_6{font-size:4.8rem;color:#fff;text-transform:capitalize;text-align:center;margin-bottom:4.8rem}@media (max-width: 768px){._heading_1ih41_6{font-size:3.6rem;margin-bottom:3.2rem}}@media (max-width: 480px){._heading_1ih41_6{font-size:2.8rem;margin-bottom:2.4rem}}._form_9zxpt_1{display:flex;flex-direction:column;row-gap:3.2rem}._heading_9zxpt_6{font-size:4.8rem;color:#fff;text-transform:capitalize;text-align:center;margin-bottom:4.8rem}@media (max-width: 768px){._heading_9zxpt_6{font-size:3.6rem;margin-bottom:3.2rem}}@media (max-width: 480px){._heading_9zxpt_6{font-size:2.8rem;margin-bottom:2.4rem}}._form_9zxpt_1 img{width:5.2rem;height:5.2rem;border-radius:50%;overflow:hidden;background-color:#fff}._img-selector-container_9zxpt_34{display:flex;justify-content:space-between;align-items:center}