._loginComponent_tfiwu_1{width:100vw;height:100vh;display:flex;align-items:center;flex-flow:row nowrap}._contentLeft_tfiwu_19,._contentRight_tfiwu_29{width:50vw}._form_tfiwu_39{display:flex;flex-flow:column wrap;padding:50px}._notification_tfiwu_55{background-color:#d2691e}._button_tfiwu_63{background:chocolate}._sideBar_6wiib_1{position:fixed;right:0;top:0;width:100%;height:100%;background-color:#233647;padding:25px 10px;box-sizing:border-box;transform:translate(100%);transition:transform .5s ease-in-out;display:flex;flex-direction:column;gap:50px;z-index:2}._sideBar_6wiib_1._active_6wiib_17{transform:translate(0)}@media screen and (width >=830px){._sideBar_6wiib_1{display:none}}._sideBar_6wiib_1 ._headerSidebar_6wiib_26{display:flex;justify-content:space-between;padding-inline:20px}._sideBar_6wiib_1 ._headerSidebar_6wiib_26 ._menu_6wiib_31{font-family:Inter,sans-serif;font-size:20px;font-weight:700;line-height:24.2px;text-align:left;color:#fff}._sideBar_6wiib_1 ._headerSidebar_6wiib_26 ._closeSideBar_6wiib_40{width:24px;height:24px;background-image:url(../public/x.png)}._sideBar_6wiib_1 ._submenus_6wiib_47{display:flex;flex-direction:column;gap:30px;align-items:center}._sideBar_6wiib_1 ._submenus_6wiib_47 ._submenu_6wiib_47{width:312px;height:61px;gap:10px;border:6px;font-family:Inter,sans-serif;font-size:18px;font-weight:700;line-height:21.78px;text-align:left;color:#fff;align-content:center}._sideBar_6wiib_1 ._submenus_6wiib_47 ._submenu_6wiib_47._active_6wiib_17{border-bottom:6px solid #C6EE80}._sideBar_6wiib_1 ._profileFooter_6wiib_75{position:absolute;bottom:30px;display:flex;justify-content:space-between;align-items:center;width:90%;box-sizing:border-box}._sideBar_6wiib_1 ._profileFooter_6wiib_75 section{display:flex;justify-content:center;align-items:center;gap:15px}._sideBar_6wiib_1 ._profileFooter_6wiib_75 section ._icon_6wiib_90{width:40px;height:40px;background-image:url(../public/profileIcon.png);background-size:contain;background-repeat:no-repeat;background-position:center}._sideBar_6wiib_1 ._profileFooter_6wiib_75 section p{font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:21.78px;text-align:left;color:#fff}._sideBar_6wiib_1 ._profileFooter_6wiib_75 ._rigtArrow_6wiib_110{width:24px;height:24px;background-image:url(../public/rightArrow.png);background-size:contain;background-repeat:no-repeat;background-position:center}._header_a9uu4_5{background-color:#233647;width:100%;max-width:1441px;margin:0 auto;height:101px;padding-inline:60px;display:flex;align-items:center;gap:100px;box-sizing:border-box;nav {width: 900px; height: 100%; ul {display: flex; align-items: flex-end; text-decoration: none; gap: 40px; height: 100%; margin: 0; color: white;} li {padding-bottom: 15PX; width: 130px; text-align: center; font-family: Inter,sans-serif; border-bottom: 4px solid transparent; list-style: none; cursor: pointer; &._active_a9uu4_104 {border-bottom: 4px solid #c6ee80;}} @media screen and (width <= 830px) {display: none;}} ._navProfileContainer_a9uu4_114 {cursor: pointer; ._iconProfile_a9uu4_117,._iconProfileSubMenu_a9uu4_117 {cursor: pointer; width: 40px; height: 40px; background-image: url(../public/profileIcon.png); background-size: contain; background-repeat: no-repeat; background-color: transparent; border: none;} ._iconProfileSubMenu_a9uu4_117{background-image: url(../public/menuIconHeader.png); display: none;} @media screen and (width <=830px) {._iconProfileSubMenu_a9uu4_117 {display: block; width: 32px; height: 32px;} ._iconProfile_a9uu4_117{display: none;}}}}@media screen and (width <= 830px){._header_a9uu4_5{height:60px;padding-inline:24px;justify-content:space-between;gap:30px}}._header_a9uu4_5 ._containerLogo_a9uu4_24{height:100px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;line-height:58.32px;cursor:pointer}._header_a9uu4_5 ._containerLogo_a9uu4_24 ._logo_a9uu4_34{margin:0;font-size:48px;color:#fff;font-family:Vina Sans,sans-serif;font-weight:400;font-style:normal}._header_a9uu4_5 ._containerLogo_a9uu4_24 ._logoPrahse_a9uu4_46{font-weight:300;font-size:11px;line-height:14.52px;color:#fff;margin:0;font-family:Inter,sans-serif;span {font-weight: 400; margin: 0;}}@media screen and (width <= 830px){._header_a9uu4_5 ._containerLogo_a9uu4_24 ._logo_a9uu4_34{width:98px;height:47px;font-size:32px;display:grid;align-content:center}._header_a9uu4_5 ._containerLogo_a9uu4_24 ._logoPrahse_a9uu4_46{display:none}}._profileSection_1n0za_1{display:flex;flex-direction:column;gap:40px;padding:30px}._profileSection_1n0za_1 ._headerProfileSection_1n0za_7{display:flex;justify-content:space-between;align-items:center;h5{font-family: Inter,sans-serif; font-size: 20px; font-weight: 700; line-height: 24.2px; text-align: left; color: #233647;} ._logout_1n0za_21{width: 107px; height: 24px; display: flex; justify-content: center; align-items: center; gap: 10px; p{font-family: Inter,sans-serif; font-size: 18px; font-weight: 700; line-height: 15.75px; text-align: left;} ._icon_1n0za_38{display: block; width: 16px; height: 16px; background-size: contain; background-image: url(../public//logout.png);}}}._profileSection_1n0za_1 ._mainContainerProfile_1n0za_49{display:flex;flex-direction:column;gap:40px;max-width:650px;width:100%;h5{font-family: Inter,sans-serif; font-size: 20px; font-weight: 600; line-height: 24.2px; text-align: left;} ._containerData_1n0za_64{max-width: 650px; width: 100%; height: 240px; gap: 10px; border-radius: 10px ; background: white; display: flex; flex-direction: column; justify-content: center; align-items: center; ._eachData_1n0za_76{display: flex; justify-content: space-between; width: 90%; border-bottom: 1px solid #A6B2C4; ._mainInfo_1n0za_83{display: flex; gap: 18px; align-items: center; justify-content: center; span{width: 28px; height: 22px; background-size: cover; background-repeat: no-repeat; background-position: center;} p{font-family: Inter,sans-serif; font-size: 20px; font-weight: 700; line-height: 22px; letter-spacing: -.4px; text-align: left; color: #233647;}} ._edit_1n0za_110{width: 64px; height: 64px; background-repeat: no-repeat; background-position: center; background-image: url(../public/iconEdit.png);}}}}._cardsContainer_1o04k_1{display:grid;justify-items:center;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;overflow-x:hidden;color:#fff;font-family:Inter,sans-serif}._cardsContainer_1o04k_1 ._eachCard_1o04k_13{position:relative;width:182px;height:255px;cursor:pointer;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:end;align-items:center;background-image:url(/06/assets/cardNotImage-540d06fd.jpg);background-position:center;h4 {width: 90%; font-size: 18px; font-weight: 700; line-height: 21.78px; text-align: left;} h5{width: 90%; font-size: 16px; font-style: italic; font-weight: 400; line-height: 19.36px; text-align: left;} h6{width: 90%; font-size: 16px; font-weight: 400; line-height: 19.36px; text-align: left;} &:hover{transform: scale(101%);} span{display: block; content: ""; width: 24px; height: 24px; background-image: url(../public/saveCard.png); position: absolute; left: 80%; top: 10px; border-radius: 27px; background-size: contain; filter:grayscale(1)} &._saved_1o04k_73{span{filter:grayscale(0)}}}@media (width <= 700px){._cardsContainer_1o04k_1{grid-template-columns:repeat(3,minmax(116px,1fr))}._cardsContainer_1o04k_1 ._eachCard_1o04k_13{width:116px;height:162px}}@media (width <= 500px){._cardsContainer_1o04k_1{grid-template-columns:repeat(3,minmax(95px,1fr))}._cardsContainer_1o04k_1 ._eachCard_1o04k_13{width:95px;height:134px}._cardsContainer_1o04k_1 ._eachCard_1o04k_13._saved_1o04k_73:before{width:16px;height:16px}}._cardListSection_h9m7_1{display:flex;flex-direction:column;gap:20px;padding-inline:60px}._cardListSection_h9m7_1 ._tittleCardListSection_h9m7_7{font-family:Inter,sans-serif;font-size:20px;font-weight:600;line-height:24.2px;text-align:left}@media (width <= 700px){._cardListSection_h9m7_1{padding-inline:40px}}@media (width <= 500px){._cardListSection_h9m7_1{padding-inline:20px}}._frontPage_1vky9_1{width:100%;height:567px;background:linear-gradient(180deg,rgb(35 54 71 / 0%) 0%,rgb(35 54 71 / 60%) 100%);display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:flex-start;box-sizing:border-box;background-size:cover;background-repeat:no-repeat}._frontPage_1vky9_1 ._filmInfoContainer_1vky9_15{max-width:800px;width:90%;height:auto;display:flex;flex-direction:column;gap:25px;color:#fff;padding-inline:30px}._frontPage_1vky9_1 ._filmInfoContainer_1vky9_15 ._scoreContainer_1vky9_25{display:flex;flex-direction:column;gap:5px;color:#fff;font-weight:400;font-size:16px;h6 {display: flex; align-items: center; gap: 4px; ._star_1vky9_38 {display: block; width: 24px; height: 24px; background-image: url(../public/start.png); background-size: contain; background-repeat: no-repeat;}}}._frontPage_1vky9_1 ._filmInfoContainer_1vky9_15 ._filmMainInfo_1vky9_49{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;gap:5px}._frontPage_1vky9_1 ._filmInfoContainer_1vky9_15 ._filmMainInfo_1vky9_49 ._tittle_1vky9_57{width:max-content;font-size:96px;font-weight:700}._frontPage_1vky9_1 ._filmInfoContainer_1vky9_15 ._filmMainInfo_1vky9_49 ._debut_1vky9_63{font-size:24px}._frontPage_1vky9_1 ._filmInfoContainer_1vky9_15 ._description_1vky9_69{font-size:20px;font-weight:400;line-height:36px;text-align:left;width:100%}._frontPage_1vky9_1 ._filmInfoContainer_1vky9_15 ._btnsContainer_1vky9_78{max-width:800px;width:100%;height:48px;display:flex;align-items:center;justify-content:left;gap:44px}._frontPage_1vky9_1 ._filmInfoContainer_1vky9_15 ._btnsContainer_1vky9_78 ._trailerBtn_1vky9_89,._frontPage_1vky9_1 ._filmInfoContainer_1vky9_15 ._btnsContainer_1vky9_78 ._wacthLaterBtn_1vky9_90{width:318px;height:48px;border-radius:24px;background-color:#fff;color:#000;font-size:18px;font-weight:700;box-sizing:border-box}._frontPage_1vky9_1 ._filmInfoContainer_1vky9_15 ._btnsContainer_1vky9_78 ._wacthLaterBtn_1vky9_90{background-color:transparent;border:1px solid white;color:#fff;display:flex;justify-content:center;align-items:center;gap:10px;span {display: block; width: 24px; height: 24px; background: url(../public/saveIcon.png) no-repeat;}}@media screen and (width <=700px){._frontPage_1vky9_1{align-items:center}._frontPage_1vky9_1 ._filmInfoContainer_1vky9_15{padding-inline:0;height:520px;justify-content:center;width:auto}._frontPage_1vky9_1 ._filmInfoContainer_1vky9_15 ._scoreContainer_1vky9_25{width:100%;margin:0 auto}._frontPage_1vky9_1 ._filmInfoContainer_1vky9_15 ._description_1vky9_69{display:none}._frontPage_1vky9_1 ._filmInfoContainer_1vky9_15 ._btnsContainer_1vky9_78{flex-direction:column;height:116px;gap:20px;margin:0 auto}._frontPage_1vky9_1 ._filmInfoContainer_1vky9_15 ._filmMainInfo_1vky9_49{display:grid;place-items:center}._frontPage_1vky9_1 ._filmInfoContainer_1vky9_15 ._filmMainInfo_1vky9_49 ._tittle_1vky9_57{font-size:56px;text-align:center;width:280px}._frontPage_1vky9_1 ._filmInfoContainer_1vky9_15 ._filmMainInfo_1vky9_49 ._debut_1vky9_63{display:none}}._sinopsisSection_1nvj9_1{display:flex;flex-direction:column;gap:20px;padding-inline:60px;p{font-family: Inter,sans-serif; font-size: 20px; font-weight: 400; line-height: 24.2px; text-align: left; color:#233647;}}._sinopsisSection_1nvj9_1 ._sinopsisTitle_1nvj9_7{font-family:Inter,sans-serif;font-size:20px;font-weight:600;line-height:24.2px;text-align:left}._searchSection_bb5pr_1{padding-inline:60px}._searchSection_bb5pr_1 ._searchContainer_bb5pr_4{max-width:447px;width:100%;height:60px;display:flex;justify-content:center;border-radius:30px;background-color:#fff;margin-top:25px;input {width: 370px; height: 60px; border: none; padding: 0; border-radius: 30px; padding-left: 15px; &::placeholder {font-size: 16px; font-weight: 400; line-height: 22px; letter-spacing: -.4px; text-align: left;} &:focus-visible {border: none; outline: none;}} label {display: block; cursor: pointer; width: 60px; height: 60px; background: url(../public/searchIcon.png) no-repeat; background-color: #A6B2C4; background-repeat: no-repeat; background-position: center; border-radius: 50%;}}@media (width <= 700px){._searchSection_bb5pr_1{padding-inline:40px}._searchSection_bb5pr_1 ._searchContainer_bb5pr_4{margin:0 auto;label {display: none;}}}@media (width <= 500px){._searchSection_bb5pr_1{width:312px;height:60px;margin:0 auto;box-sizing:border-box;padding-inline:0}._searchSection_bb5pr_1 ._searchContainer_bb5pr_4{input {width: 312px; height: 60px;}}}@font-face{font-family:Vina Sans;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/vina-sans@latest/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/vina-sans@latest/latin-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{a {color: white; text-decoration: none; overflow-x: hidden;} h1,h2,h3,h4,h5,h6,p {margin: 0;} button {border: none;} margin: 0;padding:0;font-family:Inter,sans-serif}.bodySection{width:100%;max-width:1441px;min-height:1540px;margin:auto;display:flex;flex-direction:column;gap:40px;background-color:#edf0f4}