.PreferencesGlobal{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:linear-gradient(45deg,#1d0102,#060232,#39030f);width:100vw;height:100vh}.PreferencesGlobal h1{color:#fff;margin-top:20px}.genreContainer,.providersContainer{display:flex;flex-wrap:wrap;gap:10px;padding:20px}.genreButton{padding:10px 20px;border:none;border-radius:20px;font-size:1rem;cursor:pointer;background-color:#fff;color:#000;box-shadow:0 2px 4px #0000001a;transition:background-color .3s,color .3s}.genreButton.selected{background-color:red;color:#fff}.providerButton{padding:10px 20px;border:none;border-radius:20px;font-size:1rem;cursor:pointer;background-color:#fff;color:#000;box-shadow:0 2px 4px #0000001a;transition:background-color .3s,color .3s}.providerButton.selected{background-color:red;color:#fff}h1{color:#fff}.submitButton{margin:30px auto 0;padding:15px 30px;border:none;border-radius:30px;font-size:1.2rem;cursor:pointer;color:#fff;background:linear-gradient(45deg,#1d0102,#060232,#39030f);box-shadow:0 4px 8px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.submitButton:hover{transform:translateY(-2px);box-shadow:0 6px 10px #00000080}.submitButton:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}.submitButton:disabled{background:#999;cursor:not-allowed}.warning{fill:#fff}.inputContainer{display:flex;color:transparent;width:70vw;height:6vh;align-items:center;border-radius:40px;border:2px solid #f1eded;font-weight:700}.inputContainer.wrongInput{border:2px solid red}.input{width:100%;height:100%;border:none;background-color:transparent;color:#fff;outline:none;margin-top:2px;font-family:Roboto,sans-serif;padding-right:10px;border-right:2px solid transparent;margin-left:10px;font-size:1.5rem;font-weight:500}.input::placeholder{color:#ffffffde;opacity:1;font-size:1.5rem}.tooltip{background-color:#8c0e42;color:#eee8e8;font-size:20px;font-weight:30;padding:8px;border-radius:20px;text-align:center;margin-left:0!important}.icon{width:50px;height:30px;fill:#fff;padding-left:20px}.eyeIcon{height:20px;width:20px;padding-right:10px}.inputPasswordContainer{display:flex;color:transparent;width:70vw;height:6vh;align-items:center;border-radius:40px;border:2px solid #f1eded;font-weight:700}.inputPasswordContainer.wrongInput{border:2px solid red}.inputPassword{width:100%;height:100%;border:none;border-radius:40px;background-color:transparent;color:#fff;outline:none;margin-top:2px;font-family:Roboto,sans-serif;padding-right:10px;border-right:2px solid transparent;margin-left:10px;font-size:1.5rem;font-weight:500}.inputPassword::placeholder{color:#ffffffde;opacity:1;font-size:1.5rem}.passwordToggleBtn{display:flex;align-items:center;justify-content:center;-webkit-background-clip:text;-webkit-text-fill-color:transparent;fill:#fff;color:#fff;border:none;outline:none}.error{-webkit-background-clip:text;webkit-text-fill-color:#482222;color:#94122b;font-family:Roboto,sans-serif;font-weight:100;font-size:14px;margin-left:20px;position:relative;top:10px}.tooltip{background-color:#8c0e42!important;color:#eee8e8!important;font-size:20px!important;font-weight:30!important;padding:8px!important;border-radius:20px!important;text-align:center!important}.loginFromContainer{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.login-box{margin-top:70px;position:relative;display:flex;align-items:center;flex-direction:column;width:80%;height:60%;padding:20px;background:#ffffff12;z-index:2;border-radius:30px;color:#fff;text-align:center}.loginForm{height:80%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.inputContainer,.inputPasswordContainer{margin-bottom:30px}.submitBtnSignIn{background:linear-gradient(45deg,#1d0102,#060232,#39030f);width:60vw;height:7vh;border-radius:40px;text-align:center;font-family:Open Sans,sans-serif;font-weight:600;font-size:3vh;border:none;outline:none;color:#fff;margin-top:30px;transition:background-color .3s ease}.submitBtnSignIn:disabled{background:gray;cursor:not-allowed}.spinnerLogin{position:absolute;top:56%;left:70%;margin-left:8px;border:2px solid #eee;border-top:2px solid #333;border-radius:50%;width:24px;height:24px;animation:spinLogin 1s linear infinite}@keyframes spinLogin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.headerLoginContainer{display:flex;justify-content:center;align-items:center;height:10vh;flex-direction:column;position:relative;z-index:2;margin-top:50px}.svgFilmder{width:300px!important;height:50px!important}.signUpContainer{width:70vw;position:relative;z-index:3;color:#fff;height:10vh;display:flex;font-size:20px;text-align:center;justify-content:center;align-items:center}.signUpContainer a{color:#fff;text-align:center;padding-left:10px}.loginContainer{position:relative;display:flex;flex-direction:column;align-items:center;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(45deg,#1d0102,#060232,#39030f)}.loginContainer .content{position:relative;z-index:2}.mainPage{width:100vw;height:100vh;display:flex;flex-direction:column;background:linear-gradient(45deg,#1d0102,#060232,#39030f)}.headerPrefer{height:16%;width:100%;display:flex;justify-content:space-between;align-items:center}.headerPrefer .svgFilmder{height:100px;width:200px;padding-left:20px}.headerPrefer .svgLogout{height:40px;width:40px;padding-right:20px;color:#fff}.headerPrefer .action-buttons{gap:0;margin-bottom:0}svg{height:27px;width:27px;margin-right:10px;stroke:#ffffffe8}.footerPrefer{height:15%;width:100%;display:flex;align-items:center;flex-shrink:0}.footerPrefer .navFooter{height:100%;width:100%;display:flex;justify-content:space-around;align-items:center}.footerPrefer .navFooter .group-page{padding:0;margin:0;width:40%;height:90%;display:flex;justify-content:center}.footerPrefer .navFooter .customComboBox{margin-left:20px;width:60%;height:90%}.footerPrefer .navFooter .customComboBox .selectedGroup{box-shadow:#f4f4f42e -2px -2px 20px 1px inset;border-top-right-radius:5px;border-top-left-radius:5px;position:relative;height:33%;background-color:#fff0;display:flex;justify-content:right;align-items:center}.footerPrefer .navFooter .customComboBox .selectedGroup span{color:#ffffffe8;position:absolute;left:0;padding-left:10px}.footerPrefer .navFooter .customComboBox .selectedGroup .dropdownIcon{position:relative;padding-right:6px}.footerPrefer .navFooter .customComboBox .selectedGroup .iconsContainer{color:#fff;height:100%;display:flex;justify-content:center;align-items:center}.footerPrefer .navFooter .customComboBox .groupList{border-bottom-right-radius:5px;border-bottom-left-radius:5px;border:none;height:66%;overflow:scroll}.footerPrefer .navFooter .customComboBox .groupList .groupItem{box-shadow:#f4f4f42e -2px -2px 20px 1px inset;height:50%;background-color:#fff0;display:flex;padding-right:31.84px;justify-content:space-between;align-items:center;text-align:center}.footerPrefer .navFooter .customComboBox .groupList .groupItem .groupName{padding-left:10px;color:#ffffffe8;height:100%;display:flex;text-align:center;justify-content:center;align-items:center}.footerPrefer .navFooter .customComboBox .groupList .groupItem .iconsContainer{color:#fff;display:flex;text-align:center;justify-content:center;align-items:center}.group-page{padding:20px}.group-page h1{font-size:2rem;margin-bottom:20px}.group-page .action-buttons{display:flex;gap:20px;margin-bottom:20px}.group-page .action-buttons .button{padding:10px 20px;font-size:16px;cursor:pointer;border:1px solid #ccc;border-radius:5px;background-color:#f0f0f0}.group-page .action-buttons .button:hover{background-color:#fff}.group-page .action-buttons .button.join{color:#007bff}.group-page .action-buttons .button.create{color:#28a745}.group-page .groups-section{margin-top:20px}.group-page .groups-section h2{font-size:1.5rem;margin-bottom:15px}.group-page .groups-section .groups-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.group-page .groups-section .groups-container .group-card{padding:20px;border:1px solid #ccc;border-radius:10px;text-align:center;background-color:#fff;box-shadow:0 2px 5px #0000001a}.group-page .groups-section .groups-container .group-card:hover{box-shadow:0 4px 10px #0003}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0003;width:300px;text-align:center}.popup-content h2{color:#000;margin-bottom:15px}.popup-content input{width:90%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;font-size:16px}.popup-content .popup-actions{display:flex;justify-content:space-between}.popup-content .popup-actions .button{padding:10px 15px;font-size:14px;cursor:pointer;border-radius:5px;border:1px solid #ccc}.popup-content .popup-actions .button.cancel{background-color:#ff6b6b;color:#fff;border:none}.popup-content .popup-actions .button.submit{background-color:#28a745;color:#fff;border:none}.popup-content .popup-actions .button:hover{opacity:.8}.imageContainer{height:100%;width:100%;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.imageContainer .draggableContainer{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.imageContainer .opacity{opacity:.4}.imageContainer .cardContainer{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.imageContainer .card{width:90%;height:90%;object-fit:contain}.imageContainer .svgLike{height:60px;width:60px;position:absolute;bottom:10%;right:10%;border-radius:50%;opacity:.7}.imageContainer .svgDislike{height:60px;width:60px;position:absolute;bottom:10%;left:10%;border-radius:50%;opacity:.7}.imageContainer .svgEye{height:40px;width:40px;position:absolute;bottom:calc(10% + 10px);padding:2px;border-radius:50%;background-color:#ffffff45;left:calc(50% - 20px)}.detailContainer{display:flex;flex-direction:column;overflow:hidden;border:none;color:#e4e4e4;margin-left:30px;margin-right:30px}.detailContainer .title_duration_container{color:#e4e4e4;display:flex;text-align:center}.detailContainer .title_duration_container .title{font-size:1.3em;font-weight:700}.detailContainer .title_duration_container .duration,.detailContainer .title_duration_container .releaseDate{padding-left:10px;font-size:1.3em;font-weight:700}.detailContainer .grade_votes_container{color:#e4e4e4;padding-top:10px;display:flex;text-align:center}.detailContainer .grade_votes_container .averageGrade{color:#e4e4e4;padding-left:10px}.detailContainer .synopsisContainer{color:#e4e4e4;padding-top:10px;display:flex}.videoContainer{position:absolute;width:90%;height:36%}.videoContainer .video{height:100%;width:100%}.spinnerMainPage{position:absolute;top:47%;left:42%;border:8px solid rgb(64,3,3);border-top:8px solid #ffffff;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.middleMainPage{height:78%;width:100%;overflow:scroll;scroll-behavior:smooth}.signUpGlobalStyle{height:100vh;width:100vw;background:linear-gradient(45deg,#1d0102,#060232,#39030f);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.signUpForm{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:80%}.submitBtn{background:#fff;width:60vw;height:7vh;border-radius:40px;text-align:center;font-family:Open Sans,sans-serif;font-weight:600;font-size:3vh;border:none;outline:none;color:#1d113d;margin-top:30px;margin-bottom:10px}.headerSignUpContainer{height:10vh;align-items:center;text-align:center;justify-content:center;padding:40px}h2{font-family:Roboto,sans-serif;font-weight:100;font-size:40px;color:#fff}.signInContainer{display:flex;height:30vh;width:100vw;justify-content:center}.signInContainer a{color:#fff;font-weight:400;font-size:20px;text-decoration:underline;text-decoration-color:#fff;text-decoration-thickness:1px}.signInContainer p{color:#fff;font-weight:400;font-size:20px}.userList{display:flex;gap:10px;flex-wrap:wrap}.userCircle{width:50px;height:50px;border-radius:50%;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;transition:background-color .3s}.userCircle.selected{background-color:#fff;opacity:.9}.userCircle.notSelected{background-color:#fff;opacity:.1}.groupLikePage{background:linear-gradient(45deg,#1d0102,#060232,#39030f);text-align:center;align-items:center;justify-content:center;height:100vh;width:100vw;overflow:scroll}.groupLikePage .movieContainer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.groupLikePage .ul-container{display:flex;flex-direction:column;justify-content:left}.groupLikePage .movieItem{list-style:none}.groupLikePage .movieItem .cardContainer{display:flex;align-items:center}.groupLikePage .movieItem .card{height:150px;width:100px;margin:6px;border-radius:10px}.popupOverlay{border-radius:20px;overflow:scroll;position:fixed;top:20%;left:10%;width:80%;height:60%;background:#0e0000cc;display:flex;justify-content:center;align-items:center}.popupContent{height:100%;width:100%}.noMoviesMessage{color:#fff;font-size:1.5em;text-align:center;margin-top:20px}.mainPageLink{text-decoration:underline;color:#add8e6}.mainPageLink:hover{color:#ccc}*{padding:0;margin:0}body{height:100vh;width:100vw}#root{height:100%;width:100%}