body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#27272c;color:#ececec;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Roboto;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{max-height:69px;width:.6rem}::-webkit-scrollbar-track{opacity:0}::-webkit-scrollbar-thumb{background:#888;border-radius:7px}.AppContainer{display:flex;flex-direction:column;height:calc(100vh - 75px)}.LinkText{color:#8c93dd;cursor:pointer;text-decoration:underline}.ErrorText{color:#ff9494}.Seperator{background:#2f2f35;border-radius:10px;height:2px;margin-left:auto;margin-right:auto;width:100%}.OptionSeperator{background-color:#2f2f35;font-size:1pt}input,select{box-sizing:border-box;font-family:inherit;font-size:18px;height:40px;padding:10px}select{padding:0 10px}textarea{box-sizing:border-box;font-family:inherit;font-size:18px;padding:10px;resize:none}input,select,textarea{background-color:#27272c;border:1px solid #18181b;border-radius:3px;color:silver;outline:none}input:focus,select:focus,textarea:focus{box-shadow:0 0 2px 2px #60659b}input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#7a7a7a;font-weight:500}input::placeholder,select::placeholder,textarea::placeholder{color:#7a7a7a;font-weight:500}.Modal{background:#1f1f23;border-radius:4px;margin:40px;outline:none;padding:10px 30px;position:relative}@media (max-width:640px){.Modal{margin:20px;width:100%}}.Modal__Overlay{background-color:rgba(0,0,0,.5);left:0;min-height:100vh;top:0;width:100vw;z-index:20}.Modal__Close,.Modal__Overlay{align-items:center;display:flex;justify-content:center;position:absolute}.Modal__Close{cursor:pointer;height:2rem;opacity:.5;right:20px;top:12px;width:2rem}.Modal__Close:hover{opacity:1}.Modal__Close:after,.Modal__Close:before{background-color:#c5c5c5;content:" ";height:2rem;position:absolute;width:3px}.Modal__Close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.Modal__Close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.Modal__Title{font-size:30px;margin-bottom:5px;margin-right:25px}@media (max-width:768px){.Modal__Title{font-size:24px}}.PrimaryButton,button{background-color:#60659b;border:none;border-radius:3px;box-shadow:0 1px 4px 1px rgba(0,0,0,.25);color:#ececec;cursor:pointer;font-size:18px;font-weight:400;padding:5px 10px;text-shadow:1px 1px 1px #000}.PrimaryButton:disabled,button:disabled{background-color:#27272c;color:#9a9a9a}.PrimaryButton--red,button--red{background-color:#ff6f6f}.Switch{display:inline-block;height:17px;min-width:30px;position:relative;width:30px}.Switch input{height:0;opacity:0;width:0}.Switch input:checked+.Switch__Slider{background-color:#60659b}.Switch input:focus+.Switch__Slider{box-shadow:0 0 1px #60659b}.Switch input:checked+.Switch__Slider:before{-webkit-transform:translateX(13px);transform:translateX(13px)}.Switch__Slider{background-color:#e5e5e5;border-radius:17px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.Switch__Slider:before{background-color:#27272c;border-radius:50%;bottom:2px;content:"";height:13px;left:2px;position:absolute;transition:.4s;width:13px}.AddMedia__Modal{max-width:1085px;padding-bottom:45px}.AddMedia__Modal input,.AddMedia__Modal select,.AddMedia__Modal textarea{width:345px}.AddMedia__Modal textarea{height:100px}.AddMedia__Modal .Seperator{margin-bottom:20px}@media (max-width:768px){.AddMedia__Modal{padding-bottom:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.AddMedia__Modal input,.AddMedia__Modal select,.AddMedia__Modal textarea{max-width:345px;width:100%}}@media (max-width:640px){.AddMedia__Modal{margin:20px;width:100%}.AddMedia__Modal input,.AddMedia__Modal select,.AddMedia__Modal textarea{max-width:100%;width:100%}}@media (max-width:420px){.AddMedia__Modal{margin:15px;width:100%}}.AddMedia__Content{display:flex;gap:25px;margin:25px}@media (max-width:1024px){.AddMedia__Content{margin:25px 0}}@media (max-width:768px){.AddMedia__Content{flex-direction:column;margin:25px 0}}.AddMedia__Content--left{display:flex;flex-direction:column;gap:15px}.AddMedia__Content--right{display:flex;flex-direction:row-reverse;gap:25px}@media (max-width:1024px){.AddMedia__Content--right{flex-direction:column-reverse;justify-content:flex-start}}.AddMedia__TitleInput input:focus+.Suggestions{display:block}.AddMedia .Suggestions{background-color:#e5e5e5;border:1px solid #c5c5c5;box-sizing:border-box;color:#000;display:none;max-height:150px;overflow:auto;position:absolute;width:345px;z-index:5}.AddMedia .Suggestions:hover{display:block}.AddMedia .Suggestions__Item{border-bottom:1px solid hsla(0,0%,77%,.1);cursor:pointer;line-height:27px;min-height:30px;padding:0 10px}.AddMedia .Suggestions__Item:hover{background-color:#cecece}.AddMedia .Suggestions__ItemName{font-size:14px}.AddMedia .Suggestions__ItemName span{color:#959595}.AddMedia .MediaInfo{max-width:410px}@media (max-width:1024px){.AddMedia .MediaInfo{max-width:345px;width:100%}}@media (max-width:640px){.AddMedia .MediaInfo{max-width:100%}}.AddMedia .MediaInfo__Title{font-family:sans-serif;font-size:28px;margin-left:-5px}.AddMedia .MediaInfo__Year{color:silver;font-size:22px;margin-top:-10px}.AddMedia .MediaInfo__Type{font-size:18px}.AddMedia .MediaInfo__Description{color:silver;font-size:18px;margin-bottom:3px}.AddMedia .MediaInfo .Seperator{margin:8px 0}.AddMedia__Poster{height:300px;width:200px}.AddMedia__Button{bottom:20px;height:30px;position:absolute;right:30px}.MediaDetails__Modal input,.MediaDetails__Modal select,.MediaDetails__Modal textarea{width:345px}.MediaDetails__Modal textarea{height:100px}@media (max-width:768px){.MediaDetails__Modal{max-width:80%}}@media (max-width:420px){.MediaDetails__Modal{max-width:70%}}.MediaDetails__Modal__Title{font-size:32px;margin-right:30px}.MediaDetails__Content{display:flex;gap:20px;justify-content:center;margin-bottom:60px;margin-top:20px}@media (max-width:768px){.MediaDetails__Content{flex-direction:column}}.MediaDetails__Poster{box-shadow:0 2px 4px 2px rgba(0,0,0,.25);height:300px;width:200px}.MediaDetails__Details{word-wrap:break-word;max-width:420px}@media (max-width:768px){.MediaDetails__Details{max-width:100%}.MediaDetails__Details input,.MediaDetails__Details textarea{width:100%}}.MediaDetails__Details .Seperator{margin-bottom:25px;margin-top:15px;width:90%}.MediaDetails__Details p{font-size:18px;font-weight:500;margin:5px 0}.MediaDetails__Details span{color:silver;font-size:16px;font-weight:400}.MediaDetails__Description{color:silver}.MediaDetails__Buttons{bottom:20px;display:flex;position:absolute;right:30px}.MediaDetails__Buttons button{margin-left:15px}.ListSettings{margin-top:15px}.ListSettings__Name{align-items:center;display:flex;gap:10px}@media (max-width:640px){.ListSettings__Name{align-items:start;flex-direction:column}}.ListSettings__NameInput{font-size:18px;width:230px}@media (max-width:640px){.ListSettings__NameInput{max-width:230px;width:100%}}.ListSettings__InviteLink{align-items:center;display:flex;font-size:14px;gap:10px}@media (max-width:640px){.ListSettings__InviteLink{align-items:start;flex-direction:column}}.ListSettings__InviteLink .PrimaryButton{white-space:nowrap}.ListSettings__InviteLink .InviteLink__Input{font-size:14px;width:310px}@media (max-width:640px){.ListSettings__InviteLink .InviteLink__Input{max-width:310px;width:100%}}@media (max-width:420px){.ListSettings__InviteLink .InviteLink__Input{padding:5px}}.ListSettings .ErrorText{margin-bottom:5px}.ListSettings__SharedUsers h3{display:flex;font-weight:500;justify-content:space-between;margin-bottom:5px}@media (max-width:420px){.ListSettings__SharedUsers h3{font-size:18px}}.ListSettings__SharedUsers h3 span{font-size:18px;margin-top:auto}@media (max-width:420px){.ListSettings__SharedUsers h3 span{font-size:14px}}.ListSettings .SharedUser{align-items:center;border-bottom:1px solid #2f2f35;display:flex;margin-bottom:5px;padding-bottom:5px;padding-top:5px}.ListSettings .SharedUser__Username{margin:0 5px;white-space:normal;word-break:break-all}@media (max-width:420px){.ListSettings .SharedUser__Username{font-size:14px}}.ListSettings .SharedUser__Remove{align-items:center;cursor:pointer;display:flex;height:1rem;justify-content:center;margin-bottom:1px;opacity:.5;width:1rem}.ListSettings .SharedUser__Remove:hover{opacity:1}.ListSettings .SharedUser__Remove:after,.ListSettings .SharedUser__Remove:before{background-color:#c5c5c5;content:" ";height:1rem;position:absolute;width:3px}.ListSettings .SharedUser__Remove:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ListSettings .SharedUser__Remove:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ListSettings .SharedUser .Switch{margin-left:auto}.ListSettings__ButtonsContainer{display:flex;justify-content:flex-end;margin-top:1.5rem}.DeleteModal{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1.5rem}.DeleteModal__Buttons{display:flex;gap:2rem}.ConfirmModal{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1.5rem}.ConfirmModal__Text{text-align:center}.ConfirmModal__Buttons{display:flex;gap:2rem}.MyLists__Sidebar{background-color:#1f1f23;box-shadow:4px 0 4px rgba(0,0,0,.3);height:calc(100vh - 75px);min-width:240px;overflow:hidden;position:relative}@media (max-width:768px){.MyLists__Sidebar{left:-240px;position:absolute;transition:.25s}.MyLists__Sidebar--active{left:0}}.MyLists__Sidebar:hover{overflow:auto}.Sidebar__ExpandButton{align-items:center;background-color:#1f1f23;border-radius:0 5px 5px 0;box-shadow:1px 1px 2px hsla(0,0%,100%,.2);box-sizing:border-box;cursor:pointer;display:none;flex-direction:column;height:39px;justify-content:space-around;left:0;margin-top:3px;padding:6px 7px;position:fixed;transition:.25s;width:39px;z-index:5}@media (max-width:768px){.Sidebar__ExpandButton{display:flex}}.Sidebar__ExpandButton--active{left:240px}.Sidebar__ExpandButton .ExpandButton__Line{background-color:#c5c5c5;border-radius:5px;height:3px;width:100%}.Sidebar__ExpandButton:hover{box-shadow:1px 1px 4px #60659b}.Sidebar__Top{align-items:center;background-color:#18181b;box-shadow:1px 1px 2px rgba(0,0,0,.25);display:flex;height:55px;width:100%}.Sidebar__Top h2{font-size:28px;font-weight:500;margin:0 20px 0 25px}.Sidebar__Item{align-items:center;border-bottom:1px solid #2f2f35;cursor:pointer;display:flex;min-height:45px}.Sidebar__Item--active,.Sidebar__Item:hover{background-color:#2f2f35}.Sidebar__Item--active .Sidebar__Selector,.Sidebar__Item:hover .Sidebar__Selector{fill-opacity:.25}.Sidebar__Item .Seperator{margin-top:7px;width:80%}.Sidebar__ListName{align-items:center;display:flex;margin-left:10px}.Sidebar__ListName h3{word-wrap:break-word;font-size:22px;font-weight:400;margin:0 0 0 5px;max-width:180px}.Sidebar__Selector{fill:#000;fill-opacity:0;height:15px;margin-top:5px;width:15px}.Sidebar__Selector--active{fill-opacity:.5!important}.NewList__Modal{width:350px}@media (max-width:420px){.NewList__Modal{padding:10px}}.NewList__Content{margin-bottom:10px;margin-top:15px}.NewList__Heading{font-size:18px;font-weight:400}.NewList__Name{align-items:center;display:flex;gap:7px;margin-top:7px;white-space:nowrap}.NewList__Input{max-width:300px;width:100%}.NavBar{align-items:center;background-color:#0e0e10;box-shadow:0 2px 2px rgba(0,0,0,.3);display:flex;height:75px;justify-content:space-between;max-height:75px;min-height:75px;padding:0 25px;z-index:10}.NavBar__MenuDrawer{background-color:#1f1f23;box-sizing:border-box;display:none;flex-direction:column;height:calc(100% - 75px);left:0;padding:10px;position:absolute;top:75px;width:100%;z-index:10}.NavBar__MenuDrawer a{align-items:center;border-radius:10px;color:#ececec;display:flex;font-size:18px;font-weight:600;height:50px;padding-left:10px;text-decoration:none}.NavBar__MenuDrawer a:hover{background-color:#393939}@media (max-width:640px){.NavBar__MenuDrawer--active{display:flex}}.NavBar__BurgerButton{align-items:center;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:space-around;width:36px}@media (max-width:640px){.NavBar__BurgerButton{display:flex}}.NavBar__BurgerButton .BurgerButton__Line{background-color:#c5c5c5;border-radius:5px;height:5px;width:100%}.NavBar__BurgerButton--active .BurgerButton__Line{background-color:#60659b}.NavBar__BurgerButton:hover .BurgerButton__Line{background-color:#757575}.NavBar__TitleContainer{align-items:center;color:inherit;display:flex;text-decoration:none}.NavBar__Logo{background-color:#60659b;border-radius:50%;height:40px;margin-right:10px;width:40px}.NavBar__Title{font-size:42px;font-weight:400;margin:0}.NavBar__Links{display:flex;gap:20px;justify-content:space-around}.NavBar__Links a{color:inherit;font-size:20px;text-decoration:none}.NavBar__Links a:hover{text-decoration:underline}@media (max-width:640px){.NavBar__Links{display:none}}.LoginRegister{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:250px}.LoginRegister__Label{font-size:24px;margin-bottom:10px}.LoginRegister__Form{display:flex;flex-direction:column}.LoginRegister__Form input{margin:5px 0}.LoginRegister__Form button{margin-top:15px}.LoginRegister__ForgotPassword{color:#9a9a9a;cursor:pointer;font-size:14px;margin-top:15px;text-decoration:underline}.MyLists{display:flex;height:100%;min-height:250px}.MyLists__Content{overflow:auto;padding:15px;width:100%}@media (max-width:768px){.MyLists__Content{padding:50px 15px 15px}}@media (max-width:420px){.MyLists__Content{padding-top:40px}}.MyLists__Options{display:flex;gap:15px;justify-content:space-between;margin:0 10px 10px}@media (max-width:640px){.MyLists__Options{margin-top:0}}@media (max-width:420px){.MyLists__Options{flex-direction:column-reverse;gap:15px;margin-top:15px}}.MyLists__Options--left{display:flex;justify-content:space-between;min-width:150px}@media (max-width:420px){.MyLists__Options--left{gap:10px;justify-content:start}}.MyLists__Options--right{display:flex;gap:15px}@media (max-width:640px){.MyLists__Options--right button{font-size:14px;font-weight:600}}@media (max-width:420px){.MyLists__Options--right{flex-direction:row;justify-content:start}.MyLists__Options--right button{font-size:18px;font-weight:400;width:100%}}.MyLists__FilterButton{align-self:flex-end;color:#9c9c9c;cursor:pointer;font-size:18px;font-weight:500}.MyLists__FilterButton:hover{text-decoration:underline}.MyLists__FilterButton--active{color:inherit;text-decoration:underline}.MyLists__Media{background-color:#1f1f23;box-sizing:border-box;min-height:calc(100% - 50px);padding:0 55px 15px}@media (max-width:640px){.MyLists__Media{padding:15px}}@media (max-width:420px){.MyLists__Media{min-height:calc(100% - 100px)}}.MyLists__Media .Media__Category{padding:20px 0}@media (max-width:640px){.MyLists__Media .Media__Category{padding:0 0 20px}}.MyLists__Media .Media__Header{font-size:36px;font-weight:400;margin:0 0 15px 5px}@media (max-width:640px){.MyLists__Media .Media__Header{margin:0}}.MyLists__Media .Media__Container{display:flex;flex-wrap:wrap;gap:15px}@media (max-width:1024px){.MyLists__Media .Media__Container{display:grid;grid-template-columns:33fr 33fr 33fr}}@media (max-width:640px){.MyLists__Media .Media__Container{grid-template-columns:50fr 50fr}}.MyLists__Media .Media__Item{cursor:pointer;width:175px}@media (max-width:1024px){.MyLists__Media .Media__Item{width:100%}}.MyLists__Media .Media__Item .Item__Poster{aspect-ratio:2/3;box-shadow:0 2px 4px 2px rgba(0,0,0,.25);width:100%}.MyLists__Media .Media__Item .Item__Title{font-size:18px;font-weight:400;margin:3px 0 0 3px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.InviteScreen{font-size:2.5rem;gap:1.5rem;margin:auto 15vw;text-align:center}.InviteScreen,.InviteScreen__ValidContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.InviteScreen__ValidContainer{gap:1rem}.InviteScreen__AcceptButton{font-size:2rem}.InviteScreen__ReturnButton{background-color:#393939}.AccountSettings{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin:auto;width:297px}.AccountSettings__Section input{margin-right:.5rem;margin-top:5px}.AccountSettings__ChangePassword{display:flex;flex-direction:column;gap:10px;justify-content:center;width:100%}.AccountSettings__DeleteAccount{height:2.5rem;margin:25px 0}.AccountSettings .ErrorText,.AccountSettings .StatusText{text-align:center}@media (max-width:420px){.AccountSettings .ErrorText,.AccountSettings .StatusText{margin:0}}.EmailVerification,.SendEmailVerification{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto 15vw;text-align:center}.SendEmailVerification input{margin-right:10px}.SendEmailVerification .ErrorText{margin-top:10px}.PasswordReset{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto 15vw;text-align:center}.PasswordReset__PasswordForm{gap:10px;text-align:start}.PasswordReset__FormInput,.PasswordReset__PasswordForm{display:flex;flex-direction:column}.PasswordReset #email{margin-bottom:7px;margin-right:7px}.PasswordReset__BackToLogin{background-color:#2f2f35;margin-top:2.5rem}.About{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto}.About__Content{margin:0 75px;max-width:700px}@media (max-width:640px){.About__Content{margin:0 25px}}.About__Paragraph{font-size:18px;line-height:24px}.About__ContactHeader{font-size:24px;margin-top:50px}.About__Email{color:#60659b;cursor:pointer;text-decoration:underline}
/*# sourceMappingURL=main.4db29be8.css.map*/