.nav{display:flex;width:100%;height:64px;background-color:#032541;color:#fff;justify-content:center;align-items:center;font-weight:600;z-index:900;position:sticky;top:-3px}.nav-container{width:80%;display:flex;justify-content:space-between}.nav-container ul,.nav-title{display:flex;justify-content:space-evenly}.nav-container li,.nav-title{margin:0 1.5rem}.nav a{color:#fff}.hamburger-menu{display:none}@media screen and (max-width: 780px){.hamburger-menu{display:block}.nav-others{display:none}.nav-container{justify-content:flex-end}}#menu__toggle{opacity:0}#menu__toggle:checked~.menu__btn>span{transform:rotate(45deg)}#menu__toggle:checked~.menu__btn>span:before{top:0;transform:rotate(0)}#menu__toggle:checked~.menu__btn>span:after{top:0;transform:rotate(90deg)}#menu__toggle:checked~.menu__box{visibility:visible;left:0}.menu__btn{display:flex;align-items:center;position:fixed;top:20px;left:20px;width:26px;height:26px;cursor:pointer;z-index:1}.menu__btn>span,.menu__btn>span:before,.menu__btn>span:after{display:block;position:absolute;width:100%;height:2px;background-color:#fff;transition-duration:.25s}.menu__btn>span:before{content:"";top:-8px}.menu__btn>span:after{content:"";top:8px}.menu__box{display:block;position:fixed;visibility:hidden;top:0;left:-100%;width:300px;height:100%;margin:0;padding:80px 0;list-style:none;background-color:#1d77b4;box-shadow:1px 0 6px #0003;transition-duration:.25s}.menu__item{display:block;padding:12px 24px;color:#fff;font-family:Roboto,sans-serif;font-size:20px;font-weight:600;text-decoration:none;transition-duration:.25s}.menu__item:hover{background-color:#cfd8dc}.footer-container{width:100%;height:10rem;background-color:#032541;display:grid;grid-template-columns:repeat(2,1fr);place-items:center;color:#fff;font-weight:800;margin-top:auto}@media screen and (min-width: 750px){.footer-container{grid-template-columns:repeat(3,1fr)}}.search-container{position:relative;width:80%;display:flex;align-items:center;justify-content:center;margin-bottom:-3rem}@media screen and (max-width:750px){.header-wrapper-wrapper{width:100%}.search-container{width:100%;margin:auto 0}}.search-input{width:100%;height:2rem;line-height:2rem;font-size:1.1em;color:#00000080;border:none;border-radius:30px;padding:.5rem 1.1rem}.search-input:focus{outline:none}button.search-button{display:inline;background:linear-gradient(to right,rgba(30,213,169,1) 0%,rgba(1,180,228,1) 100%);position:absolute;max-height:auto;max-width:10rem;line-height:2rem;border:none;text-align:center;right:0;font-size:1.1em;border-radius:30px;padding:.5rem 1.1rem;cursor:pointer;color:#fff;font-weight:600}.search-form{display:inherit;width:100%}.header{width:80%;height:25rem;background-color:#01b4e4;color:#fff;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:750px){.header-wrapper-wrapper{width:85%}}.header-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1.2rem}.title{margin-bottom:2.5rem}.title h1{font-size:2rem}.card{display:flex;flex-direction:column;margin-top:.3rem;margin-right:1rem}.card-image{display:flex;flex-direction:column;position:relative}.card-image img{height:14rem;width:9.5rem;border-radius:10px 10px 0 0}.card-rating{position:absolute;bottom:-30px;left:0}.card-title{font-weight:700}.card-date{font-size:.8rem;font-weight:600}.rating-container{position:relative;display:flex;align-items:center;justify-content:center}svg{transform:rotate(-90deg)}.inner-circle{stroke-dasharray:100;stroke-linecap:round;color:#f3baaf}.percent{position:absolute;font-size:1rem;font-weight:800;color:#fff}.percent sup{font-size:.5rem}.trend-container{display:flex;margin-right:1rem;overflow-x:scroll;scrollbar-width:thin}.trend-container::-webkit-scrollbar{width:5px;height:5px;background-color:#e3e2e9}.trend-container::-webkit-scrollbar-thumb{background-color:#c8c6d2;border-radius:.5rem;width:.1rem}.trend-container::-webkit-scrollbar-thumb:hover{border-color:#c8c6d2}.spinner{margin:0 auto;width:56px;height:56px;border-radius:50%;background:radial-gradient(farthest-side,#474bff 94%,#0000) top/9px 9px no-repeat,conic-gradient(#0000 30%,#474bff);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);animation:spinner-c7wet2 1s infinite linear}@keyframes spinner-c7wet2{to{transform:rotate(1turn)}}.container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.popular{width:95%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1rem}@media screen and (min-with:750px){.popular{width:80%}}.popular-title{font-size:1.2rem;font-weight:800}.popular-container{width:82%;margin:1.2rem}.popular-header{display:flex;gap:1rem}.popular-header ul{display:flex;border:1px solid gray;border-radius:1.9rem}.popular-header li{padding:.2rem 2rem;transition:ease}.popular-header li:hover{cursor:pointer}.active-media{background-color:#0ff;border-radius:1.9rem}.movie-page-header{width:100%;display:flex;justify-content:center;background-size:cover;background-repeat:no-repeat;color:#fff}.movie-header-container{width:80%;display:flex;margin:2rem 3rem;word-break:break-all}.movie-poster-image{margin:0 1.5rem;border-radius:15px}.movie-details{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap}.movie-title{font-weight:800;color:#fff}.movie-overview{word-break:keep-all}.movie-rating{display:flex;justify-items:center}.user-score{align-self:center;font-weight:700}.movie-header-actions{display:flex}.fav-icon{background:rgba(3,37,65,1);padding:.3rem;width:25px;height:25px;border-radius:50%;display:flex;justify-content:center;align-items:center;transform:translate(360)}.fav-icon svg{transform:rotate(0)}.movie-extras{display:grid;grid-template-columns:4fr 1fr;gap:10px;margin-top:.7rem}.movie-cast{margin-top:.7rem;overflow:hidden;display:flex;justify-content:end}.movie-cast-container{width:80%;position:relative}.movie-cast-title{margin:0 .5rem 1.5rem;font-weight:700;font-size:1.5rem}.movie-sidebar{margin-top:.7rem;background-color:#fff;display:flex;flex-direction:column;gap:1.5rem}.shadow{content:"";width:60px;height:100%;position:absolute;top:0;right:0;background-image:linear-gradient(to right,rgba(255,255,255,0) 0%,#fff 100%);will-change:opacity;pointer-events:none}.social-icons{display:grid;grid-template-columns:max-content max-content max-content max-content;gap:.8rem}.movie-status-title,.movie-language-title,.movie-budget-title,.movie-revenue-title{font-weight:700}.similar-movies-container{width:65%;margin-right:2rem}.similar-movies{margin-top:.7rem;display:flex;flex-direction:column;align-items:center}.similar-movies-title{margin:.7rem 0}@media screen and (max-width:840px){.movie-header-container{display:flex;flex-direction:column}.movie-details{width:100%}.movie-poster-image{margin:0 auto}.movie-extras{grid-template-columns:1fr}.movie-cast-container{width:90%;margin-right:2rem}.movie-sidebar{margin-left:4rem;background-color:#fff;display:flex;flex-direction:column;gap:1.5rem}.status-container{display:flex;gap:1rem}}@media screen and (max-width:430px){.movie-header-actions{flex-direction:column;margin-bottom:.5rem;font-weight:800}.movie-sidebar{flex-direction:column;margin:2rem}.status-container{flex-direction:column}}.people-container{display:flex;margin-right:1rem;overflow-x:scroll;scrollbar-width:thin}.people-container::-webkit-scrollbar{width:5px;height:5px;background-color:#e3e2e9}.people-container::-webkit-scrollbar-thumb{background-color:#c8c6d2;border-radius:.5rem;width:.1rem}.people-container::-webkit-scrollbar-thumb:hover{border-color:#c8c6d2}.person-card{box-shadow:0 4px 8px #0003;transition:.3s;margin-right:1rem;margin-left:1rem;margin-bottom:1rem;border-radius:10px}.person-card:hover{box-shadow:0 8px 16px #0003}.person-card-image img{border-radius:10px 10px 0 0}.person-card-body{height:4rem}.person-card-body{padding:.2rem .5rem}.search-result{border-radius:10px}.search-result-container{display:grid;grid-template-columns:1fr 4fr;width:80%;gap:1rem;margin:1rem auto}.search-result-main{box-shadow:0 2px 8px #0000001a;height:200px}.search-result-sidebar{border-radius:13px 13px 0 0}.search-result-sidebar-header{display:flex;align-items:center;padding:1.5rem 1rem;font-weight:700;background-color:#17bbe8;border-radius:inherit;color:#fff}.search-results-groups{padding:1rem 0;display:flex;flex-direction:column;gap:.5rem}.search-results-groups li{display:flex;justify-content:space-between;padding:.5rem;cursor:pointer}.search-results-groups li:hover{background-color:#00000014}.search-results-groups li span{padding:0 .7rem;border-radius:5px;background-color:#00000014;font-weight:600}.search-result-card{display:flex;gap:1rem;height:200px}.search-res-body{display:flex;flex-direction:column;justify-content:center}.search-body-overview{padding:0 .5rem;overflow:hidden}.search-body-title{font-weight:700}.search-body-date{white-space:nowrap;color:#999}.search-res-img img{border-radius:10px 0 0 10px}.isActive-search{background-color:#00000014}.pagination-container{display:flex;gap:.5rem;padding:.5rem;background-color:#0a99af;width:fit-content;justify-content:space-evenly;font-weight:700}.pagination-container li{padding:0 .5rem;color:#fff}.active{border-radius:50%;background-color:gray}.not-found-text{text-align:center;font-weight:700;font-size:2rem;line-height:2rem}img.not-found-img{width:"50%";height:"50%"}@media screen and (max-width: 840px){.search-result-container{grid-template-columns:1fr;width:95%}.search-result-main{display:flex;flex-direction:column}.search-body-overview{height:73%}.not-found-img{width:"90%";height:"90%"}.not-found-text{text-align:center;font-weight:600;font-size:1.5rem;line-height:2rem}}.fav-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;margin-top:2rem;margin:1rem}.no-fav{line-height:2rem;text-align:center}.fav-media-main{box-shadow:0 2px 8px #0000001a;height:100%;width:70%}.fav-media-card{display:flex;align-items:center;gap:1rem}.search-result-main-container{display:flex;flex-direction:column;gap:1rem}.fav-media-body{display:flex;flex-direction:column;justify-content:center}.fav-media-body-overview{margin-top:1rem;padding:0 .5rem;overflow:hidden}.fav-media-body-title{font-weight:700}.fav-media-body-date{white-space:nowrap;color:#999}.fav-media-img img{border-radius:10px 0 0 10px}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{padding:0;margin:0}html{scroll-behavior:smooth}li{list-style:none}a{text-decoration:none;cursor:pointer}