:root{--vt-c-white:#848484;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--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}html{overflow-y:scroll}main{background-color:#1e1e1e}body{color:gray;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1e1e1e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6}#app{margin:0;font-weight:400}a,a:hover,a:visited,a:active{color:inherit;text-decoration:none}.film-search[data-v-c6777216]{background-color:#d5d2d2;border-radius:4em;justify-content:center;max-width:25rem;display:flex}.search-btn[data-v-c6777216]{cursor:pointer;background-color:#0000;border:none}.loupe[data-v-c6777216]{height:2rem}#film[data-v-c6777216]{background-color:#0000;border:none;border-radius:.5rem;outline:none;width:80%;padding:.5rem;font-size:1.2rem}.logo[data-v-bfec0988]{width:fit-content}.logo-text[data-v-bfec0988]{color:#c99c31;cursor:pointer;font-family:Open Sans,sans-serif;font-size:2rem;font-weight:700;text-decoration:none;display:block}.app-header[data-v-6f706b18]{z-index:2;background-color:#222;flex-flow:wrap;justify-content:space-between;align-items:center;width:100%;height:fit-content;padding:1rem 2rem;display:flex;position:sticky;top:0}.right-side[data-v-6f706b18]{flex-direction:row;align-items:center;padding:1rem;display:flex}.auth[data-v-6f706b18]{border:3px solid #00000087;border-radius:16px;justify-content:center;align-items:center;height:fit-content;margin:-1rem -1rem -1rem 2rem;padding:0 .6rem;font-size:1.3rem;display:flex}.auth-name[data-v-6f706b18]{color:#928439e6;font-weight:700}.logout[data-v-6f706b18]{margin-left:2rem}button[data-v-6f706b18]{color:#c99c31;cursor:pointer;background-color:#4c4c4ccc;border:3px solid #100c0c80;border-radius:12px;padding:.5rem 1rem;font-size:1.2rem;font-weight:700}a[data-v-918e638d],a[data-v-918e638d]:hover,a[data-v-918e638d]:visited,a[data-v-918e638d]:active{color:inherit;text-decoration:none}.navigate[data-v-918e638d]{background-color:#100c0c;border-radius:8px;padding:.3rem}button[data-v-918e638d]{background-color:#0000}.pagination[data-v-3a781150]{flex-direction:row;justify-content:center;align-items:center;display:flex}button[data-v-3a781150]{cursor:pointer;color:#886b21;background-color:#4c4c4ccc;border:3px solid #100c0c80;border-radius:1rem;width:2rem;height:2rem;margin:.5rem;font-weight:700}.active[data-v-3a781150]{background-color:#433511bf}.invisible[data-v-3a781150]{visibility:hidden;pointer-events:none}.app-footer[data-v-d92e7a8c]{position:sticky;bottom:0}.container[data-v-d92e7a8c]{z-index:10;background-color:#222;flex-direction:row;justify-content:center;gap:30px;padding:1rem;display:flex}.pagination[data-v-d92e7a8c]{background-color:#0000}html[data-v-e69f8a34]{overflow:hidden}.modal-window[data-v-e69f8a34]{z-index:100;background:#272626ab;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.header[data-v-e69f8a34]{justify-content:center;display:flex}.window-inside[data-v-e69f8a34]{background:#4d4542;border:4px solid #171313;border-radius:2rem;flex-direction:column;justify-content:space-between;width:35rem;height:35rem;padding:2rem;display:flex}.form-container[data-v-e69f8a34]{flex-direction:column;display:flex}.form-container .form-title[data-v-e69f8a34]{align-self:center;font-size:2rem;font-weight:700}.input-group[data-v-e69f8a34]{padding:1rem}label[data-v-e69f8a34]{font-size:1.2rem}.switch-link[data-v-e69f8a34]{place-self:end}input[data-v-e69f8a34]{color:gray;background-color:#0000;border:none;border-radius:.5rem;outline:none;width:fit-content;height:1.5rem;padding:.5rem;font-size:1.2rem}button[data-v-e69f8a34]{cursor:pointer;background-color:#40531866;border:2px solid #0000006e;border-radius:.5rem;align-self:center;width:30%;height:3rem}span[data-v-e69f8a34]{color:#1d0a0ad6;cursor:pointer;font-weight:700}.error-message[data-v-e69f8a34]{color:#b91919;font-weight:700}.switch-link[data-v-e69f8a34]{align-self:end;padding:1rem;font-size:1.2rem}#app-layout[data-v-fa68ce13]{flex-direction:column;min-height:100vh;display:flex}.modal[data-v-fa68ce13]{filter:blur(5px);overflow:hidden}main[data-v-fa68ce13]{flex:1}.spinner[data-v-fa68ce13]{color:#ffd900a8;padding:1rem;font-size:2rem;font-weight:700}.movie-card[data-v-9ff08641]{cursor:pointer;flex-direction:column;gap:8px;width:14rem;margin:1rem;text-decoration:none;transition:transform .22s;display:flex}.movie-card[data-v-9ff08641]:hover{transform:translateY(-2px)}.poster-wrapper[data-v-9ff08641]{aspect-ratio:2/3;border:3px solid #0b0202c2;border-radius:1rem;position:relative;overflow:hidden}.poster-wrapper img[data-v-9ff08641]{object-fit:cover;width:100%;height:100%;position:absolute}.genre-btn[data-v-79f82be9]{cursor:pointer;background:0 0;border:none;margin:.5rem}.name[data-v-79f82be9]{color:#c99c31;justify-content:center;width:100%;display:flex}.genre-item[data-v-79f82be9]:hover{background:#636363;transition:all .25s}.genre-item[data-v-79f82be9]{cursor:pointer;background-color:#4c4c4ce6;border-bottom:3px solid #100c0c80;border-left:3px solid #100c0c80;border-right:3px solid #100c0c80;flex-direction:row;justify-content:space-between;width:100%;height:2rem;padding:1px;transition:all .2s;display:flex}.genre-item[data-v-79f82be9]:active{color:#fff;background:#353131;border-color:#4d4542}.genre-all[data-v-a0f5c5ce]{z-index:1;width:12rem;position:relative}.genres-container[data-v-a0f5c5ce]{color:#c99c31;cursor:pointer;flex-direction:row;justify-content:center;align-items:center;width:100%;height:2rem;display:flex}.genres-dropdown[data-v-a0f5c5ce]{transform-origin:top;flex-direction:column;width:100%;display:flex;position:absolute;top:100%}.dropdown-btn[data-v-a0f5c5ce]{cursor:pointer;background-color:#4c4c4ccc;border:3px solid #100c0c80;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex}.open[data-v-a0f5c5ce]{transform:rotate(180deg)}.dropdown-open[data-v-a0f5c5ce]{border-radius:12px 12px 0 0}.arrow-img[data-v-a0f5c5ce]{width:1rem;height:1rem;transition:transform .3s;rotate:180deg}.genres-grid[data-v-a0f5c5ce]>:last-child{border-bottom-right-radius:12px;border-bottom-left-radius:12px}.genres-title[data-v-a0f5c5ce]{color:#c99c31;font-weight:700}.sort-grid[data-v-b1cd8cd8]{color:#c99c31;background-color:#4c4c4ce6;border:3px solid #100c0c80;padding:.5rem;font-weight:700}.sort-item[data-v-b1cd8cd8]{cursor:pointer;justify-content:end;align-items:center;width:fit-content;display:flex}.option-input[data-v-b1cd8cd8]{margin:.5rem}.label-text[data-v-b1cd8cd8]{font-weight:550}.sort-item[data-v-b67345e1]{background-color:#4c4c4ce6;border:3px solid #100c0c80;flex-direction:column;width:100%;height:fit-content;padding:1rem;display:flex}input[data-v-b67345e1]{color:#fff;background-color:#0000;border:none;border-bottom:1px solid #c99c31;width:5rem}input[data-v-b67345e1]:focus{outline:none}input[type=number][data-v-b67345e1]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-b67345e1]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-b67345e1]{-moz-appearance:textfield}label[data-v-b67345e1]{padding:.5rem}button[data-v-b67345e1]{cursor:pointer;background-color:#38383857;border:1px solid #000;border-radius:.5rem;align-self:center;width:fit-content;margin:.5rem}.sort-all[data-v-fa2298a2]{z-index:1;width:20rem;position:relative}.sort-container[data-v-fa2298a2]{z-index:1;color:#c99c31;background-color:#8080805c;border-radius:12rem;height:2rem}.sort-dropdown[data-v-fa2298a2]{border-radius:12px;flex-direction:column;width:100%;display:flex;position:absolute;top:100%}.sort-by[data-v-fa2298a2]{flex-direction:row;display:flex}.sort-range[data-v-fa2298a2]>:last-child{border-radius:0 0 12px 12px}.dropdown-btn[data-v-fa2298a2]{cursor:pointer;background-color:#4c4c4ce6;border:3px solid #100c0c80;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex}.dropdown-open[data-v-fa2298a2]{border-radius:12px 12px 0 0}.sort-img[data-v-fa2298a2]{width:1rem;transition:transform .5s}.open[data-v-fa2298a2]{transform:rotate(180deg)}.sort-text[data-v-fa2298a2]{color:#c99c31;font-weight:700}.movies-grid[data-v-211f0f47]{flex-wrap:wrap;justify-content:center;gap:48px;width:100%;margin-bottom:3px;display:flex}.sorts[data-v-211f0f47]{flex-direction:row;justify-content:end;gap:2rem;margin-top:1rem;margin-right:2rem;display:flex}.movie-wrapper[data-v-211f0f47]{position:relative}.add-to-list-btn[data-v-211f0f47]{aspect-ratio:1;cursor:pointer;background-color:#008000c4;border:none;border-radius:100%;width:2.5rem;font-size:1.5rem;font-weight:200;transition:background-color .5s;position:absolute;top:10px;right:10px}.add-to-list-btn[data-v-211f0f47]:hover{background-color:green;transition:background-color .5s}.list-card[data-v-cf3dd461]{cursor:pointer;flex-direction:column;gap:.5rem;width:14rem;transition:transform .2s;display:flex}.list-card[data-v-cf3dd461]:hover{transform:translateY(-3px)}.preview-grid[data-v-cf3dd461]{aspect-ratio:1;background-color:#2c2c2c;border:3px solid #0b0202c2;border-radius:1rem;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:4px;display:grid;overflow:hidden}.preview-item[data-v-cf3dd461]{background-color:#3a3a3a;width:100%;height:100%;position:relative}.preview-item img[data-v-cf3dd461]{object-fit:cover;aspect-ratio:1;width:100%;height:100%}.empty-slot[data-v-cf3dd461]{background-color:#444;width:100%;height:100%}.list-title[data-v-cf3dd461]{text-align:center;color:#c99c31;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.lists-page[data-v-ccdfedd9]{color:#c99c31;padding:2rem}.lists-grid[data-v-ccdfedd9]{flex-wrap:wrap;gap:2rem;margin-top:2rem;display:flex}.create-card[data-v-ccdfedd9]{aspect-ratio:1;cursor:pointer;color:#848484;background-color:#ffffff0d;border:3px dashed #80808080;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;width:14rem;height:auto;margin-bottom:2rem;transition:all .2s;display:flex}.create-card[data-v-ccdfedd9]:hover{color:#c99c31;background-color:#c99c311a;border-color:#c99c31}.plus-icon[data-v-ccdfedd9]{font-size:4rem;line-height:1}.modal-overlay[data-v-ccdfedd9]{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-ccdfedd9]{background:#222;border:2px solid #c99c31;border-radius:1rem;flex-direction:column;gap:1rem;min-width:300px;padding:2rem;display:flex}input[data-v-ccdfedd9]{color:#fff;background:#333;border:1px solid #555;border-radius:4px;padding:.5rem}.actions[data-v-ccdfedd9]{justify-content:flex-end;gap:1rem;display:flex}button[data-v-ccdfedd9]{cursor:pointer;background:#c99c31;border:none;border-radius:4px;padding:.5rem 1rem;font-weight:700}button.cancel[data-v-ccdfedd9]{color:#fff;background:#555}.single-list-page[data-v-70a78ca8]{padding:2rem}.header-actions[data-v-70a78ca8]{color:#c99c31;justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.controls[data-v-70a78ca8]{gap:1rem;display:flex}.save-btn[data-v-70a78ca8]{cursor:pointer;background-color:#d3d3d3;border:none;border-radius:20px;padding:.5rem 1.5rem;font-weight:700}.delete-list-btn[data-v-70a78ca8]{color:#fff;cursor:pointer;background-color:#8b2828;border:3px solid #100c0c80;border-radius:8px;padding:.5rem 1rem}.movies-grid[data-v-70a78ca8]{flex-wrap:wrap;gap:2rem;display:flex}.movie-wrapper[data-v-70a78ca8]{position:relative}.remove-btn[data-v-70a78ca8]{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:10px;right:10px}.remove-btn[data-v-70a78ca8]:hover{background:#c0392b}.add-movie-card[data-v-70a78ca8]{cursor:pointer;color:#848484;background-color:#ffffff0d;border:3px dashed #80808080;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;width:14rem;min-height:21rem;margin:1rem;display:flex}.add-movie-card[data-v-70a78ca8]:hover{color:#c99c31;background-color:#c99c311a;border-color:#c99c31}.plus-icon[data-v-70a78ca8]{margin-bottom:1rem;font-size:4rem}