*{box-sizing:border-box;padding:0;margin:0;font-family:Roboto,Arial,Helvetica,sans-serif;letter-spacing:2px}input{box-shadow:none;border:1px solid #000;background:transparent}.container{display:flex;flex-direction:column;align-items:center;width:100%;overflow-x:hidden}.container .navBg{position:relative;z-index:5;width:100%;box-shadow:0 3px 30px 0 rgba(0,0,0,5%)}.navBg .navbar{width:1320px;margin:0 auto;padding:0 1.125em;height:102px;align-items:center;box-sizing:border-box}.navbar .menu,.navBg .navbar{display:flex;justify-content:space-between}.navbar .menu{list-style:none;grid-gap:4em;gap:4em}.navbar .menu a{color:#505050;font-weight:300}.navbar .menu a,.navbar .menu a.active{font-size:18px;letter-spacing:1.5px;text-decoration:none}.navbar .menu a.active{color:#000;font-weight:400}.navbar .logo{color:#000;font-size:2.25em;cursor:pointer;font-weight:500}.separator{height:102px;width:100vw;background-color:#f3f3f4;z-index:-2}.layer{position:fixed;height:100%;width:100%;background-color:rgba(54,54,54,.25882352941176473);z-index:5}.search-box{position:relative;z-index:123;border:1px solid #eaeaea;height:72px;width:620px;border-radius:10px;top:-36px;background-color:#fff;box-shadow:0 .25em 40px 1px rgba(0,0,0,12%);font-size:18px;letter-spacing:1.1px;padding:0 26px;margin-bottom:30px}.search-box:focus{outline:unset;border:2px solid #00a0fb}.fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.fallback img.Error{width:500px;height:auto}.fallback a.attribution{position:absolute;bottom:90px;font-size:12px;color:#acacac;text-decoration:none;text-align:center}.search-preview{box-shadow:0 4px 21px 0 rgba(0,0,0,13%);z-index:8;opacity:0;transition:opacity .2s ease;transition:.5;z-index:-1}.search-preview,.search-preview.show{position:absolute;width:620px;border:1px solid #eaeaea;display:flex;flex-direction:column;border-radius:10px;top:272px}.search-preview.show{transition:.5s;z-index:8;box-shadow:0 10px 40px 2px rgba(49,145,255,.35);background-color:#fff;opacity:1;transition:opacity .2s ease;justify-content:space-between}.search-preview.show .cta:hover{background-color:rgba(0,160,251,10%)}.search-preview .cta h4{padding:26px 26px 26px 22px;font-size:18px;font-weight:400;text-decoration:underline;color:#5fc4ff;letter-spacing:2px;cursor:pointer;z-index:8}.search-preview li{list-style:none}.search-preview .cta h4:hover{color:#00a0fb}.search-preview .movie-card{display:flex;padding:16px;position:relative;grid-gap:16px;gap:16px;border-bottom:1px solid #eaeaea}.search-preview .movie-card:hover{background-color:rgba(0,160,251,10%);border-bottom:1px solid rgba(0,160,251,10%)}.search-preview .movie-card .card-layer{position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer;z-index:4}.search-preview .movie-card .poster{width:92px;height:128px;border-radius:4px;z-index:5;cursor:pointer}.search-preview .movie-card .detail{display:flex;flex-direction:column;justify-content:space-between}.search-preview .movie-card .movie-title{font-size:18px;font-weight:400;color:#000;text-decoration:none;cursor:pointer}.search-preview .detail p{font-size:16px;font-weight:300}.search-preview .detail .sec1,.search-preview .detail p,.search-preview .movie-card .movie-title{z-index:999;width:-webkit-max-content;width:max-content}.search-preview .detail .sec1{cursor:pointer}.search-preview .detail .sec1 p{cursor:text}.search-preview .detail p .rating{font-weight:400}.search-results-details{display:flex;align-items:center;flex-direction:column;max-width:520px;text-align:center;margin-bottom:60px;grid-gap:8px;gap:8px}.search-results-details .title{font-size:40px;font-weight:450}.search-results-details p{color:#6d6d6d;font-weight:300;line-height:1.6}.search-results-details span{font-weight:700}.movies-list{background-color:#fff;width:1320px;border-radius:10px;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fit,280px);grid-template-rows:repeat(auto-fit,460px);grid-row-gap:56px;grid-column-gap:20px;justify-content:space-between;align-content:space-between;padding:0 18px}.movies-list .movie{display:flex;position:relative;flex-direction:column;align-items:center;text-align:center;width:100%;height:460px;grid-gap:16px;gap:16px}.movies-list .movie .card-layer{position:absolute;width:100%;height:100%;cursor:pointer;border-radius:8px}.movies-list .movie .poster{width:100%;height:400px;border-radius:8px;z-index:2;cursor:pointer}.movies-list .movie .poster.error{border-radius:8px;z-index:2;cursor:pointer;background-color:#e5e5e5;display:flex;flex-direction:column;justify-content:center;grid-gap:10px;gap:10px;align-items:center}.movies-list .movie .poster.error .poster{max-height:160px;max-width:181px}.movies-list .movie .poster.error a.attribution{font-size:11px;top:290px;font-weight:300;color:#505050;text-decoration:none;text-align:center}.movies-list .movie .title{font-size:18px;font-weight:400;margin:0;z-index:2;cursor:pointer}.pagination{display:flex;grid-gap:12px;gap:12px}.pagination .btn-pagination{text-decoration:none;padding:18px;font-weight:400;font-size:18px;color:#fff;background-color:#00a0fb;border:1px solid #00a0fb;border-radius:4px;cursor:pointer}.pagination .btn-pagination.active{cursor:unset}.pagination .btn-pagination.active,.pagination .btn-pagination.active:hover{color:#00a0fb;border:1px solid #00a0fb;background-color:#fff}.pagination .btn-pagination:hover{opacity:.8}.dropdown-pagination{display:flex;grid-gap:8px;gap:8px;letter-spacing:normal;align-items:center}.dropdown-pagination .dropdown{padding:16px;font-size:16px;background-color:#fff;border-radius:4px;border:1px solid #b1b0b0;cursor:pointer}.dropdown-pagination .dropdown:hover{box-shadow:0 4px 21px 0 rgba(0,0,0,13%)}#portal{position:fixed;width:100%;height:100%;top:0;overflow-y:hidden}.modal-movie{position:relative;opacity:0;width:0;height:0;transition:opacity .2s ease}.modal-movie.visible{width:100%;height:100%;z-index:55555;background-color:rgba(0,0,0,.719);opacity:1;transition:opacity .2s ease}.modal-movie .modal-content{padding:0 32px 32px;position:relative;width:100%;height:100%;left:0;z-index:5555555;overflow-y:scroll;overflow-x:hidden;background-color:#fff;border-top-left-radius:20px;height:calc(100vh - 40px);display:flex;flex-direction:column;grid-gap:32px;gap:32px;align-items:center}.modal-movie .modal-content .title{font-size:36px;font-weight:450;width:1080px;padding-top:32px}.modal-movie .modal-content .content{width:1080px;max-height:620px;min-height:620px}.modal-movie .modal-content .movie-recommandations{width:1080px;display:flex;flex-direction:column;grid-gap:16px;gap:16px}.modal-movie .modal-content .movie-recommandations h3{font-size:24px;font-weight:400;letter-spacing:1.3px}.modal-movie .modal-content .movie-recommandations .movies-list.recommandations{width:1080px;display:grid;grid-template-columns:repeat(auto-fit,234.75px);grid-template-rows:repeat(auto-fit,380px);padding:0;grid-column-gap:0;grid-row-gap:0;text-align:center;justify-content:unset;grid-gap:47px;gap:47px}.modal-movie .modal-content .movie-recommandations .movies-list.recommandations .movie{width:100%;height:100%;justify-self:center;justify-content:space-between}.modal-movie .modal-content .movie-recommandations .movies-list.recommandations .movie .poster{width:100%;height:325px;border-radius:10px}.modal-movie .modal-content .movie-recommandations .movies-list.recommandations .movie .title.recommandations{font-size:18px;font-weight:400;color:#000;width:unset;padding-top:unset}.modal-movie .modal-content .movie-details{width:1080px;display:flex;grid-gap:12px;gap:12px;flex-direction:column}.modal-movie .modal-content p,.modal-movie .modal-content span{color:#676767;letter-spacing:.8px;font-size:18px}.modal-movie .modal-content p{line-height:29.33px}.modal-movie .modal-content .cta{color:#40b9ff;cursor:pointer}.modal-movie .modal-content .cta:hover{color:#00a0fb}.modal-movie .modal-content .key{color:#000}.modal-movie .layer{position:relative;top:0;width:100%;height:40px;cursor:pointer}
/*# sourceMappingURL=main.1714cebf.chunk.css.map */