*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{background-color:#1a1a1a;color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}@keyframes rotation{0%{rotate:0deg}to{rotate:90deg}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}0%{opacity:1}}#root{color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%}.container--dark{display:flex;flex-direction:column;height:100vh;background-color:#1a1a1a}.container--light{display:flex;flex-direction:column;height:100vh;background-color:#f5f5f5}.navbar--dark{color:#fff;height:5rem;position:fixed;top:0;left:0;background-color:#1a1a1a;opacity:100%;border-bottom:1px solid whitesmoke;width:100%;margin:0;padding:10px;display:flex;justify-content:space-between;z-index:1}.navbar--light{color:#1a1a1a;height:5rem;position:fixed;top:0;left:0;background-color:#f5f5f5;opacity:100%;border-bottom:1px solid #1a1a1a;width:100%;margin:0;padding:10px;display:flex;justify-content:space-between;z-index:1}.logo{width:30px;height:30px;margin:15px 25px 25px;box-shadow:1px 2px 4px #ff69b4}.logo img{width:30px;box-shadow:1px 2px 4px #ff69b4}.nav--logo-text{margin-right:auto}.login-container{display:flex;margin-right:auto}.login-toggler--dark,.login-toggler--light{display:flex;font-weight:500;font-size:55px;align-items:center;margin-left:auto;margin-right:auto;cursor:pointer;animation:.3s forwards}.login-toggler--dark--down,.login-toggler--light--down{display:flex;font-weight:500;font-size:55px;align-items:center;margin-right:auto;margin-left:50%;cursor:pointer;animation:rotation .3s forwards}.log-btn{margin-top:70%;margin-left:-75%;background-color:pink;border-radius:3px;cursor:pointer;animation:fade-in 1s forwards}.overlay{position:fixed;background-color:#8fbc8f;top:0;left:0;z-index:3;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-inner{position:relative;color:#000;font-weight:700;padding:32px;background-color:#2e8b57;width:100%;max-width:500px;border-radius:22px;border:solid 5px white;box-shadow:0 0 5px #f0fff0;display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.modal-inner form input{color:#000;font-size:medium}.modal-close-btn{position:absolute;right:5%;top:5%;background-color:#8fbc8f;font-weight:700;border:1px solid gray;box-shadow:-2px -2px inset #000;border-radius:2px;width:30px;cursor:pointer;display:flex;justify-content:center;padding-bottom:6px}.modal-message{color:#8a2be2;padding:10px;background-color:#00fa9a;border-radius:10px;z-index:4;top:0;left:0;height:10vh;width:75%;display:flex;justify-content:center;align-items:center}.forgot-btn{color:#2e8b57;font-weight:700;display:flex;margin:auto;padding:10px 20px;border-radius:17px;border:2px solid gray;box-shadow:-3px -3px inset #000}.modal-submit-btn{color:#2e8b57;font-weight:700;display:flex;margin:25px auto auto;padding:10px 20px;border-radius:17px;border:2px solid gray;box-shadow:-3px -3px inset #000}.auth-reminder-msg{margin-bottom:8px}.auth-redirect{color:#2e8b57;font-weight:700;cursor:pointer;text-decoration:underline}.auth-redirect:hover{color:#f5f5f5}.auth-reminder-msg{margin-top:4px;color:#000;font-weight:bolder}.forgot-top-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;color:pink}.forgot-wrapper{color:#000;background-color:#2e8b57;margin-top:8px;border-radius:22px;border:solid 2px white;box-shadow:0 0 3px #f0fff0;width:400px}.forgot-wrapper label{color:#000;font-size:large;font-weight:700;display:flex;justify-content:center;align-items:center}.forgot-wrapper button{color:#2e8b57;font-size:medium;font-weight:600;padding:2px 12px;display:flex;justify-content:center;align-items:center;margin:7px auto}.forgot-wrapper input{color:#000;font-size:medium;display:flex;justify-content:center;align-items:center;border-radius:2px}.toggler{display:flex;align-items:center}.toggler p{font-size:1rem;font-weight:600}.navbar--dark .toggler--slider{width:25px;height:13px;background-color:#f5f5f5;border-radius:2rem;margin-inline:7px;cursor:pointer;display:flex;justify-content:flex-end;align-items:center;border:1px solid white;box-sizing:content-box}.navbar--light .toggler--slider{width:25px;height:13px;border:1px solid black;background-color:#2b283a;border-radius:2rem;margin-inline:7px;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;box-sizing:content-box}.toggler--slider--circle{height:13px;width:13px;border-radius:50%}.navbar--light .toggler--slider--circle{height:13px;width:13px;border-radius:50%;background-color:#fff}.navbar--dark .toggler--slider--circle{height:13px;width:13px;border-radius:50%;background-color:#000}.navbar--light .toggler--light{color:#000}.navbar--dark .toggler--light{color:#fff}.navbar--dark .toggler--dark{color:#d5d4d8}.navbar--light .toggler-dark{color:#000}.toggler--slider{justify-content:flex-end}.mainContent--dark{position:static;padding-top:65px;text-align:center;background-color:#1a1a1a}.mainContent--light{position:static;padding-top:65px;text-align:center;color:#1a1a1a;background-color:#f5f5f5}fieldset{border:.5px solid #868686;display:flex;flex-wrap:wrap;background-color:#31230e1a;width:95%;max-width:550px;margin:0 auto;align-items:center;border-radius:8px}form{margin:0 auto}.toggler--slider{width:25px;height:13px;background-color:#f5f5f5;border-radius:2rem;margin-inline:7px;cursor:pointer;display:flex;justify-content:flex-end;align-items:center;border:1px solid white;box-sizing:content-box}.toggler--slider--show{width:25px;height:13px;background-color:#789;border-radius:2rem;margin-inline:7px;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;border:1px solid lightslategray;box-sizing:content-box}.toggler--circle{height:13px;width:13px;border-radius:50%;background-color:gray}.toggler--circle--show{height:13px;width:13px;border-radius:50%;background-color:#000}.options{display:none}.options--show{display:flex;flex-direction:column;width:60%;margin:0 auto}legend{margin:0 auto;font-size:x-large;padding:.5rem;border-radius:5px;font-weight:700}form label{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:large;margin:5px;text-align:left}input{height:3.25rem;width:100%;font-size:xx-large;text-align:center;color:#fff}select{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;font-size:large;width:100%;align-self:center;margin-right:10px;background-color:#1a1a1a;color:#f5f5f5;border:none;box-shadow:0 -.5px .5px .5px #f5f5f5;border-radius:5px}button{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:large}.submitButton--dark{width:300px;height:100%;color:#f5f5f5;background-color:#000000e5;margin:10px;border-radius:18px}.submitButton--light{width:300px;height:100%;color:#1a1a1a;font-weight:700;background-color:#8d8d8d;margin:10px;border-radius:18px}.displayButton--dark{color:#f5f5f5;background-color:#000000e5;margin-top:18px;border-radius:9px;padding:5px 15px}.displayButton--light{color:#1a1a1a;background-color:#8d8d8d;margin-top:18px;font-weight:bolder;border-radius:9px;padding:5px 15px}button,.inprog-filter-btn{cursor:pointer;margin:0 10px}.inprog-filter-btn--pressed{background-color:#000;color:#fff;cursor:pointer}.genre-filter-btn--pressed{background-color:#000;color:#fff}.filter-buttons{color:#ff69b4;margin:20px}.filter--hover{background-color:#ff69b4;display:flex;flex-direction:column;align-items:center;border-radius:15px;padding:20px 12px;width:50%;max-width:500px;margin:20px auto}.filter-close-btn{background-color:#f5f5f5;border-radius:6px;box-shadow:2px 2px 3px #000;width:20px;cursor:pointer;margin-bottom:10px}.no-user-queue{background-color:#59d46a31;border-radius:12px;width:50%;max-width:450px;margin:auto}.genre-selector,option{width:125px;background-color:#dbdbdb;color:#000;cursor:pointer}.genre-selector:hover,option:hover{background-color:#ff69b4}.service-selector,option{width:125px;background-color:#dbdbdb;color:#000;cursor:pointer}.service-selector:hover,option:hover{background-color:#ff69b4}.movieDisplay--dark{box-shadow:2px 2px 10px silver;width:100%;max-width:700px;margin:auto;background:#1a1a1a}.movieDisplay--light{box-shadow:2px 2px 10px #1a1a1a;width:100%;max-width:700px;margin:auto;background-color:#f5f5f5}.movieDisplayList--dark{background-color:#1a1a1a;text-align:center;margin:0;padding-top:.4rem}.movieDisplayList--light{background-color:#f5f5f5;color:#1a1a1a;text-align:center;margin:0;padding-top:.4rem}.movieQueueCard--dark{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding:30px 10px 35px;font-size:x-large;font-weight:700;color:#f5f5f5;background-color:#1a1a1a;border:none;margin:auto 10px;text-decoration:none;cursor:pointer}.movieQueueCard--light{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;background-color:#f5f5f5;padding:30px 10px 35px;font-size:x-large;font-weight:700;color:#1a1a1a;border:none;margin:auto 10px;text-decoration:none;cursor:pointer}.serviceDisplay{display:flex;align-self:flex-end;flex-wrap:wrap;color:#ff69b4;font-size:large}button.delete-btn{border:1px solid whitesmoke;background-color:#2b283a;font-weight:400;color:#f5f5f5;border-radius:7px;width:fit-content;margin:auto auto 15px}.arrow-container{display:flex;flex-wrap:none;margin-left:auto;padding-top:17px}.arrow--dark{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;background-color:#1a1a1a;border:none;padding-left:10px}.arrow--light{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;background-color:#f5f5f5;border:none;padding-left:10px}.arrow--light p{padding:8px;border:2px solid white;background-color:#d6d6d6;border-radius:5px;margin:0}.arrow--dark p{padding:8px;border:1px solid whitesmoke;background-color:#1f1f1f;border-radius:5px;margin:0}.up-arrow--dark{border:solid whitesmoke;border-width:0 5px 5px 0;display:inline-block;padding:5px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);z-index:-10}.up-arrow--light{border:solid white;border-width:0 5px 5px 0;display:inline-block;padding:5px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);z-index:-10;margin:0}.down-arrow--dark{border:solid whitesmoke;border-width:0 5px 5px 0;display:inline-block;padding:5px;transform:rotate(45deg);-webkit-transform:rotate(45deg);z-index:-1}.down-arrow--light{border:solid white;border-width:0 5px 5px 0;display:inline-block;padding:5px;transform:rotate(45deg);-webkit-transform:rotate(45deg);z-index:-1}.queueColBreak{flex-basis:100%;width:0}.queueCardService--dark,.queueCardService--light{color:#ff69b4}.overlayMovieDialog{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;background-color:#8080803a;z-index:12}.movieDialogContainer--dark{position:static;color:#f5f5f5;opacity:100%;z-index:13;text-align:center;align-content:center;background-color:#000;border-radius:17px;border:2px solid gray;width:90%;max-width:700px;height:80%;margin:10% auto auto}.movieDialogContainer--light{color:#ff69b4;position:static;padding:10% 0;opacity:100%;z-index:13;text-align:center;align-content:center;background-color:#f5f5f5;border-radius:17px;border:2px solid black;width:90%;max-width:700px;height:80%;margin:10% auto auto}.movieDialogContainer--light p{color:#1a1a1a;padding:10px;text-shadow:1px 1px 1px gray}.movieDialogContainer--dark p{padding:10px}.movieDialogContainer--light div,.movieDialogContainer--dark div{margin-top:10px}.deleteMovieNotAButton{color:maroon;font-weight:700;font-size:large;background-color:#a9a9a9;height:50px;width:100px;align-content:center;margin:0 auto;border-radius:5px;border:2px solid whitesmoke;box-shadow:2px 1px 5px #000}.deleteMovieNotAButton:hover{border-color:maroon}footer{margin:auto;width:100%;text-align:center;background-color:gray;box-shadow:0 0 3px gray}footer.--dark{background-color:#1a1a1a;color:#f5f5f5}footer.--light{background-color:#f5f5f5;color:#1a1a1a}