@import"https://fonts.googleapis.com/css?family=Lato&display=swap";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)}*{box-sizing:border-box}body{background-color:#f7f7f7;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;margin:0;font-family:Lato,sans-serif;font-size:18px}.container{margin:30px auto;width:400px}h1{letter-spacing:1px;margin:0}h2{border-bottom:1px solid #bbb;margin:0}h3{border-bottom:1px solid #bbb;padding-bottom:10px;margin:40px 0 10px}h4{margin:0;text-transform:uppercase}.inc-exp-container{background-color:#fff;box-shadow:var(--box-shadow);padding:20px;display:flex;justify-content:space-between;margin:20px 0}.inc-exp-container>div{flex:1;text-align:center}.inc-exp-container>div:first-of-type{border-right:1px solid #dedede}label{display:inline-block;margin:10px 0}input[type=text],input[type=number]{border:1px solid #dedede;border-radius:2px;display:block;font-size:16px;padding:10px;width:100%}.btn{cursor:pointer;background-color:#9c88ff;box-shadow:var(--box-shadow);color:#fff;border:0;display:block;font-size:16px;margin:10px 0 30px;padding:10px;width:100%}.btn:focus,.delete-btn:focus{outline:0}.list{list-style-type:none;padding:0;margin-bottom:40px}.list li{background-color:#fff;box-shadow:var(--box-shadow);color:#333;display:flex;justify-content:space-between;position:relative;padding:10px;margin:10px 0}.delete-btn{cursor:pointer;background-color:#e74c3c;border:0;color:#fff;font-size:20px;line-height:20px;padding:2px 5px;position:absolute;top:50%;left:0;transform:translate(-100%,-50%);opacity:0;transition:opacity .3s ease}.list li:hover .delete-btn{opacity:1}.header[data-v-42fa0ead]{display:flex;justify-content:space-between;align-items:center;background-color:#303633;color:#8be8cb;padding:10px 20px;position:fixed;top:0;left:0;width:100%;z-index:999}.header-left[data-v-42fa0ead]{flex:1}.header-center[data-v-42fa0ead]{flex:2;display:flex;justify-content:center;margin-right:25%}.button[data-v-42fa0ead]{margin-right:5px;background-color:#8be8cb;text-align:center;color:#303633;font-size:30px;border-color:#8be8cb;padding-left:5px;padding-right:5px}.button a[data-v-42fa0ead]{text-decoration:none}.button[data-v-42fa0ead]:hover{background-color:#303633;color:#8be8cb}h1[data-v-42fa0ead]{font-size:30px}.movies-container[data-v-761c82ef]{display:flex;flex-wrap:wrap}.movie-box[data-v-761c82ef]{position:relative;margin:10px;padding:10px 10px 50px;border:1px solid #ccc;width:200px;text-align:center;box-shadow:0 10px 20px #30363333;border-radius:3px}.movie-box img[data-v-761c82ef]{max-width:100%;height:auto}.movie-box h2[data-v-761c82ef]{font-size:16px;margin:10px 0}.movie-box p[data-v-761c82ef]{font-size:14px;color:#555;padding-bottom:10px}.add-button[data-v-761c82ef]{position:absolute;bottom:5px;left:50%;transform:translate(-50%);background-color:#8be8cb;border:none;color:#303633;padding:10px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:20px;margin:4px 2px;cursor:pointer}.message[data-v-761c82ef]{position:fixed;right:35px;top:85px;background-color:#8be8cb;color:#303633;padding:10px;text-align:center;z-index:1000}.hinweis[data-v-761c82ef]{position:fixed;max-width:150px;right:10px;top:120px;background-color:#ebe4d4;padding:80px 0;margin-top:20px}.searchbar[data-v-132118bf]{position:fixed;top:5px;right:0;padding:10px 20px;z-index:999}.searchbar input[data-v-132118bf]{background-color:#8be8cb;border-color:#8be8cb;padding:10px}.movies-container[data-v-132118bf]{display:flex;flex-wrap:wrap;margin-top:40px}.movie-box[data-v-132118bf]{position:relative;margin:10px;padding:10px 10px 50px;border:1px solid #ccc;width:200px;text-align:center;box-shadow:0 10px 20px #30363333;border-radius:3px}.movie-box img[data-v-132118bf]{max-width:100%;height:auto}.movie-box h2[data-v-132118bf]{font-size:16px;margin:10px 0}.movie-box p[data-v-132118bf]{font-size:14px;color:#555;padding-bottom:10px}.add-button[data-v-132118bf]{position:absolute;bottom:5px;left:50%;transform:translate(-50%);background-color:#8be8cb;border:none;color:#303633;padding:10px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:20px;margin:4px 2px;cursor:pointer}.message[data-v-132118bf]{position:fixed;right:250px;top:15px;background-color:#8be8cb;color:#303633;padding:8px;z-index:1000}.searchResults[data-v-132118bf]{margin-top:100px;padding-left:50px;max-width:300px;margin-left:450px}.fix[data-v-132118bf]{max-width:1200px;padding-left:50px}.movies-container[data-v-eeec91a3]{display:flex;flex-direction:row;flex-wrap:wrap}.movie-box[data-v-eeec91a3]{position:relative;margin:10px;padding-top:10px;border:1px solid #ccc;width:200px;text-align:center;padding-bottom:50px;box-shadow:0 10px 20px #30363333;border-radius:3px}.movie-box img[data-v-eeec91a3]{max-width:100%;height:auto;padding:10px}.movie-box h2[data-v-eeec91a3]{font-size:16px;margin:10px 0}.movie-box p[data-v-eeec91a3]{font-size:14px;color:#555;padding-left:10px;padding-right:10px;padding-bottom:10px}.remove-button[data-v-eeec91a3]{position:absolute;bottom:5px;left:50%;transform:translate(-50%);background-color:#f8d7da;border:none;color:#721c24;padding:10px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:20px;margin:4px 2px;cursor:pointer}.watched-checkbox[data-v-eeec91a3]{position:absolute;top:0;right:0}.info-checkbox-container[data-v-eeec91a3]{display:flex;justify-content:center;align-items:center;gap:10px}h2[data-v-eeec91a3]{margin-top:20px}.fix[data-v-eeec91a3]{max-width:1200px;padding-left:50px}.info-label[data-v-eeec91a3]{color:#8be8cb;font-weight:700;background-color:#8be8cb;box-shadow:0 10px 20px #30363333;border-radius:10px}.searchbar[data-v-eeec91a3]{box-shadow:0 10px 20px #30363333;margin:10px;background-color:#8be8cb;border-color:#8be8cb}#description[data-v-654c9132]{width:700px;border:#000000;background-color:#ebe4d4;padding:10px;margin-top:100px}.fix[data-v-654c9132]{display:flex;flex-direction:column;align-items:center}.button-container[data-v-654c9132]{display:flex;gap:10px;padding-top:2px}.text[data-v-654c9132]{text-align:left;max-width:698px}h2[data-v-654c9132]{margin-top:20px;margin-bottom:20px}