@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;} h1,h2,h3,h4,h5,h6,p {margin: 0;} button {border: none;} margin: 0;padding:0;font-family:Inter,sans-serif}.header{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;} li {padding-bottom: 15PX; width: 130px; text-align: center; font-family: Inter,sans-serif; border-bottom: 4px solid transparent; list-style: none; &.active {border-bottom: 4px solid #c6ee80;}} @media screen and (width <= 830px) {display: none;}} .navProfileContainer {cursor: pointer; .iconProfile,.iconProfileSubMenu {cursor: pointer; width: 40px; height: 40px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAlCAYAAAAqXEs9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATgSURBVHgBtVhNdts2EJ6B1de6i1aOuy99gsib9DneyCewfIIoJ7BzAkEnsHMCSSewcgKzCyttN1ZPEHUfW+4iSV8TE/0GBChS4p+sZt7TE0ACgw+DmW8GZNpQ3s51kO4f7OgZbSBMawoAtDmi44ipbYgCKGjmDJuyoSkpGgFgSGtILUA3c938h/g0MuasAECZzJh5SGRGdaxXCei3ef/0wRidAyQkQ3+SMjNDfB8rM02KOGCmp7BeexmYiah/+JMe0mMAiVU+GRqg2cmAYPNmm3i4v6PvqUScb7WNoR7+g2RBQ0McZb/IWlykDIquvCLs9l4xvYKSIT1CoK+7BAzHSEd5oLgKDCTcZjqpskgNUKL3nBYWzwWllidmwBh6/fyJPtoUjIgsDF0n0N93jwTg5fI4ld1Fv5cBs6vP6H+Ww12to4hGrtua3Orz9HtegLEmfee6sps9qiHCS5HbBHY3q8M7VwiYb+OTaFkQ8dGFToeTOKLID6hSOnmvO9d3ei5HjMgZyE/akzv97vq97pbNPYILGKaXydKxw1MCSHbpeQNghlUEZo9W0WUBSQasaOCOv1AOd/QUQF67blswJIAoohepsf0yRbJ7A6KUttCBOCk2sYcd73O865l9hzF+kSL5V5H2bZCmjb6G7XDCqmGVdbD7Uw8G3LR/8CQzfgoQYWToRqznjiIs0iVH9/ZOh/Z02BrlTLldBHYxTrw/Vxz7WkcEmHEeePssexRBmU5Y8o1rNv+Y65YykWn5l1vYIZVLkGoXgreZPn/O6ljFY9/+/EAARJxMeAZHK5sMwAlBRg/lC9WVtJVxQi2VipRZ1eQPqTHwpeOicVCcvPuu2urJ2tD5o6I1RJyQF07amdz2Vphcwh1B0nXAhuumnQatKwht46IIK56DCI8j55iK+RhO2pa2RCFXUEieKLPwi6DOBHvmMZPP3KM2gJzLjxy5Wp0F5UWBBHZeRH8rSkVEVYh6EZa16cXYSJv55xYIQl746bAiQLxIqC96Ztb4ZoumX4zrRkbY8qKOItk9lF18hk9hXpOJm3DKaYNp9myNm4eEOjtPBgVMbbaXJOmiLZT6p0yBJVKkGtw6OkUFv2VxQ+M6tw4w9ZXLo7bCUE6DJ7m21NIFQIKJTEZGlygqu33YtIExLvtfFrmCLXkWST2UfwtIKUrY8lNEK1n693n/heQnyt4kpOB/5ZLqnvsduQQ7To3rSFTmUQRl1xq5zTi0C9MR/GDfs7blFZfdrcBpt5Gl69w6EDXaJU2KrcD6YKfXT94vCsLEVdIVY9vV0yJTFPZHHx/gJyou3Fx2P1n3JjqZa7HQwB/xVoO7v/zQG0khR4ukvucpInPruL7VF3h56rpidgnJwPNK3VBelmsJbaksY1D3WGMMkF27UdRTUmf7sSvXICC/cUASEb947J3Mi7ubDZYer9TuK7kMi59QNtFKO6QNBUl2nMoKVm9e7b4CSM6Ss6nBXhyrCvcykbkf4cDpyqL2zdVLXpSQ+2CgtqpLXeGzD5HpSsKlNF3Af7aJXhZFKVOF5NzLvYRg4+kXMn+B8q1ySSEN4p/B4i1a+vphs78x/ee7/dLUVAnIgQpw2+xybK2A1hCfcL9XdFGnNnrUFzQcWxczn9JSNHoALP5n6Fdw2PirfEGrABik+5t+Y/wPO7pqA1JakyEAAAAASUVORK5CYII=); background-size: contain; background-repeat: no-repeat; background-color: transparent; border: none;} .iconProfileSubMenu{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABKSURBVHgB7dSxDcAgEENRHytkm0yVTICYAKZiG2aAFkF9Qkj/lZbl0hKAw2wNaoufzLI89P6/TypzFLZSkB/PbeBa/AAAfgDAcQPt7RUWvyvy8gAAAABJRU5ErkJggg==); display: none;} @media screen and (width <=830px) {.iconProfileSubMenu {display: block; width: 32px; height: 32px;} .iconProfile{display: none;}}}}@media screen and (width <= 830px){.header{height:60px;padding-inline:24px;justify-content:space-between;gap:30px}}.header .containerLogo{height:100px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;line-height:58.32px}.header .containerLogo .logo{margin:0;font-size:48px;color:#fff;font-family:Vina Sans,sans-serif;font-weight:400;font-style:normal}.header .containerLogo .logoPrahse{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 .containerLogo .logo{width:98px;height:47px;font-size:32px;display:grid;align-content:center}.header .containerLogo .logoPrahse{display:none}}.mainContainer{width:100%;max-width:1441px;min-height:1540px;margin:auto;display:flex;flex-direction:column;gap:40px;background-color:#edf0f4}.mainContainer .frontPage{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}.mainContainer .frontPage .filmInfoContainer{max-width:800px;width:90%;height:auto;display:flex;flex-direction:column;gap:25px;color:#fff;padding-inline:30px}.mainContainer .frontPage .filmInfoContainer .scoreContainer{display:flex;flex-direction:column;gap:5px;color:#fff;font-weight:400;font-size:16px;h6 {display: flex; align-items: center; gap: 4px; .star {display: block; width: 24px; height: 24px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFiSURBVHgB1VSLUYNAEF1SAR2IHaQErMASpAPTgViB6YB0YKzgsALGCogVQAfrrr6Vm8yROxyc0TfzhuPYffth74j+Epi5UtJvAOKGKtUvSzUU0V4eI0hZlt3QWhDx0jIX7rAuaS2IWIMKdJ0LB6GjNSBCBTJuvL0ae3nMPwsIqpOxEN4KK+G19P3k2QzCg/CFvv6LfhvFZqSZLB1KD2Ef8NnzPDrV/K5AS5bHg/AofKVpWiyrEwUAkQKvtr5CxY/iV5vhFtn3FvknQCd6aBVzH5VbWgiM8nDR3wui2FEixPYOPvEOYM671CA8XSEuZWx9xy7lMInNM+MQhrC54Kt9fKM43oX5XPabmaxKLFuKQ21yJJQWwDNu/aDoszv7ke2ZTxzoa4e1lv/kTYlNWWOBsHdcEmCAwD1P10eNYDlPl12PKTqo3ZIA7Ak7Dsw2zoyN8ydS9W22tU1Voq3jBQfzf+EDJ+rtGXBZjwAAAAAASUVORK5CYII=); background-size: contain; background-repeat: no-repeat;}}}.mainContainer .frontPage .filmInfoContainer .filmMainInfo{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;gap:5px}.mainContainer .frontPage .filmInfoContainer .filmMainInfo .tittle{width:max-content;font-size:96px;font-weight:700}.mainContainer .frontPage .filmInfoContainer .filmMainInfo .debut{font-size:24px}.mainContainer .frontPage .filmInfoContainer .description{font-size:20px;font-weight:400;line-height:36px;text-align:left;width:100%}.mainContainer .frontPage .filmInfoContainer .btnsContainer{max-width:800px;width:100%;height:48px;display:flex;align-items:center;justify-content:left;gap:44px}.mainContainer .frontPage .filmInfoContainer .btnsContainer .trailerBtn,.mainContainer .frontPage .filmInfoContainer .btnsContainer .wacthLaterBtn{width:318px;height:48px;border-radius:24px;background-color:#fff;color:#000;font-size:18px;font-weight:700;box-sizing:border-box}.mainContainer .frontPage .filmInfoContainer .btnsContainer .wacthLaterBtn{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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC3SURBVHgB7ZXRDcIwDEQdJugIGYERzAYdgQ1ghDIJbNARYIRuQDaADcJZGCkSbdM0/fRJJ1fx1S/5SYhMBXJzzRhjg3KCeSYW4ItzLqyFPFE8PMDviRjDD0AOVCoAOH51zOTOmttPZXaUV8j0B60NVUCqZRCDGGRjiF41PdyW/LcIgqFehuPzDgtAQFdZpxolF6QMfKk77XXJWq85plIlkB/I0//pbkmGqVTyYOlwzuTasU2YVusDWc2h6p9eNcgAAAAASUVORK5CYII=) no-repeat;}}@media screen and (width <=700px){.mainContainer .frontPage{align-items:center}.mainContainer .frontPage .filmInfoContainer{padding-inline:0;height:520px;justify-content:center;width:auto}.mainContainer .frontPage .filmInfoContainer .scoreContainer{width:100%;margin:0 auto}.mainContainer .frontPage .filmInfoContainer .description{display:none}.mainContainer .frontPage .filmInfoContainer .btnsContainer{flex-direction:column;height:116px;gap:20px;margin:0 auto}.mainContainer .frontPage .filmInfoContainer .filmMainInfo{display:grid;place-items:center}.mainContainer .frontPage .filmInfoContainer .filmMainInfo .tittle{font-size:56px;text-align:center;width:280px}.mainContainer .frontPage .filmInfoContainer .filmMainInfo .debut{display:none}}.mainContainer .searchSection{padding-inline:60px}.mainContainer .searchSection .searchContainer{max-width:447px;width:100%;height:60px;display:flex;justify-content:center;border-radius:30px;background-color:#fff;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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAESSURBVHgB5VQLDcJADO1QcBLmgEkYDiZhEnDAHIADcIAEQAGgYHMADo4WHqEkjLUjIyG85O137b1r15boLxBjzJlrZh0f2DPnzJQ+gWzA3GDTE3PJrJgL9V0woz5gxwwby+mLN4dYQWhJHsC5BlODfQWhKVmBtERPvhGRRB4sxqFP+MqvshgXMM7JCRTDvm19pJ4z3A/kx5GZkkHkiiRJzuSH+ASLSCOX2K/JxhDqFLmnqSA/JNU7k2XXD2zxKVEwpdUh94wL3bzkAeZTp5AS6FX2WqhGOjJ8D4h2rtbNY+iVUBmfR7zGCXMrWOZdYhCTKHK69YGUacPc6n7C5hu8TnitoSEQnRP8t4RoSECopG/iAqqtnxTKui0SAAAAAElFTkSuQmCC) no-repeat; background-color: #A6B2C4; background-repeat: no-repeat; background-position: center; border-radius: 50%;}}@media (width <= 700px){.mainContainer .searchSection{padding-inline:40px}.mainContainer .searchSection .searchContainer{margin:0 auto;label {display: none;}}}@media (width <= 500px){.mainContainer .searchSection{width:312px;height:60px;margin:0 auto;box-sizing:border-box;padding-inline:0}.mainContainer .searchSection .searchContainer{input {width: 312px; height: 60px;}}}.mainContainer .sinopsisSection{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;}}.mainContainer .sinopsisSection .sinopsisTitle{font-family:Inter,sans-serif;font-size:20px;font-weight:600;line-height:24.2px;text-align:left}.mainContainer .cardListSection{display:flex;flex-direction:column;gap:20px;padding-inline:60px}.mainContainer .cardListSection .tittleCardListSection{font-family:Inter,sans-serif;font-size:20px;font-weight:600;line-height:24.2px;text-align:left}.mainContainer .cardListSection .cardsContainer{display:grid;justify-items:center;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;overflow-x:hidden}.mainContainer .cardListSection .cardsContainer .eachCard{position:relative;width:182px;height:255px;background-color:#a6b2c4;cursor:pointer}.mainContainer .cardListSection .cardsContainer .eachCard.saved:before{display:block;content:"";width:24px;height:24px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI+SURBVHgBtVW9a1NRFP+d2xeRFjFFKkItBE0hYyfrEszSDwdp6+KgQ50c2/8giZObdXOzQwd1MQWHRpdUB9uCEJyq1PJQVESpT6Gh1STHc26bR2reiyn0/eDx7rkf5+uee36ENkhkJuOmUpkhogwYCZ2yCwwPBmWqYdFxqLC+suSG6aBAxRfHE13MD0RRBp2AMB8jygcZ6vp34tzw2Iyp46EMU+gcQ3XGdO/Z5O6PT+9XDtpuVn5hNEugXEOeujGA8akz6O5xArVWtqt4+fwbFu67/hyDc5trz/ItEajnovxOQ75+K4Er1/oRO2YQBl1Lpk5YP9ff/Nr3mDISyc9GJPa05pzqyDUfTo/2oVNolM0gRjYlOn0DcqFZMR1v3tQTkpYgBKQw/keLRA2o95K4aRw1pAJtmTvMk4gITmVn1jAwgYjAxJeMhDKEqCCvXy85juiQMIgYasBFdPCM1L+LiCBduGyIaRmRgRdN9ffOHCKCQ1QwbrnkSZpKOGoQzSs/2CqqEd2Un9du/7a05icLH+2n4//AixFsy7ZdyhVLyeGxPDPuBu1+/WrL9vzvX3et/EI44KpwRXqkL8R5+Ozm88GW9O9T/YNKQBmV0yOnhVBquHf7LZ4+/mzHDehYjX7YrOC88IHKxcKXPeWg/MZa0eeVFk6WSGYlkiwO/8I99XxjtXigaFo4WSM5OTD4yDD1ithRn5J6L8UMXX63WlxqWWt3ULlir53TBDOrsf2oyCV9oIzlavfxObdUCC2Qv08mzl9eZcE0AAAAAElFTkSuQmCC);position:absolute;left:80%;top:10px;border-radius:27px}@media (width <= 700px){.mainContainer .cardListSection{padding-inline:40px}.mainContainer .cardListSection .cardsContainer{grid-template-columns:repeat(3,minmax(116px,1fr))}.mainContainer .cardListSection .cardsContainer .eachCard{width:116px;height:162px}}@media (width <= 500px){.mainContainer .cardListSection{padding-inline:20px}.mainContainer .cardListSection .cardsContainer{grid-template-columns:repeat(3,minmax(95px,1fr))}.mainContainer .cardListSection .cardsContainer .eachCard{width:95px;height:134px}}.mainContainer .profileSection{display:flex;flex-direction:column;gap:40px;padding:30px}.mainContainer .profileSection .headerProfileSection{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{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{display: block; width: 16px; height: 16px; background-size: contain; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFISURBVHgB7VVBUsJAEOyN8QZUfIH4A/2B/sAfSCrq2X2B8IL1bEElT/EH8gPDC6TAKi8J62SLpVYFJpsCTvRlZ5Pp6nRvMgGO8IBwN1+v6lIHUFReM7yxWCBuPcoxfES+U9UtSrxTGaEepsUJLs5iOeUaQ1uUBW5JMhJCZK3kKd5Gmg1VRk93d1qgR9sXMAhsoZcO9EJPOJLQyF1ObZF9opEIvRy5u85GqjcfKj0fqed1/SEaoJPIjJbsvzr6JIR2Igfu5Z3EZUQ1Bo7QL0eskyoKOugUPiAh4k2Wjg9z8KyTjfn/gYmIHJgNRde5lyvOTpxUkboC7QfZd+83ervsOWmB2Oa+SaCxCA3HbjX1zAo+0sN+8fRgZpqKAOccyfZYDttvi89URWGJD/iN+isa9TnXuHJS/Rco4xvSrfEjEm8F9dYROMIbP2xZd9w0XXxLAAAAAElFTkSuQmCC);}}}.mainContainer .profileSection .mainContainerProfile{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{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{display: flex; justify-content: space-between; width: 90%; border-bottom: 1px solid #A6B2C4; .mainInfo{display: flex; gap: 18px; align-items: center; justify-content: center; span{width: 64px; height: 64px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAABBCAYAAABigqxTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFuSURBVHgB7dfxUcIwFAbwT12AEd4IOIHdQEfoCGwAm8AGsgEygW7QbCBOgC/XxFQODKDptc/vd/dd72j6R+6F5AUgIiIiIiIiIiL6coP+TTWVZqLZadYaB6NEs9Hsj2QT3psimgbtBN81S81Cs+r83sDYxOPEVmiXdZdonpEmPoEBNdKETvETfQ3jZjAgVrHOjJuFcWsYECs4zYwT5FfEn7jFcEh4OhTWx6S34fmUGfcYng4GVEhHlZwYI+H9Pow3YYX0f60P3lVIR9oShvgjqduN+ao2SNWNXZmJM/pQjVTVGL+7mzibc3xFBUYrS0PR133aL2N/TssPY95CHAyY4/suncschZWutN+ZY8/9gtSdHfOA1Jj4it9jhHzFYkNSnfmNIB1pC4yMIC1XwWUqpAZmVEea37Ril3WN2L3VKKDULSv+j7e4TvxOUMCQ7tO94aT/izuU4TQfaO/RO1zO/fJ7IiIiIiIiIiKic30CxYNoGPO6Nb4AAAAASUVORK5CYII=);} p{font-family: Inter,sans-serif; font-size: 20px; font-weight: 700; line-height: 22px; letter-spacing: -.4px; text-align: left; color: #233647;}} .edit{width: 64px; height: 64px; background-repeat: no-repeat; background-position: center; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADKSURBVHgB7dTBDYMwDAXQX7UDMEJG6AjtZDACG2WFbpBrb7ABNZKjWlGS5oDTqvKX/gHnwAMSAIvlB3OGThz1Sh2oT3TOfmNP3UQDz7sBFr7xwpggrtUhEjAnazPPPRSTvoHcE8d1B4VIgK9A4toNB0cCJp5NBUjcG4fuixwABciI9ynpAkghGxRORwsgprZHugBGAxjgLwHDtwF7HNr+cGqAVoQqoAWhDviEUAFcUMeEzGyl3qkPKEaejrQqn+CEMmTIzFeuxaKaFwPqfQ+XsMcIAAAAAElFTkSuQmCC);}}}}.mainContainer .sideBar{position:absolute;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}.mainContainer .sideBar.active{transform:translate(0)}.mainContainer .sideBar .headerSidebar{display:flex;justify-content:space-between;padding-inline:20px}.mainContainer .sideBar .headerSidebar .menu{font-family:Inter,sans-serif;font-size:20px;font-weight:700;line-height:24.2px;text-align:left;color:#fff}.mainContainer .sideBar .headerSidebar .closeSideBar{width:24px;height:24px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABlSURBVHgB7ZRBDgAQDAQbL+n/P+Up60LigqUaCTZxa2eEpiI/bwZAzEeJWi31wiY3YCSp4JgV6EjC1CxLzPAeaBu8I9kHb0im4EFOx/WJXD/ZdUwZgEnCNsKwKiJ7K6wsu5+7kgDAuo8Az/0thgAAAABJRU5ErkJggg==)}.mainContainer .sideBar .submenus{display:flex;flex-direction:column;gap:30px;align-items:center}.mainContainer .sideBar .submenus .submenu{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}.mainContainer .sideBar .submenus .submenu.active{border-bottom:6px solid #C6EE80}