body,html,ul{font-family:sans-serif;list-style:none;margin:0;overflow-x:hidden;padding:0}body{background:#161616}a{color:#d9d9d9;text-decoration:none}a.active{color:red}.nav{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(0deg,hsla(0,0%,100%,0),rgba(0,0,0,.559));color:#d9d9d9;display:flex;gap:1rem;justify-content:space-around;position:fixed;top:0;width:100%;z-index:5}.nav-black{background:#000}.nav ul{align-items:center;display:flex;gap:1.5rem;padding:1rem;width:85%}@media screen and (max-width:599px){.nav ul{gap:0}}.nav ul img{height:45px;margin-right:1rem}@media screen and (max-width:600px){.nav ul img{display:none}}.nav ul .logo-min{display:none}@media screen and (max-width:600px){.nav ul .logo-min{display:block}}.nav ul li{display:flex}@media screen and (max-width:600px){.nav ul li{display:none}}.nav ul .responsive-item{display:none}@media screen and (max-width:600px){.nav ul .responsive-item{display:flex}}.nav i{align-items:center;display:flex;font-size:20px}.nav .responsive-list{background:rgba(0,0,0,.674);display:flex;flex-direction:column;height:auto;justify-content:space-around;max-width:250px;min-height:120px;position:absolute;top:5rem}.nav .responsive-list-item{color:#d9d9d9;display:flex;flex-direction:column}.nav .opened-search-bar{align-items:center;background:#000;border:1px solid #fff;display:flex;flex-direction:row-reverse;height:25px;justify-content:space-around;padding:5px;transition:.7s;width:30%}.nav .opened-search-bar input{background:#000;border:none;color:#fff;height:25px;padding:0;width:80%}.nav .opened-search-bar input:focus{border:none;outline:none}.nav img{border-radius:5px;height:40px}.header{align-items:center;display:flex;height:100vh;overflow-x:hidden}.banner-infos-container{color:#fff;display:flex;flex-direction:column;height:60%;justify-content:center;padding:3rem;width:50%}.banner-infos-container .btn-container{display:flex;flex-wrap:wrap;gap:1rem}.top-ten-container{color:#fff;display:flex;gap:1rem;height:150px;overflow-x:scroll;overflow-y:hidden;padding:3rem 3rem 0;position:relative}@media screen and (max-width:780px){.top-ten-container{height:200px;width:100%}}@media screen and (max-width:600px){.top-ten-container{padding-left:.5rem}}.top-ten-container h2{position:absolute;top:-10px}@media screen and (max-width:600px){.top-ten-container h2{font-size:16px;top:0}}.top-ten-container::-webkit-scrollbar{height:10px;padding:15px}.top-ten-container::-webkit-scrollbar-track{background:#161616;margin-left:3rem}@media screen and (max-width:600px){.top-ten-container::-webkit-scrollbar-track{margin-left:.5rem}}.top-ten-container::-webkit-scrollbar-thumb{background:#000;background-clip:content-box;border-radius:8px;height:8px}.top-ten-card{cursor:pointer;display:flex;height:95%;overflow-x:visible;width:100%}.top-ten-card img{aspect-ratio:16/9;border-radius:5px;height:96%;object-fit:cover}.top-ten-card:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.quick-view{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;height:100vh;justify-content:center;position:fixed;top:100px;width:100vw;z-index:6}.quick-view-container{background:#161616;height:80vh;width:80vw}.quick-view-container-infos{display:grid;grid-template-columns:60% 40%;height:40%}@media screen and (max-width:900px){.quick-view-container-infos{grid-template-columns:1fr}}.quick-view-container-img{height:60%;position:relative}.quick-view-container-img img{height:100%;object-fit:cover;width:100%}.quick-view-container-img .quick-view-btn,.quick-view-container-img h1{left:5%;position:absolute}.quick-view-container-img h1{color:#fff;top:50%}.quick-view-container-img .quick-view-btn{display:flex;gap:1rem;top:70%}@media screen and (max-width:500px){.quick-view-container-img .quick-view-btn{flex-wrap:wrap;top:60%}}.quick-view-container-img i.fa-solid.fa-xmark{align-items:center;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:30px;height:45px;justify-content:center;position:absolute;right:10px;top:10px;width:45px}.quick-view-container-img i.fa-solid.fa-xmark:hover{cursor:pointer;-webkit-filter:brightness(.5);filter:brightness(.5)}.quick-view-infos-left{display:flex;flex-direction:column;overflow:scroll;overflow-x:hidden;overflow-y:visible}.quick-view-infos-left::-webkit-scrollbar{height:10px;padding:15px}.quick-view-infos-left::-webkit-scrollbar-track{background:#161616;margin-left:3rem}.quick-view-infos-left::-webkit-scrollbar-thumb{background:#000;background-clip:content-box;border-radius:8px;height:8px}.quick-view-infos-left-head{align-items:center;color:#fff;display:flex;gap:2rem;height:20%;margin-left:8%;width:92%}.quick-view-infos-left-head .media-type{border:1px solid #fff;padding:5px}.quick-view-infos-left-main{color:#fff;margin-left:8%}.quick-view-infos-left-main p{max-width:90%;overflow:ellipsis}@media screen and (max-width:900px){.quick-view-right{display:none}}.quick-view-right p{align-items:center;color:#6b6b6b;display:flex;font-weight:700;gap:.5rem}.quick-view-right p i{font-size:25px}.quick-view-right p .fa-sharp.fa-solid.fa-xmark{color:red}.quick-view-right p .fa-sharp.fa-solid.fa-check{color:green}.quick-view-right-genre{align-items:center;display:flex;gap:1rem}.quick-view-right-genre ul{display:flex;flex-wrap:wrap;gap:1rem}.quick-view-right-genre ul li{border:1px solid #6a6a6a;color:#fff;padding:3px}.footer{display:flex;justify-content:center;margin-top:5rem;min-height:25vh;width:100%}.footer-content{display:flex;flex-direction:column;height:100%;width:70%}.footer-content p{border:1px solid grey;color:grey;font-size:13px;margin-top:1.5rem;padding:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer-content span{color:grey;font-size:7px;margin-bottom:1.5rem;margin-top:1.5rem}.footer-top{color:#fff;display:flex;font-size:25px;gap:2rem}.footer-list{display:grid;grid-template-columns:25% 25% 25% 25%;margin-top:1.5rem}@media screen and (max-width:780px){.footer-list{grid-template-columns:50% 50%}}.footer-list ul{color:grey;display:flex;flex-direction:column;font-size:13px;gap:1rem}.footer-list ul li{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer-list ul li:hover{border-bottom:1px solid grey;cursor:pointer}.search-result{display:flex;flex-wrap:wrap;gap:1rem;height:auto;justify-content:center;margin-top:15vh}.search-result-card{height:300px;width:200px}.search-result-card img{border-radius:8px;height:100%;object-fit:cover;width:100%}.search-result-card img:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.favorites{color:#fff;margin-left:40px;margin-top:15vh}.favorites-card{align-items:flex-end;display:flex;height:300px;position:relative;width:200px}.favorites-card i.fa-solid.fa-trash{display:none}.favorites-card i.fa-solid.fa-trash:hover{align-items:center;background:#d50909;border-radius:0 0 8px 8px;cursor:pointer;display:flex;height:12%;justify-content:center;position:absolute;width:100%}.favorites-card img{border-radius:8px;cursor:pointer;height:100%;object-fit:cover;width:100%}.favorites-card img:hover+i.fa-solid.fa-trash{align-items:center;-webkit-animation:slide-in-bottom .5s forwards;animation:slide-in-bottom .5s forwards;background:#d50909;border-radius:0 0 8px 8px;cursor:pointer;display:flex;height:12%;justify-content:center;position:absolute;transition:.5s;width:100%}@-webkit-keyframes slide-in-bottom{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in-bottom{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.favorites-cards-container{display:flex;flex-wrap:wrap;gap:.5rem}.play-btn{background:#fff;border:none;border-radius:5px;color:#000;font-size:20px;font-weight:700;height:55px;min-width:140px;width:170px}.play-btn:hover{cursor:pointer;-webkit-filter:brightness(.5);filter:brightness(.5)}.infos-btn{background:hsla(0,8%,46%,.519);border:none;border-radius:5px;color:#fff;font-size:20px;font-weight:700;height:55px;min-width:140px;width:220px}.infos-btn:hover{cursor:pointer;-webkit-filter:brightness(.5);filter:brightness(.5)}.circle-btn{background:hsla(0,8%,46%,.519);border:1px solid #d9d9d9;border-radius:50%;color:#fff;font-size:25px;height:55px;width:55px}.circle-btn:hover{cursor:pointer;-webkit-filter:brightness(.5);filter:brightness(.5)}
/*# sourceMappingURL=main.351ec7f1.css.map*/