.login-module__loginComponent__0yRk-{width:100vw;height:100vh;display:flex;align-items:center;flex-flow:row nowrap}.login-module__contentLeft__movn-{width:100%;height:100%;background-image:url(/07/imgs/login-Bg.svg);background-repeat:no-repeat,repeat;background-size:cover}@media (width <=650px){.login-module__contentLeft__movn-{display:none}}.login-module__contentRight__g0nX8{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.login-module__form__3ZLie{display:flex;flex-flow:column wrap;padding:50px;width:50%;height:50%}@media (width <=650px){.login-module__form__3ZLie{width:90%;height:70%}}.login-module__input__awNE3{background-color:#fff;padding:20px;border-radius:30px;margin-bottom:10px}.login-module__notification__3VAfS{background-color:#d2691e}.login-module__button__RgMei{background-color:#233647;color:#fff;text-align:center;padding:20px;border-radius:30px;margin-bottom:10px}.search-module__search__xvYlb{height:100px;padding:10px 100px;display:flex;align-items:center}@media (width <=700px){.search-module__search__xvYlb{padding:10px 30px}}.search-module__searchBar__ozCup{height:60px;background-color:#fff;width:371px;color:#000;border-radius:100px;position:relative;input {height: 100%; width: 80%; border-radius: 100px; padding: 0 30px;} button {height: 60px; width: 60px; background-color: #A6B2C4; border-radius: 100px; position: absolute; right: 0; top: 0; display: flex; justify-content: center; @media (width <=700px) {display: none;} img {width: 25px;}}}.search-module__main__ufvjh{padding:0 100px;width:full;display:flex;flex-direction:column;gap:20px}@media (width <=700px){.search-module__main__ufvjh{padding:0 30px}}.cardList-module__moviesList__aeZbi{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.cardList-module__crew__FmGdD{padding:20px 100px}.cardList-module__noResultsContainer__aPUzA{position:absolute;top:50%;left:50%;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.movieCard-module__saveMovie__jnLIG{z-index:10;position:absolute;top:5px;right:5px;height:24px;width:24px;border-radius:100px;background-color:var(--secondary);display:flex;align-items:center;justify-content:center;img {width: 10px;}}.movieCard-module__item__o-rm1{height:200px;width:140px;display:flex;flex-direction:column;justify-content:end;position:relative;cursor:pointer;p {color: white; padding: 2px 5px; text-shadow: 1px 1px 2px black; margin: 0; font-size: 20px;} .movieCard-module__actorAs__B3uqw {font-size: 13px; margin: 0; color: white; text-shadow: 1px 1px 2px black;}}.movieCard-module__item__o-rm1 .movieCard-module__cover__SMd3Z{position:absolute;z-index:-10;height:100%;width:100%;filter:brightness(80%)}@media (width <=800px){.movieCard-module__item__o-rm1{height:150px;width:100px}}.hero-module__hero__dBN0A{min-height:367px;position:relative;color:#fff;display:flex;padding:100px;justify-content:end;flex-direction:column;h1 {font-size: 2.7em; text-shadow: 1px 1px 2px black;} .hero-module__background__nyFPV {position: absolute; filter: brightness(70%); z-index: -10; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover;} img {width: 341px; max-width: 100%; @media (width <=700px) {margin: auto;}} .hero-module__starIcon__wrCTD {width: 20px;} .hero-module__buttonContainer__eH2T- {display: flex; gap: 15px; align-items: center; @media (width <=700px) {flex-direction: column;} .hero-module__divider__DMreX {display: block; @media (width <=700px) {display: none;}}} button {border-radius: 100px; width: 312px; height: 48px; display: flex; justify-content: center; font-weight: bold; align-items: center; font-size: 15px; gap: 8px; img {width: 15px;}} .hero-module__primary__KqF5d {color: black; background-color: white;} .hero-module__secondary__Jk3wJ {border: white 2px solid; text-shadow: 1px 1px 2px black;} .hero-module__link__e3XCB {width: 100px; text-shadow: 1px 1px 2px black;}}@media (width <=700px){.hero-module__hero__dBN0A{padding:30px}}.hero-module__ratingContainer__AbYay{display:flex;flex-direction:column;gap:5px;p {margin: 0;} .hero-module__rating__eaMzp {display: flex; gap: 5px;}}.header-module__header__TWSKX{height:100px;display:flex;position:sticky;top:0;gap:60px;justify-content:space-between;background-color:var(--secondary);color:#fff;z-index:50;padding:0 20px}@media (width <=700px){.header-module__header__TWSKX{height:60px;padding:0 30px}}.header-module__mainLogo__XInqC{display:flex;flex-direction:column;justify-content:center;h3 {font-size: 48px; font-family: "Franklin Gothic Medium","Arial Narrow",Arial,sans-serif; margin: 0; @media (width <=700px) {font-size: 30px;}} h4 {margin: 0; font-weight: 400; @media (width <=700px) {display: none;}}}nav{display:flex;gap:10px;height:full;width:100%;align-items:end}@media (width <=700px){nav{display:none}}.header-module__navItem__3BWwm{border-bottom:4px solid transparent;height:fit-content;padding:10px;transition:ease .1s}.header-module__navItem__3BWwm:hover{border-bottom:4px solid var(--accent)}.header-module__selected__Os94x{border-bottom:4px solid var(--accent);font-weight:700}.header-module__user__l-RIy{display:block}@media (width <=700px){.header-module__user__l-RIy{display:none}}.header-module__menu__neHTo{display:none}@media (width <=700px){.header-module__menu__neHTo{display:block}}.main-module__main__wMIlV{padding:0 100px;width:full;display:flex;flex-direction:column;gap:20px}@media (width <= 700px){.main-module__main__wMIlV{padding:0 30px}}:root{--background: #F3F6FA;--accent: #C6EE80;--secondary: #233647}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background)}button{all:unset;cursor:pointer}input{all:unset}a{all:unset;cursor:pointer}.greattingSection{padding:30px 70px;display:flex;justify-content:space-between}.greattingSection .logOut{display:flex;align-items:center;gap:10px}@media (width <=700px){.greattingSection{padding:15px}}.userDataSection{width:calc(100% - 140px);padding:0 70px}@media (width <=700px){.userDataSection{padding:0;width:100%}.userDataSection .personalData{padding-left:10px}}.userDataContainer{background-color:#fff;padding:36px;width:fit-content;border-radius:20px;display:flex;flex-direction:column;gap:20px;max-width:calc(100% - 72px)}.userDataContainer .dataContainer{width:572px;max-width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid black;padding:20px 10px}.userDataContainer .dataContainer .dataText{width:100%;overflow:hidden;font-weight:700;margin:0 0 0 20px}