@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap);body{font-family:Rubik,sans-serif}:root{--yellow-color:#f5f53b}*{bottom:0;box-sizing:border-box;margin:0}::-webkit-scrollbar{background-color:#1b1b1b;width:5px}::-webkit-scrollbar-thumb{background-color:#f5f53b;background-color:var(--yellow-color);border-radius:4px;width:4px}ul{list-style:none}button{cursor:pointer}a{text-decoration:none}.App{display:flex;height:100vh;width:100%}.App .main-data-container{background-color:#2b2b2b;color:#fff;gap:30px;height:100vh;overflow-y:scroll;width:100%}.container-sidebar{align-items:center;background-color:#1b1b1b;box-shadow:0 0 11px 0 #4b4b4b;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px 0;width:50px;z-index:10000}@media (max-width:776px){.container-sidebar{width:35px}}.container-sidebar .fullScreenButton{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;width:50px}.container-sidebar .fullScreenButton button{background-color:var(--yellow-color);border:none;border-radius:5px;box-shadow:inset 0 0;display:flex;font-size:16px;font-weight:700;margin:0;padding:7px}@media (max-width:776px){.container-sidebar .fullScreenButton{width:35px}}.container-sidebar ul{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;padding:0;width:100%}.container-sidebar ul li{border-bottom:1px solid #474747;font-size:22px;height:50px}.container-sidebar ul li,.container-sidebar ul li a{align-items:center;display:flex;justify-content:center;transition:.3s;width:100%}.container-sidebar ul li a{color:#fff;height:100%}.container-sidebar ul li.active,.container-sidebar ul li:hover{background:linear-gradient(0deg,#ffff001f,#0000,#0000,#ffff0017);border-left:2px solid var(--yellow-color)}.container-sidebar .icon{background-color:rgba(255,255,33,.479);border-radius:5px}.container-sidebar .icon img{margin:auto;width:45px}@media (max-width:776px){.container-sidebar .icon img{width:30px}}.switch-side{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:10px;position:absolute;top:70px;z-index:10000}@media(max-width:776px){.switch-side{left:5px}}.container-slider{background-position:50%;background-size:cover;border-radius:10px;color:#fff;height:100vh;transition:.5s}.container-slider .content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%}.container-slider .content,.container-slider .content .Item{background:linear-gradient(90deg,#000000a8,#0000);display:flex;height:100%}.container-slider .content .Item{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 11px 0 #a1a1a183;flex-direction:column;gap:10px;justify-content:space-between;overflow-x:hidden;overflow-y:scroll;width:130px}@media(max-width:776px){.container-slider .content .Item{width:120px}}.container-slider .content .Item .card{border-radius:5px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;transition:.5s}.container-slider .content .Item .card .average{border-radius:50%;height:65px;position:absolute;right:-17px;top:-17px;width:65px}@media(max-width:776px){.container-slider .content .Item .card{align-items:center;display:flex;justify-content:center}}.container-slider .content .Item .card.active{border:1px solid var(--yellow-color)}.container-slider .content .Item .card img{border-radius:5px;height:150px}@media(max-width:776px){.container-slider .content .Item .card img{height:auto;width:75px}}.container-slider .content .info{align-items:center;display:flex;height:100%;justify-content:space-between;padding:20px;width:100%}@media (max-width:776px){.container-slider .content .info{flex-direction:column-reverse;justify-content:center;padding:50px 10px 20px}}.container-slider .content .info .details{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;width:50%}.container-slider .content .info .details>button{align-items:center;background-color:var(--yellow-color);border:none;border-radius:10px;box-shadow:0 0 10px hsla(0,0%,67%,.384);cursor:pointer;display:flex;gap:5px;justify-content:center;padding:5px 10px}.container-slider .content .info .details>button a{color:#000;height:100%;width:100%}@media (max-width:776px){.container-slider .content .info .details{gap:10px;height:100%;justify-content:center;text-align:center;width:100%}}.container-slider .content .info .details h2{color:var(--yellow-color);text-transform:capitalize}@media (max-width:776px){.container-slider .content .info .details h2{font-size:19px}}.container-slider .content .info .details .overview{font-size:20px;line-height:1.2;text-align:center}@media (max-width:776px){.container-slider .content .info .details .overview{font-size:14px;line-height:1.1}}.container-slider .content .info .details .genreNames{align-items:center;display:flex;flex-wrap:wrap;gap:10px}@media (max-width:776px){.container-slider .content .info .details .genreNames{justify-content:center}}.container-slider .content .info .details .genreNames span{background-color:#0000007c;border-radius:10px;padding:5px}@media (max-width:776px){.container-slider .content .info .details .genreNames span{font-size:12px}}.container-slider .content .info .img{height:87%;overflow:hidden;position:relative;width:-webkit-fit-content;width:fit-content;width:-moz-fit-content}@media (max-width:776px){.container-slider .content .info .img{max-height:300px}}.container-slider .content .info .img .average{background-image:linear-gradient(30deg,#0000006b,#fff0);border-radius:50%;height:85px;position:absolute;right:-12px;top:-12px;width:85px}.container-slider .content .info .img img{border:1px solid var(--yellow-color);border-radius:5px;box-shadow:0 0 10px hsla(0,0%,67%,.384);height:100%;transition:.7s}@media (max-width:776px){.container-slider .content .info .img img{height:300px}}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.btn-group{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000063;border:1px solid;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-color:#0000 var(--yellow-color) var(--yellow-color);box-shadow:0 0 11px 0 #a1a1a183;display:flex;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;left:50%;padding:10px 20px;position:absolute;top:0;transform:translate(-50%);width:-webkit-fit-content;width:fit-content;width:-moz-fit-content;z-index:100000}@media(max-width:776px){.btn-group{gap:5px;padding:5px 3px;transform:translate(-60%)}}.btn-group button{background-color:initial;border:1px solid var(--yellow-color);border-radius:5px;color:#fff;padding:5px;transition:.5s}@media(max-width:776px){.btn-group button{text-wrap:nowrap;font-size:10px;font-weight:700}}.btn-group button.active,.btn-group button:hover{background-color:var(--yellow-color);color:#000}.container-switch>span{display:block;margin-bottom:5px;text-align:center}.switch{display:inline-block;height:55px;position:relative;width:27px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#030303;border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:var(--yellow-color);border-radius:50%;bottom:4px;content:"";height:20px;left:4px;width:20px}input:checked+.slider{background-color:#535353}input:focus+.slider{box-shadow:0 0 1px #5f5f5f}input:checked+.slider:before{transform:translateY(-26px)}.pagination-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000063;border:1px solid;border-color:var(--yellow-color) var(--yellow-color) #0000;border-top-left-radius:10px;border-top-right-radius:10px;bottom:0;box-shadow:0 0 11px 0 #a1a1a183;display:flex;gap:10px;justify-content:center;left:50%;padding:10px;position:absolute;transform:translate(-50%);z-index:100000}@media(max-width:776px){.pagination-container{padding:5px 10px;transform:translate(-70%)}}.pagination-container button{background-color:var(--yellow-color);border:1px solid var(--yellow-color);border-radius:5px;padding:5px}.container-tv{align-items:center;color:var(--yellow-color);display:flex;height:100%;justify-content:center;width:100%}.search-main-container .container-item{grid-gap:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(180deg,#00000052,#0000);display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));height:85%;overflow-y:scroll;padding:10px;place-items:center;width:100%}.container-item .card{border-radius:5px;height:200px;overflow:hidden;position:relative;width:-webkit-fit-content;width:fit-content;width:-moz-fit-content}.container-item .card .average{background-image:linear-gradient(210deg,#0009,#fff0);border-radius:50%;height:80px;position:absolute;right:-20px;top:-20px;width:80px}.container-item .card img{height:100%}.search-main-container{height:100%;overflow:hidden}.search,.search-main-container{align-items:center;display:flex;flex-direction:column;gap:10px}.search{height:17%;justify-content:center;width:100%}.search .search-input,.search .search-input label{align-items:center;display:flex;justify-content:center}.search .search-input label{background-color:var(--yellow-color);border-bottom-left-radius:5px;border-top-left-radius:5px;color:#000;height:100%;width:30px}.search .search-input input{border:none;border-bottom-right-radius:5px;border-top-right-radius:5px;height:30px;padding-left:10px}.search .btn-grope{align-items:center;display:flex;gap:10px;justify-content:center}@media(max-width:776px){.search .btn-grope{gap:5px}}.search .btn-grope button,.search .btn-grope select,.search .btn-grope select option{background-color:rgba(0,0,0,.432);border:1px solid var(--yellow-color);border-radius:20px;color:#fff;padding:5px 10px;transition:.5s}.search .btn-grope button.active,.search .btn-grope button:hover,.search .btn-grope select.active,.search .btn-grope select:hover{background-color:var(--yellow-color);color:#000}.search .details{align-items:center;display:flex;gap:10px;justify-content:center;text-transform:capitalize}.search .details span span{color:var(--yellow-color)}.container-details-move{background-position:50%;background-size:cover;height:100vh;position:relative;width:100%}.container-details-move>button{background-color:var(--yellow-color);border:none;border-radius:10px;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:10px;padding:5px 10px;position:absolute;top:10px;width:-webkit-fit-content;width:fit-content;width:-moz-fit-content;z-index:1000}.container-details-move .content{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(90deg,#000000a8,#0000);display:flex;height:100%;justify-content:space-between;padding:20px;width:100%}@media (max-width:776px){.container-details-move .content{flex-direction:column-reverse;padding-top:30px}}.container-details-move .content .img{align-items:center;display:flex;height:87%;justify-content:center;overflow:hidden;position:relative;width:-webkit-fit-content;width:fit-content;width:-moz-fit-content}@media (max-width:776px){.container-details-move .content .img{max-height:350px}}.container-details-move .content .img .average{background-image:linear-gradient(30deg,#0000006b,#fff0);border-radius:50%;height:85px;position:absolute;right:-12px;top:-12px;width:85px}.container-details-move .content .img img{border:1px solid var(--yellow-color);border-radius:5px;box-shadow:0 0 10px hsla(0,0%,67%,.384);height:100%;transition:.7s}.container-details-move .content .details{display:flex;flex-direction:column;gap:15px;height:80%;text-align:center;text-transform:capitalize;width:50%}@media (max-width:776px){.container-details-move .content .details{gap:8px;width:100%}}.container-details-move .content .details .icon{color:var(--yellow-color);margin:0 0 0 5px}.container-details-move .content .details .tagline{align-items:center;display:flex;font-size:20px;gap:5px;justify-content:center;position:relative;text-align:center;text-transform:capitalize}@media (max-width:776px){.container-details-move .content .details .tagline{font-size:18px;margin-top:15px}}.container-details-move .content .details .tagline span{color:var(--yellow-color);display:flex;height:100%}.container-details-move .content .details .tagline span:first-child{align-items:flex-end;margin-bottom:7px}.container-details-move .content .details .tagline span:nth-child(2){align-items:flex-start;margin-top:7px}.container-details-move .content .details .tagline svg{font-size:10px}.container-details-move .content .details .title{color:var(--yellow-color);margin:5px 0}.container-details-move .content .details .overview{line-height:1.3}@media (max-width:776px){.container-details-move .content .details .overview{font-size:14px;line-height:1.2}}.container-details-move .content .genreNames{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}@media (max-width:776px){.container-details-move .content .genreNames{justify-content:center}}.container-details-move .content .genreNames span{background-color:#0000007c;border:1px solid var(--yellow-color);border-radius:10px;padding:5px}@media (max-width:776px){.container-details-move .content .genreNames span{font-size:12px}.container-details-move .content .details .languages,.container-details-move .content .details .production,.container-details-move .content .details .time{font-size:14px}}.container-details-move .content .details .time{align-items:center;display:flex;gap:10px;justify-content:center}.container-details-move .content .details .money{align-items:center;display:flex;font-size:14px;justify-content:center;margin:5px}@media(max-width:776px){.container-details-move .content .details .money{font-size:11px;gap:5px;margin:10px 0}}.container-details-move .content .details .money.true .s{color:#008000ef}.container-details-move .content .details .money.false .s{color:#bd2409ef}.container-details-move .content .details .money>span{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(90deg,#0000,#000000a8);border-radius:10px;margin:0 5px;padding:10px}.container-details-move .content .details .star{color:var(--yellow-color)}.container-details-move .content .details button{background-color:var(--yellow-color);border:none;border-radius:10px;cursor:pointer;padding:5px 10px}.container-details-move .content .details button a{color:#000;height:100%;width:100%}
/*# sourceMappingURL=main.91cbd62f.css.map*/