@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,100;1,400&display=swap);.movies-slide:not(:last-child){margin-bottom:1.5rem}.slide{display:flex;gap:2rem;height:340px;overflow-y:hidden}.slide__score{position:absolute;right:1%;top:88%}.slide__item{height:240px;margin-top:2rem;position:relative;width:160px}.slide__item.skeleton{min-height:240px;min-width:160px}.slide__item.skeleton,.slide__item.skeleton h3{-webkit-animation:skeleton 1s linear infinite;animation:skeleton 1s linear infinite;background-image:linear-gradient(100deg,#d8d9da 40%,#dadcdc 50%,#d8d9da 60%);background-position-x:180%;background-size:200% 100%;border-radius:10px}.slide__item.skeleton h3{height:12px;margin-top:2rem;width:100%}.slide__item h3{font-size:1.4rem;line-height:2rem;padding-top:1.5rem}.slide__item.skeleton>p{-webkit-animation:skeleton 1s linear infinite;animation:skeleton 1s linear infinite;background-image:linear-gradient(100deg,#d8d9da 40%,#dadcdc 50%,#d8d9da 60%);background-position-x:180%;background-size:200% 100%;border-radius:10px;height:8px;margin-top:.6rem;width:60%}.slide__item>p{color:#5e5e5e;font-size:1rem}.slide__movie-cover{border-radius:10px;cursor:pointer;height:100%}.slide__movie-cover.skeleton{border-radius:10px;cursor:pointer;min-height:100%;opacity:0}.rate__score{height:50px;-webkit-transform:scale(.9);transform:scale(.9);width:50px}.rate__score--percent{color:#fff;font-size:1.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.rate__score--circle{background-color:rgba(0,0,0,.9);border-radius:100%;height:inherit;width:inherit}.rate__score--circle circle{fill:none;stroke-width:4;stroke-dasharray:125;-webkit-transform:translate(5px,5px);transform:translate(5px,5px)}.rate__score--circle circle:first-child{stroke:hsla(0,0%,100%,.25)}.rate__score--circle circle:nth-child(2){stroke-linecap:round}.hero{background-image:linear-gradient(180deg,#283d77,rgba(40,61,119,.003)),url(/static/media/mv.d7aa9df0506c4eebe4bf.jpg);background-repeat:no-repeat;background-size:cover;height:450px}.hero__text{left:50%;position:absolute;text-align:center;top:20%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hero__text h1{color:#fff;font-size:6rem;font-weight:600;padding:.5rem 0}.hero__text p{color:#fff;font-size:1.8rem;letter-spacing:.025em}.hero__search{bottom:30%;left:50%;max-width:700px;padding:0 4em;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}@media (min-width:768px){.hero__search{width:70%}}.search-form{border-radius:100px;box-shadow:0 0 14px rgba(0,0,0,.25);height:60px;overflow:hidden;position:relative}.search-form input{border:none;border-radius:100px;color:#272727;font-family:inherit;font-size:2rem;height:inherit;padding:0 4rem;width:100%}.search-form input::-webkit-input-placeholder{color:var(--gray);font-style:italic}.search-form input:-ms-input-placeholder{color:var(--gray);font-style:italic}.search-form input::placeholder{color:var(--gray);font-style:italic}.search-form input:focus{outline:none}.search-form button{align-items:center;background-image:linear-gradient(90deg,#283d77,#8c7ae6);border:none;border-radius:100px;color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:700;gap:.5em;height:inherit;outline:none;padding:0 3rem;position:absolute;right:0;top:0}.search-form button p{display:none;visibility:hidden}@media (min-width:768px){.search-form button p{color:#ffffffd6;display:block;visibility:visible}}.bookmark-container{fill:#fff;position:relative}.bookmark span{align-items:center;background-color:#ec5353;border-radius:100%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;position:absolute;right:-10px;top:-10px;width:20px}.bookmark svg{fill:#fff;cursor:pointer;font-size:2.5rem}.bookmark-collapse{--width:100%;background-color:#fff;box-shadow:0 0 40px rgba(0,0,0,.125);display:none;left:0;max-height:70vh;min-width:var(--width);overflow-y:auto;padding:2rem 3rem;position:fixed;visibility:hidden;z-index:1000}@media (min-width:768px){.bookmark-collapse{--width:400px;border-radius:5px;left:calc(var(--width)*-1);position:absolute}}.bookmark-collapse.show{display:flex;flex-direction:column;gap:1rem;visibility:visible}.bookmark-mv-cover{border-radius:5px;cursor:pointer;height:110px}.bookmark-collapse ul li{cursor:pointer;display:flex;gap:1rem;padding:1.5rem 0}.bookmark-collapse ul li.no-bookmark{align-items:center;color:#b4b4b4;font-size:2rem;justify-content:center}.bookmark-collapse ul li:not(:last-child){border-bottom:1px solid #ddd}.bookmark-detail{position:relative;width:100%}.bookmark-detail a,.bookmark-detail a:link,.bookmark-detail a:visited{color:#222;display:block;font-size:1.5rem;font-weight:300;margin-bottom:.8rem;text-decoration:none;transition:all .25s}.bookmark-detail a:hover{color:var(--cl-secondary)}.bookmark-detail p{font-size:1.2rem}.bookmark-detail span{background-color:#ffb8b8;border:1px solid #e59797;border-radius:2px;bottom:0;color:#680808;padding:4px 8px;position:absolute;right:0}.bookmark-btn-clear{background-color:var(--cl-primary);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;letter-spacing:.07em;padding:1rem 0}@media (min-width:768px){.bookmark-collapse{max-width:500px}}nav{background-color:#283d77;height:var(--navbar-height);width:100%}nav ul{list-style:none}.navbar{align-items:center;display:flex;height:inherit}.nav{display:inline-flex;flex:2 1;font-size:1.5rem;list-style:none;margin-left:4rem}.nav li{color:#fff;cursor:pointer;padding:0 .8rem}.nav li a{color:#fff;font-size:1.8rem;font-weight:600;letter-spacing:.07em;text-transform:capitalize}footer{background-color:var(--cl-primary);height:250px;width:100%}footer .container{padding:2rem}footer .footer{display:flex;height:90%;margin:0 auto;width:clamp(200px,100%,600px)}footer .footer .brand-name{flex:1 1}footer .footer ul{flex:3 1;list-style:none;margin-left:5rem}footer .footer ul li{line-height:30px}footer .brand-container{align-items:center;display:flex;flex-direction:column}footer .brand-container a{font-size:3rem;padding:.4em 0}footer .copyright{color:#dddd;font-size:1.1rem;text-align:center}.movie-header{background-image:linear-gradient(180deg,#283d77,rgba(40,61,119,.7));background-repeat:no-repeat;background-size:cover;height:calc(100vh - var(--navbar-height));padding-top:10rem;position:relative}.movie__poster{border-radius:10px;overflow:hidden;width:50%}.movie__detail{color:#fff;margin-top:2rem;width:100%}.movie__poster img{height:100%;width:100%}.movie-header .col-1-2{display:block;height:30%}.movie-header .col-1-2:last-child{display:block;height:70%}.movie__title{fill:#fff;font-size:4rem}.movie__title svg{cursor:pointer;font-size:3rem;margin-left:2rem}.movie__year{font-weight:300}.movie__info{align-items:center;display:flex;font-size:1.2rem;margin:1.5rem 0}.movie__info>p{font-size:1.4rem;padding:0 1rem}.movie__info ul{display:flex;list-style:none;margin-left:1.2rem}.movie__info ul li:first-child{list-style:square}.movie__info li{font-size:var(--font-0);padding:0 .5em}.movie__overview{font-size:var(--font-0);line-height:26px}.movie__overview h4{font-size:var(--font-1);line-height:3rem}.movie__poster.skeleton{position:relative}.movie__poster.skeleton .skeleton-image{-webkit-animation:skeleton 1s linear infinite;animation:skeleton 1s linear infinite}.movie__title.skeleton{--size:25px}.movie__info.skeleton>p,.movie__title.skeleton{-webkit-animation:skeleton 1s linear infinite;animation:skeleton 1s linear infinite;background-image:linear-gradient(100deg,#d8d9da 40%,#dadcdc 50%,#d8d9da 60%);background-position-x:180%;background-size:200% 100%;border-radius:var(--size);height:var(--size);width:70%}.movie__info.skeleton>p{--size:15px;margin:.7rem 0;width:40%}.movie__info.skeleton div{margin-right:.5rem}.movie__overview.skeleton h4{--size:20px;width:70%;width:45%}.movie__overview.skeleton h4,.movie__overview.skeleton p{-webkit-animation:skeleton 1s linear infinite;animation:skeleton 1s linear infinite;background-image:linear-gradient(100deg,#d8d9da 40%,#dadcdc 50%,#d8d9da 60%);background-position-x:180%;background-size:200% 100%;border-radius:var(--size);height:var(--size)}.movie__overview.skeleton p{--size:15px;margin:.7rem 0;width:70%;width:100%}@media (min-width:900px){.movie__detail{width:500px}}@media (min-width:768px){.movie-header{height:800px}.movie__poster{height:400px;width:270px}.movie-header .col-1-2{flex:0 1}.movie-header .col-1-2:last-child{align-items:center;display:flex;flex:1 1;margin-left:4rem;margin-right:auto}.movie__poster.skeleton .skeleton-image{--size:25px;-webkit-animation:skeleton 1s linear infinite;animation:skeleton 1s linear infinite;background-image:linear-gradient(100deg,#d8d9da 40%,#dadcdc 50%,#d8d9da 60%);background-position-x:180%;background-size:200% 100%;border-radius:var(--size);height:var(--size);height:100%;width:100%}}#cast{margin:2rem auto}.cast{display:flex;gap:.8rem;height:300px;margin-top:2rem;overflow-y:hidden}.cast__item{border-radius:10px;box-shadow:0 0 14px rgba(0,0,0,.125);height:280px;text-align:center;width:140px}.cast__item img{border-radius:5px;height:200px;width:140px}.cast__item h2{font-size:1.5rem;font-weight:300;line-height:30px}.cast__item p{font-size:1.2rem;font-weight:300}.search-form-container{margin:3rem auto;max-width:600px}.search{gap:6rem}.search__results{display:block}.search__item{display:flex;flex-direction:column;gap:4rem;margin-bottom:2rem}@media (min-width:768px){.search__item{flex-direction:row}}.search__item-info{align-self:self-start;background-color:#fff;border-radius:4px;flex:1 1;padding:3rem}.search__item-title{cursor:pointer;font-size:var(--font-1);line-height:2.5rem}.search__item-date{color:#858383;font-size:var(--font--1);line-height:3rem}.search__item-overview{font-size:var(--font-0)}.search__item-image{border-radius:10px;cursor:pointer;height:220px;object-fit:cover;width:180px}.pagination{display:flex;font-size:1.5rem;gap:1rem;list-style:none;margin:4rem 0;width:100%}.pagination .pagination__button{background-color:hsla(0,0%,71%,.34);border-radius:10px;color:#505050;cursor:pointer;font-weight:700;padding:1rem 2rem}.pagination .pagination__button.active{background-color:var(--cl-primary);color:#fff}.loading{-webkit-animation:loading .75s linear infinite alternate;animation:loading .75s linear infinite alternate;color:#828282;display:grid;font-size:4rem;font-weight:700;height:30vh;opacity:.75;place-items:center;width:100%}@-webkit-keyframes loading{0%{color:#828282}to{color:#ccc}}@keyframes loading{0%{color:#828282}to{color:#ccc}}.search__filter-container{margin-bottom:2rem}.search__filter{background-color:#fff;border-radius:5px}.search__filter h3{color:var(--cl-primary);font-size:var(--font-2);letter-spacing:.05em;line-height:1.2em;padding:1em 0;text-align:center}.search__filter ul{display:flex;font-size:1.5rem;justify-content:space-between;list-style:none;width:100%}.search__filter ul li{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:5px;padding:1rem 2rem;position:relative}.search__filter ul li span{background-color:#fff;border-radius:100%;display:grid;font-size:1.2rem;height:24px;place-items:center;width:24px}.search__filter ul li.active{background-color:var(--cl-primary);color:#fff}.search__filter ul li.active span{color:var(--cl-primary)}@media (min-width:768px){.search__filter-container{flex-basis:120px}.search__filter ul{flex-direction:column}.search__filter ul li{flex-direction:row;justify-content:space-between;padding:2rem}.search__filter{position:relative;z-index:10}}.about{padding:8rem 0}.about h1{color:rgba(44,42,42,.933);font-size:3rem;line-height:1.8em}.box{background-color:#fff;margin:0 auto;max-width:800px;padding:6rem}p{font-size:1.6rem;letter-spacing:.04em;line-height:1.6em;padding:.5em 0}*,:after,:before{box-sizing:border-box;font-family:Lato,sans-serif;margin:0;padding:0}:root{--max-width:1440px;--cl-primary:#283d77;--cl-secondary:#33ace1;--navbar-height:70px;--gray:grey;--font--2:clamp(0.84rem,calc(0.93rem - 0.1vw),0.91rem);--font--1:clamp(1.09rem,calc(1.08rem + 0.04vw),1.13rem);--font-0:clamp(1.31rem,calc(1.26rem + 0.27vw),1.5rem);--font-1:clamp(1.58rem,calc(1.45rem + 0.61vw),2rem);--font-2:clamp(1.89rem,calc(1.67rem + 1.11vw),2.67rem);--font-3:clamp(2.27rem,calc(1.9rem + 1.84vw),3.55rem);--font-4:clamp(2.72rem,calc(2.15rem + 2.88vw),4.74rem);--font-5:clamp(3.27rem,calc(2.39rem + 4.35vw),6.31rem)}body,html{background-color:#edf3f7;font-family:Lato,sans-serif;font-size:62.5%}main{margin:0 auto;max-width:1440px;max-width:var(--max-width);padding:4rem 0}section{display:block}a:link,a:visited{color:#fff;font-size:1.8rem;text-decoration:none}.container{height:100%;margin:0 auto;max-width:1440px;max-width:var(--max-width);padding:0 2rem;position:relative}@media (min-width:768px){.container{padding:0 4rem}}.row{display:block;max-width:1440px;max-width:var(--max-width)}.brand-name,.brand-name:link,.brand-name:visited{color:#fff;font-size:3rem;margin-right:auto;text-decoration:none}@media (min-width:768px){.row{display:flex;flex-wrap:nowrap;margin:0 auto}.col-1-2{flex:1 1}.col-1-2.col-lg{flex:2 1}.col-1-2.col-xlg{flex:3 1}}.heading-text{font-size:2rem;letter-spacing:1.5px;line-height:20px;text-transform:capitalize}.heading-text.heading-text--big{font-size:3rem}.btn{border:none;border-radius:10px;font-size:1.2rem;padding:.8rem 2rem}.slide::-webkit-scrollbar{border:2px solid transparent;height:6px;width:6px}.slide::-webkit-scrollbar-thumb{background-color:#d4d4d4;border-radius:10px;outline:1px solid #c2c2c2}.rating-skeleton{-webkit-animation:skeleton 1s linear infinite;animation:skeleton 1s linear infinite;background-image:linear-gradient(100deg,#d8d9da 40%,#dadcdc 50%,#d8d9da 60%);background-position-x:180%;background-size:200% 100%;border-radius:100%;height:50px;width:50px}@-webkit-keyframes skeleton{to{background-position-x:-20%}}@keyframes skeleton{to{background-position-x:-20%}}
/*# sourceMappingURL=main.a08876e9.css.map*/