*{box-sizing:border-box;margin:0;padding:0}html{background-color:#121212;font-family:Inter,sans-serif;font-optical-sizing:auto;font-size:62.5%;font-style:normal;font-weight:100}.app{display:flex;min-height:100vh;width:100%}.left-section{width:70%}.left-section,.right-section{background-color:#121212;display:flex;flex-direction:column;padding:2rem}.right-section{align-items:center;min-height:100vh;width:30%}.header{align-items:center;color:#fff;display:flex;font-size:xx-large;justify-content:space-between;padding:10px}.header p{color:#b3b3b3;font-size:medium}.grey-line{background-color:#b3b3b3;border:none;height:1px}.stats{margin-top:1rem;min-height:10vh}.filter{margin:1rem 0 0 4rem}.stats label{color:#fff;font-size:medium;margin-right:1rem}.stats select{background-color:#2c2c2c;border-radius:4px;color:inherit;color:#fff;font-family:inherit;font-size:small;padding:.4rem;text-align:center;transition:.3s}.stats select:active,.stats select:focus{border:1px solid #1e1e1e!important}.movie-list{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem;padding-bottom:2rem}.movie-box{background-color:#1e1e1e;border-radius:6px;box-shadow:0 4px 10px #0000004d;color:#fff;height:100%;max-height:420px;position:relative;transition:transform .2s ease-in-out;width:300px}.movie-box:hover,.movie-box:hover .button{background-color:#2c2c2c}.movie-box img{border-top-left-radius:6px;border-top-right-radius:6px;display:block;height:50%;margin-bottom:.5rem;object-fit:cover;width:100%}.movie-box h1{cursor:pointer;font-size:x-large;overflow:hidden;padding:2rem;text-overflow:ellipsis;white-space:nowrap}.movie-box h1:hover{text-decoration:underline}.movie-info{color:#b3b3b3;font-size:small;padding:2rem}.movie-info p,.overview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview{color:#f9b814;cursor:pointer;max-width:1000px;padding-bottom:1rem}.overview:after{background-color:#1e1e1e;border-radius:6px;box-shadow:0 4px 8px #0000004d;color:#b3b3b3;content:attr(data-tooltip);display:none;font-size:small;height:auto;left:60%;padding:1rem 1rem 2rem;position:absolute;top:60%;transform:translateX(-50%);transition:opacity .25s ease-in-out,visibility .25s ease-in-out;white-space:normal;width:400px;z-index:100}.overview:hover:after{display:block}.button{background-color:#1e1e1e;border-radius:10px;border-top:1px solid #2c2c2c;color:#fff;font-family:Poppins,sans-serif;justify-content:space-between;margin:1rem 0;padding:1rem 1.5rem}.button,.checkbox-wrapper{align-items:center;display:flex}.checkbox-wrapper{color:#b3b3b3;cursor:pointer;font-size:small;font-weight:500;gap:.6rem}.checkbox-wrapper input[type=checkbox]{accent-color:#e50914;border-radius:4px;cursor:pointer;height:12px;width:12px}.remove{background-color:#e50914;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .3s ease}.remove:hover{background-color:#b20710}.add-movie-button{background-color:#e50914;border:none;border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:600;margin-top:2rem;padding:1rem 2rem;transition:background-color .3s ease,transform .2s ease}.add-movie-button:hover{background-color:#b20710}.movie-search{max-width:500px;width:100%}.movie-search-box{background-color:#1e1e1e;border-radius:8px;box-shadow:0 4px 8px #0006;margin:3rem auto;max-width:600px;padding:.5rem 1rem;width:100%}.movie-search-box input[type=text]{background-color:initial;border:none;color:#fff;font-family:Inter,sans-serif;font-size:1.4rem;outline:none;padding:1rem;width:100%}.movie-search-box input::placeholder{color:#b3b3b3}.movie-suggestion{background-color:#1e1e1e;border-radius:6px;box-shadow:0 4px 10px #0000004d;cursor:pointer;display:flex;height:100px;margin-bottom:1.6rem;transition:background-color .4s ease-in-out,transform .2s ease-in-out}.movie-suggestion:hover{background-color:#b3b3b333;transform:scale(1.07)}.movie-suggestion-info{color:#fff;display:flex;flex-direction:column;gap:2rem;margin-left:1rem;margin-top:1rem}.movie-suggestion-info p:first-child{font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:wrap}.movie-suggestion-info p:nth-child(2){color:#b3b3b3;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movie-suggestion img{display:block;object-fit:cover;width:20%}.full-movie-details{background-color:#1e1e1e;height:100%;margin:0 4rem 0 0;max-height:640px;position:relative;position:-webkit-sticky;position:sticky;top:4rem;width:100%}.full-movie-details:after{background-color:#2c2c2c;bottom:180px;content:"";display:flex;height:1.8px;left:20px;position:absolute;width:90%}.close-icon{color:#e50914;cursor:pointer;position:absolute;right:10px;top:5px}.full-movie-details img{display:block;height:60%;object-fit:contain;width:100%}.full-movie-details p{margin:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.full-movie-details>p:first-of-type{color:#b3b3b3;font-size:medium}.full-movie-main-details{color:#fff;display:flex;font-size:x-large;overflow:hidden;text-overflow:ellipsis}.full-movie-main-details p:last-child{color:#b3b3b3;font-size:medium;margin-top:3.3rem}.rating{display:flex;margin:1rem 0 2rem 1rem}.rating p{color:#b3b3b3;font-size:large;margin-top:2.4rem}.hide{display:none}.watched{filter:grayscale(100%)}.watched:hover,.watched:hover .button{background-color:#1e1e1e}
/*# sourceMappingURL=main.50a50177.css.map*/