@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body,html{scroll-behavior:smooth;height:100%;color:#fff;font-family:Poppins,sans-serif,serif}.main-page{height:100%;width:100%;background:linear-gradient(90deg,rgba(40,40,40,.05),rgba(0,0,0,.9));position:relative}::-webkit-scrollbar{display:none}.content-section{width:83%;min-height:100vh;margin-left:17%;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);padding:1rem 3rem 1rem 2rem}.main-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;margin-top:1rem}.menu__btn{display:none;background-color:transparent;border:none;font-size:2.25rem;color:#fff}.aboutUS{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.5rem;text-align:center}.aboutUS>h1{font-size:3.5rem;text-transform:capitalize;margin-bottom:1rem}.aboutUS>p{font-size:1.3rem}.tmdb-short-logo{display:inline-block;height:15px;margin-left:.5rem}.react-icon{font-size:1.75rem;transform:translateY(7px);margin:0 .35rem;color:#00d1f7}@media screen and (min-width : 1024px) and (max-width : 1365px){.content-section{width:75%;margin-left:25%}.aboutUS{width:80%}}@media screen and (max-width : 400px){.content-section{width:100%;margin-left:0;padding:.75rem .75rem 2rem}.main-content-header{justify-content:center;margin-bottom:2rem;margin-top:2.5rem}.aboutUS{width:90%}.aboutUS>h1{font-size:2.25rem}.aboutUS>p{font-size:1.1rem}.tmdb-short-logo{display:inline-block;height:15px;margin-left:.5rem}.react-icon{font-size:1.15rem;transform:translateY(3.5px);margin:0 .35rem;color:#00d1f7}.menu__btn{display:block;position:absolute;z-index:10;top:.75rem;right:1rem}}.sidebar-nav{position:fixed;top:0;left:0;height:100vh;width:17%;background:rgba(0,0,0,.4);z-index:3;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);padding-left:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;box-shadow:#00000073 6px 2px 25px}a{display:flex;align-items:center;gap:.8rem;color:#fff;font-size:16px;margin-top:.5rem;opacity:.85;position:relative;text-transform:capitalize}a:hover{opacity:1;transition:opacity .3s ease-in}.sidebar-nav>a{color:#fff;font-size:24px;width:90%;padding-left:.5rem}.sidebar-nav>a:hover{border-left:4px solid white;transition:border-left .05s ease-in}.arrow{position:absolute;z-index:4;right:0;font-size:30px;opacity:.6}.arrow:hover{opacity:1;transition:opacity .25s ease-in}.arrow-btn{background-color:teal;z-index:6;padding:.2rem;border:none;right:0}.sublinks>a:not(:last-child){border-radius:.5px;border-bottom:2px solid rgba(255,255,255,.5)}.sublinks>a{margin-left:1rem;padding-bottom:.5rem;width:max-content}.sublinks{width:80%;padding:.5rem 1rem;margin-left:1rem;background-color:#ffffff08;border-radius:7.5px}@media screen and (min-width : 1367px){.sidebar-nav{gap:2rem}}@media screen and (min-width : 1024px) and (max-width : 1365px){.sidebar-nav{width:25%}}@media screen and (max-width : 400px){.sidebar-nav{position:fixed;z-index:2;width:100%;display:none}}.type-popup{--total_text_color: #e0e0e0;--total_font_family: Menlo, Roboto Mono, monospace;--btn_bg: rgba(255, 255, 255, .1);--btn_padding: .5em;--btn_height: 2em;--btn_border_radius: .3125em;--btn_outline_width: .0625em;--btn_outline_color: #A0A0A0;--btn_outline_offset: .0625em;--btn_gap: .3125em;--list_padding: .5em;--list_bg: var(--btn_bg);--list_border_radius: var(--btn_border_radius);--list_gap: .1875em;--list_btn_hover_bg: rgba(255, 255, 255, .25);--list_btn_active: #b9b9b970;--list_btn_border_radius: .25em;--list_btn_padding: .35em 1em;--list_btn_gap: .4375em;--list_btn_outline_width: .0625em;--list_btn_outline_color: rgb(212, 210, 210);--list_offset: .35em;--list_btn_font_size: 14px;--list_position_left: 0;--list_position_right: unset}.type-popup__button .type-popup__icons svg,#movie,#tv,#default,#checkbox,.type-popup__list-container{display:none}.type-popup{color:var(--total_text_color);font-family:Poppins;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer}.type-popup__list-container{position:absolute;left:var(--list_position_left);right:var(--list_position_right);top:calc(var(--btn_height) + var(--list_offset))}.type-popup__button{line-height:var(--btn_height);background-color:var(--btn_bg);padding:0 var(--btn_padding);display:inline-flex;align-items:center;column-gap:var(--btn_gap);border-radius:var(--btn_border_radius);border:none;color:inherit;font-family:inherit;outline:none;font-weight:400;text-transform:capitalize;cursor:pointer}.type-popup__list{margin:0;list-style-type:none;padding:var(--list_padding);border-radius:var(--list_border_radius);background-color:#00000059;display:flex;flex-direction:column;row-gap:var(--list_gap)}.type-popup__list label{display:flex;align-items:center;justify-content:start;column-gap:var(--list_btn_gap);padding:var(--list_btn_padding);border-radius:var(--list_btn_border_radius);white-space:nowrap;cursor:pointer}.type-popup__list label span{font-size:var(--list_btn_font_size);text-transform:capitalize}#checkbox:checked~.type-popup__button{outline:var(--btn_outline_width) solid var(--btn_outline_color);outline-offset:var(--btn_outline_offset)}#checkbox:checked~.type-popup__list-container{display:block}.type-popup__list label:hover,.type-popup__button:hover,#checkbox:checked~.type-popup__button{background-color:var(--list_btn_hover_bg)}#default:checked~.type-popup__list-container label[for=default],#movie:checked~.type-popup__list-container label[for=movie],#tv:checked~.type-popup__list-container label[for=tv]{background-color:var(--list_btn_active);outline:none}#default:checked~label svg.default,#light:checked~label svg.sun,#dark:checked~label svg.moon{display:block}.hidden{display:none}.searchForm-ct{width:60%;display:flex;justify-content:flex-start;gap:1rem;align-items:center}.searchForm{width:60%;position:relative;margin-top:.25rem;margin-left:.25rem}#inputField{width:100%;padding:.75rem;outline:none;color:#fffc;font-size:16px;font-family:Poppins;border:none;border-radius:15px;background:rgba(255,255,255,.15)}#inputField::placeholder{color:#fff6}.searchIcon{position:absolute;font-size:22px;right:2.5%;top:50%;transform:translateY(-50%);cursor:pointer;color:#fff;opacity:.6}.searchIcon:hover{opacity:1;transition:opacity .2s ease-in}@media screen and (max-width : 400px){.searchForm-ct,.searchForm{width:100%}}#avatar{width:35px;height:35px}#avatar:hover{transform:scale(1.15);transition:transform .1s ease-in}.user-avatar{display:flex;gap:1rem;align-items:center;cursor:pointer}.user-avatar>p{font-size:larger;font-weight:500;letter-spacing:.5px}@media screen and (max-width : 400px){.user-avatar{display:none}}.big-poster{border-radius:12.5px;padding-bottom:1.5rem;height:80vh;background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#000000bf;margin-top:2rem;margin-bottom:1rem;text-transform:capitalize;text-align:center;display:flex;flex-direction:column;justify-content:end;box-shadow:0 -7rem 9rem #000000e6 inset,0 1.75rem 10rem #000000e6 inset}.big-poster>h1{font-size:2.75rem;font-weight:700;letter-spacing:.5px}.big-poster>h2{font-size:1.75rem;font-weight:400}@media screen and (min-width : 1024px) and (max-width : 1365px){.big-poster{height:52.5vh}}@media screen and (max-width : 400px){.big-poster{height:40vh;box-shadow:0 -4rem 4rem #000000b3 inset,0 1rem 4rem #000000b3 inset}.big-poster>h1{font-size:1.75rem}.big-poster>h2{font-size:1.25rem}}.card{height:47.5vh;width:100%;border-radius:12.5px;cursor:pointer;background-size:cover;background-repeat:no-repeat;background-position:center;text-transform:capitalize;box-shadow:0 -1rem 3.5rem #0006 inset,0 1.5rem 3.5rem #0000004d inset,5px 5px 10px #0003}.card:hover{transform:scale(1.05);transition:transform .15s ease-in}.infos-wrapper{cursor:pointer;text-align:center;height:fit-content}.infos-wrapper>h1{font-weight:500;font-size:1.15rem;margin-top:.75rem;line-height:1.7rem}.container{display:grid;align-content:center;justify-content:center;grid-template-columns:18% 18% 18% 18% 18%;gap:.5rem 1.5rem}.fav-card{position:relative}.fav-card>button{background:transparent;border:none;position:absolute;right:3%;top:2.5%;display:none;color:#fff;width:2rem;height:2rem;cursor:pointer}.fav-card>button>.trash-icon{font-size:1.2rem}.fav-card:hover>button{display:block;opacity:.8}.fav-card>button:hover{opacity:1;transform:scale(1.2);transition:opacity .25s ease-in,transform .25s ease-in}@media screen and (min-width : 1024px) and (max-width : 1365px){.container{grid-template-columns:31.5% 31.5% 31.5%}}@media screen and (max-width : 400px){.card{min-height:70vh}.container{grid-template-columns:85%}.fav-card>button{display:block}.fav-card:hover>button{opacity:1}}.section-header{display:flex;justify-content:space-between;margin-bottom:.5rem;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.section-header>h3{margin-top:1rem;font-size:1.9rem;font-weight:500;text-transform:capitalize}.cards-section{display:flex;gap:1rem;margin-bottom:1.5rem}.cards-section>.infos-wrapper{width:20%}@media screen and (min-width : 1024px) and (max-width : 1365px){.cards-section{flex-wrap:wrap;justify-content:center}.cards-section>.infos-wrapper{width:30%}}@media screen and (max-width : 400px){.cards-section{justify-content:center;flex-wrap:wrap}.cards-section>.infos-wrapper{width:95%}.section-header{margin-bottom:1rem}.section-header>h3{font-size:1.35rem}}svg#freepik_stories-oops-404-error-with-a-broken-robot:not(.animated) .animable{opacity:0}svg#freepik_stories-oops-404-error-with-a-broken-robot.animated #freepik--404-error--inject-24{animation:1s 1 forwards cubic-bezier(.36,-.01,.5,1.38) slideDown,1.5s Infinite linear heartbeat;animation-delay:0s,1.5s}svg#freepik_stories-oops-404-error-with-a-broken-robot.animated #freepik--Robot--inject-24{animation:1s 1 forwards cubic-bezier(.36,-.01,.5,1.38) slideDown,1.5s Infinite linear shake;animation-delay:0s,2s}svg#freepik_stories-oops-404-error-with-a-broken-robot.animated #freepik--speech-bubble--inject-24{animation:1s 1 forwards cubic-bezier(.36,-.01,.5,1.38) lightSpeedRight,1.5s Infinite linear floating;animation-delay:.5s,1.5s;opacity:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes heartbeat{0%{transform:scale(1)}10%{transform:scale(1.1)}30%{transform:scale(1)}40%{transform:scale(1)}50%{transform:scale(1.1)}60%{transform:scale(1)}to{transform:scale(1)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes lightSpeedRight{0%{transform:translate3d(50%,0,0) skew(-20deg);opacity:0}60%{transform:skew(10deg);opacity:1}80%{transform:skew(-2deg)}to{opacity:1;transform:translateZ(0)}}@keyframes floating{0%{opacity:1;transform:translateY(0)}50%{transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.illustration{width:80%;height:90vh;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.details{margin:0 auto;display:flex;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.poster{width:37.5%;max-height:82.5vh;border-radius:2%;box-shadow:7.5px 7.5px 15px #0006}.infos{padding-left:1.75rem}.infos>*{margin-bottom:.5rem}.infos>h1{font-size:2.25rem;font-weight:500;text-transform:capitalize}.infos>h2{font-size:1.2rem;font-weight:300;opacity:.9}.infos>*:first-of-type:is(p){font-size:.85rem}.duration{margin-right:.3rem;opacity:.8}.genre{margin-right:.15rem;text-transform:capitalize}.infos>*:nth-of-type(2):is(p){display:flex;align-items:center;gap:.4rem}.star{color:#ff0;font-size:1.4rem}.rating{font-size:1.5rem}.proportion{opacity:.25;font-size:.85rem}.overview{line-height:1.75rem;color:#fffffff2;width:90%}.buttons{display:flex;gap:1.5rem}.btn{cursor:pointer;padding:.5rem 1rem;max-width:fit-content;border:none;font-family:Poppins;text-transform:capitalize;border-radius:5px;color:#fff;opacity:.85;margin-top:1rem;font-size:1rem}.read-more{background-color:#ffffff0d}.add-to-favorites{background-color:#fff3;display:flex;align-items:center;gap:7.5px}.btn:hover,.images>img:hover{opacity:1;transform:scale(1.1);transition:opacity .15s ease-in,transform .15s ease-in}.favorites-star{font-size:1.2rem}.add-to-favorites:hover>.favorites-star{color:#ff0;transition:color .15s ease-in}.added-to-favorites{color:#ff0}.images{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;width:90%;margin:0 auto;margin-top:1.5rem}.images>img{flex:1;height:18vh;max-height:18vh;max-width:22.5%;border-radius:5px;cursor:pointer;opacity:.8}.cast{margin-top:1rem;display:grid;justify-content:center;grid-template-columns:22% 22% 22% 22%;column-gap:1rem;row-gap:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.cast-member{display:flex;flex-direction:column;align-items:center}.cast-member>h5{margin-top:.4rem;font-size:1rem;font-weight:400;text-align:center}.cast-member>h6{font-size:.8rem;font-weight:300;text-align:center;opacity:.85}.member-img{height:12vh;aspect-ratio:1;border-radius:50%;background-position:top;background-size:cover;background-repeat:no-repeat}.count>span{color:#fff;font-size:1.1rem}.count{font-size:.85rem;color:#ffffffd9;text-transform:capitalize}@media screen and (min-width : 1024px) and (max-width : 1365px){.details{align-items:center;padding-top:1rem}.poster{width:45%}.infos{padding-left:1.25rem}.infos>h1{font-size:1.85rem}.images{width:unset;gap:1.15rem}.images>img{max-width:31%}}@media screen and (max-width : 400px){.details{flex-direction:column}.poster{width:90%}.infos{display:flex;flex-direction:column;align-items:center;padding-left:0;text-align:center}.infos>*{margin-bottom:.75rem}.infos>h1{margin-top:.5rem;font-size:1.95rem}.overview{font-size:.95rem}.images{width:unset;gap:1.25rem}.images>img{max-width:90%;min-height:25vh}.cast{grid-template-columns:40% 40%}.member-img{height:15vh}.cast-title,.images-title{text-align:center}}#root{min-height:100vh;max-width:100vw;width:100vw;overflow-x:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}