@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}body,input,select,button{font-family:Inter,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer}.dark{min-height:100vh;background:#1d1e20;color:#dadadb}.dark .header-bar .account-dropdown{background:#1d1e20}.dark .header-bar .search-area .results .film{background:#525259}.dark .film{box-shadow:none;border:none;background:#383838}.dark .film .status-buttons{background:#440c0c}.dark .film .status-buttons:before{color:inherit}a:link,a:visited,a:active{color:inherit;text-decoration:none}a:hover{text-decoration:none}.header-bar{display:flex;flex-flow:row-reverse wrap;justify-content:space-between;align-items:center;width:100%;padding:.5em}.header-bar .links{white-space:nowrap;padding:.5em 0}.header-bar .links a{border-radius:.25em;padding:.5em;transition:border,border-radius,background .25s ease}.header-bar .links a:link{text-decoration:none}.header-bar .links a:visited{color:inherit;text-decoration:none}.header-bar .links a:active{text-decoration:none}.header-bar .links a:hover{text-decoration:none;background:#bd0000;color:#fff}.header-bar .links a.active{background:#bd0000;color:#fff;text-decoration:underline}.header-bar a{margin:0 .05em}.header-bar a.login-button{padding:.5em;color:inherit;background:#fff;border-radius:.25em;border:1px solid #0778ce;font-size:.9em}.header-bar a.login-button:hover{background:#dde8f1}.header-bar a.signup-button{padding:.5em;color:#fff;background:#0a95ff;border-radius:.25em;border:1px solid #0778ce;font-size:.9em}.header-bar a.signup-button:hover{background:#0778ce}.header-bar .account-dropdown{background:#fff;padding:.5em 1em;display:flex;flex-flow:row nowrap;align-items:end}.header-bar .account-dropdown a{display:inline-block}.header-bar .account-dropdown .name{font-weight:700;margin:0 .5em}.header-bar .account-dropdown .username{color:#536471;margin:0 .5em}.header-bar .account-dropdown img{width:2.5em;border-radius:100%}.header-bar .search-area{width:100%;max-width:45em;margin:auto;z-index:2;font-size:.9em}.header-bar .search-area .results{display:flex;flex-flow:column nowrap;align-items:center;position:absolute;max-width:45em;max-height:50em;width:inherit;overflow:scroll;background:#fff;border:solid 1px #ccc;border-radius:4px;box-sizing:border-box;padding-right:.5em}.header-bar .search-area .results .film{width:100%;background:none;box-shadow:none;border-radius:0}.header-bar .search-area .results .film .film-details .text-details .name .status{display:none}.header-bar .search-area .results .actor{width:100%;background:none;box-shadow:none;border-radius:0;display:flex;justify-content:space-between;padding:.5em 1em}.header-bar .search-area .results .actor a{font-weight:700}.header-bar .search-area .results .actor img{border-radius:.5em;object-fit:cover;width:6em;height:6em;background:#61dafb}.header-bar .search-area .search-bar{width:100%;display:flex;flex-flow:row nowrap;align-items:stretch;z-index:3}.header-bar .search-area .search-bar .category-select{display:inline-block}.header-bar .search-area .search-bar .search-input{display:inline-block;flex:2 1;border:1px solid #b3b3b3;border-radius:.1em;width:5em;padding:.5em}.header-bar .search-area .search-bar button{display:inline-block}.search-page{margin:auto;justify-content:center;align-items:center;width:100%;max-width:50em;padding:.5em}.search-page .search-input{padding:.5em 1em;width:100%}.search-page fieldset{margin-top:.5em;padding:0;width:100%;border:none}.search-page fieldset label{display:inline-block;padding:.25em .5em .25em 0}.search-page fieldset label.active{color:#fff;background:#0060df;border-radius:.25em}.search-page .moviesr-details{display:flex;flex-flow:row nowrap;margin-top:1em}.search-page .moviesr-details a{font-weight:700}.search-page .moviesr-details img{height:15em;aspect-ratio:1/1.5;object-fit:cover}.search-page .moviesr-details .text-details{padding:1em}.search-page .moviesr-details .text-details .overview{max-height:10em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8}.result-item-user{display:flex;align-self:start;width:100%}.result-item-user img{height:6em}.result-item-user .result-details{padding:0 1em}@media screen and (max-width: 1400px){.header-bar{align-items:center;justify-content:space-between;flex-flow:row wrap}.header-bar .search-area{flex:1 2;min-width:100%;display:block;margin-bottom:.5em}.header-bar .search-area .results{max-width:none}.header-bar .account-dropdown{padding:0;background:none;display:flex;flex-flow:row nowrap;align-items:center;order:3}.header-bar .account-dropdown .login{right:0}.header-bar .account-dropdown .sign-up{margin-top:10em}.header-bar .account-dropdown .account-name-username{display:none}.header-bar .account-dropdown .account-options{margin-top:4.5em;width:5em}.account-dropdown{align-self:end}.actor-page .details{justify-content:center}.actor-page .details .text-details{padding-top:0!important}.actor-page .details .text-details h1{text-align:center}.actor-page .headshot{margin-top:1em;border-radius:.5em}.search-page .moviesr-details img{max-height:10em}.search-page .moviesr-details .text-details{padding:.5em}}.films-section{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;padding:1em 1em 5em}.films-section h2{text-align:center}.films-section .filter-select{width:100%;max-width:35em;margin-bottom:1em}.films-section .films{display:flex;flex-flow:column wrap;gap:.5em;margin:auto;justify-content:center}.films-section .films-compact{display:flex;flex-flow:row wrap;justify-content:center;gap:1em}.films-section .films-compact .film{border-radius:.5em;flex:1 2 11em;max-width:12em;display:flex;flex-flow:column nowrap;justify-content:space-between}.films-section .films-compact .film .film-details{display:flex;flex-flow:column nowrap}.films-section .films-compact .film .film-details .text-details .name .status{display:block;margin:0}.films-section .films-compact .film .film-details img{width:100%}.films-section .films-compact .film .status-buttons{display:flex;flex-flow:column wrap}.film{box-shadow:#64646f33 0 7px 29px;border:1px solid #e1e1e1;background:#fff;border-radius:.5em}.film>*{padding:.5em 1em}.film .film-details{display:flex;flex-flow:row nowrap;justify-content:space-between}.film .film-details .text-details button{border:1px solid #536471;border-radius:.5em;padding:.5em 1em;margin:0 .25em}.film .film-details .text-details .name{font-weight:700;margin:.5em 0}.film .film-details .text-details .name .status{background:#5a5c5e;border-radius:5em;color:#fff;padding:.25em 1em;margin:0 1em;display:inline-block}.film .film-details .text-details .overview{margin-right:.5em;margin-bottom:.5em}.film .film-details img{border-radius:.5em;object-fit:cover;width:6em;background:#61dafb}.film .status-buttons{background:#e0e0e0;width:100%}.film .status-buttons button{background:#fff;border:none;padding:.5em 1em}.film .status-buttons button:disabled,.film .status-buttons button[disabled]{cursor:default;text-decoration:underline;background:#5f9ea0}.film .status-buttons button:disabled.plan-to-watch,.film .status-buttons button[disabled].plan-to-watch{color:#fff;background:#bd0000}.film .status-buttons button:disabled.completed,.film .status-buttons button[disabled].completed{color:#fff;background:#099f24}.film .status-buttons button:disabled.started,.film .status-buttons button[disabled].started{color:#fff;background:#c4ae24}.film .status-buttons button:disabled.rewatching,.film .status-buttons button[disabled].rewatching{color:#fff;background:#2149c2}.film .status-buttons button:disabled.dropped,.film .status-buttons button[disabled].dropped{color:#fff;background:#9f0303}.film .status-buttons button.delete{background:#ff0f0f;color:#fff}.film .status-buttons button.delete:hover{background:#ed5e68}.watchlist-film{display:flex;flex-flow:row nowrap;gap:1em;background:#f6f6f6;min-width:15em;box-shadow:#0000001a 0 5px 15px -6px,#0000000d 0 4px 6px -2px}.watchlist-film img{width:5em;height:inherit;object-fit:cover}.watchlist-film .details{display:flex;flex-flow:column nowrap;justify-content:space-between;padding:.5em .5em .5em 0}.watchlist-film .details .text-details .name{font-weight:700}.status-buttons button{background:#eee;padding:.5em;border:none;border-radius:.25em;margin:.1em}.status-buttons button:hover{color:#fff;background:#007a35}.status-buttons button.delete:hover{color:#fff;background:#ff0f0f}.status-buttons button:disabled,.status-buttons button[disabled]{color:#fff;background:#007a35;text-decoration:underline}.home{padding:0 1em 5em;max-width:100em;margin:auto}.trending-films{width:100%;display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;gap:.5em}.trending-films .trending-film-container{flex:1 2 15em;max-width:18em;border-radius:.5em}.trending-films .trending-film-container .trending-film .name{font-weight:700}.trending-films .trending-film-container .trending-film a{width:inherit}.trending-films .trending-film-container .trending-film img{width:100%;object-fit:cover}.trending-films .trending-film-container:hover img{box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.full-show-details{max-width:100em;padding:0 1em 5em;margin:1em auto 0}.full-show-details .show-details{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.full-show-details .show-details img{background:#e9e9ed;display:inline-block;max-height:30em}.full-show-details .show-details .text-details{height:inherit;align-self:stretch;color:#fff;flex:1 1 5em;padding:1em;min-width:20em;display:flex;flex-flow:column nowrap;justify-content:center}.full-show-details .show-details .text-details .overview{max-width:50em}.full-show-details button.toggle-full-cast{text-decoration:underline;border:none;padding:.5em 1em;border-radius:.5em;margin:0 1em}.full-show-details .credits{display:flex;flex-flow:row wrap}.full-show-details .credits .cast-member{flex:1 2 10em;max-width:11em;display:flex;flex-flow:column nowrap}.full-show-details .credits .cast-member img{display:inline-block;height:auto;background:#e9e9ed;width:100%}.full-show-details .credits .cast-member .name{padding:0 .5em}.full-show-details .seasons{display:flex;flex-flow:row wrap}.full-show-details .seasons .season{flex:1 2 10em;max-width:11em}.full-show-details .seasons .season img{cursor:pointer;height:auto;width:100%}.full-show-details .selected-season .season{min-height:10em;height:10em;width:100%;display:flex;flex-flow:row nowrap}.full-show-details .selected-season .season img{display:inline-block}.full-show-details .selected-season .season .info{max-width:70em;padding:1em 2em;overflow:clip}.full-show-details .next-episode-to-air img{width:100%;max-width:20em}@media screen and (max-width: 700px){.full-show-details .selected-season .season{height:auto;display:block}.full-show-details .selected-season .season img{width:100%;max-height:25em;display:block;object-fit:cover}.full-show-details .selected-season .season .info{padding:1em}}.account-page{max-width:100em;margin:auto}.account-page .account-details-section{margin:auto}.account-page .account-details-section .current-avatar img{display:inline-block}.account-page .account-details-section img{width:10em}.account-page .account-details-section button{padding:.5em 1em;border:1px solid grey;border-radius:.1em;background:#fff}.account-page .account-details-section button.dark-mode-toggle{background:#1d1e20;color:#fff}.user-page{max-width:45em;margin:auto;padding:1em}.user-page .banner{display:flex;flex-flow:row wrap;align-items:center;background:#625fd2;background-size:cover}.user-page .banner h1{color:#fff;margin:auto;display:inline-block;text-align:center}.user-page .banner img{height:10em}.user-page .filter-select{width:100%;max-width:45em;margin-bottom:1em}.user-page .films{display:flex;flex-flow:column nowrap;row-gap:.5em;max-width:45em}.user-page .films-compact{display:flex;flex-flow:row wrap;justify-content:center;gap:1em}.user-page .films-compact .film{border-radius:.5em;flex:1 2 15em;max-width:17em}.user-page .films-compact .film .status-buttons{display:flex;flex-flow:column wrap}.actor-page{margin:auto;max-width:100em;padding:2em 1em 5em}.actor-page .details{display:flex;flex-flow:row wrap;align-items:center;background:#f6f6f6}.actor-page .details .text-details{padding:2em;max-width:65em}.actor-page .details .text-details h2{display:inline-block}.actor-page .details .headshot{text-align:center;height:30em}.actor-page .credits{display:flex;flex-flow:row wrap;gap:.5em}.actor-page .credits h2{width:100%}.actor-page .credits .credit{border-radius:.5em;overflow:hidden;flex:1 2 10em;width:11em;max-width:11em;display:flex;flex-flow:column nowrap;justify-content:space-between}.actor-page .credits .credit .poster{width:100%}.actor-page .credits .credit .title{font-weight:700}.login-section{display:flex;flex-flow:column wrap;align-content:center;justify-content:center;margin-top:3em}.login-section .login-container{width:100%;max-width:25em;padding:1em;border-radius:.5em}.login-section .login-container form label input{display:block;font-family:Roboto,sans-serif;outline:0;width:100%;border:0;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:14px;background:#f2f2f2}.login-section .login-container .separator{border-top:1px solid #a6a6a6;margin:.5em 0}.login-section .login-container button{background:#fff;border:1px solid grey;margin:.5em 0;display:flex;width:100%;text-decoration:none;padding:.5em 0;box-sizing:border-box;justify-content:center;font-size:14px;font-weight:500;align-items:center;transition:linear .2s}.login-section .login-container button.green-btn{background:#4caf50;color:#fff}.login-section .login-container button.blue-btn{background:#0778ce;color:#fff}.login-section .login-container button svg{height:20px;display:flex;margin-right:10px}