@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";.genre-item{border:1px solid rgba(238,238,238,.2);padding:4px 10px;display:block;cursor:pointer}.genre-item:hover{background:#25252580}.genre-item:first-child{border-radius:10px 10px 0 0}.genre-item:last-child{border-radius:0 0 10px 10px}.genre-item input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;width:12px;height:12px;border-radius:999px;background:#eeec;box-shadow:inset 0 0 15px #eee9;border-color:#eeeeee4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.genre-item input[type=checkbox]:checked{border-color:#5cff5c;background:#5cff5c26;box-shadow:inset 0 0 15px #5cff5c99,0 0 10px #5cff5c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#5cff5ccc}.genre-item .genre-name{margin-left:8px}.mobile-genres{position:relative;width:100%;height:48px;z-index:99}.mobile-genres .surface{background:#eeeeee26;box-shadow:inset 0 0 15px #eee9;border-color:#eeeeee4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:flex-start;width:100%;height:48px;overflow:hidden;border-radius:16px;border:1px solid transparent;padding:10px 20px;transition:all .3s ease-in-out}.mobile-genres .surface .title{position:absolute;top:10px;left:20px;display:flex;gap:10px;line-height:1.6rem;transition:top .3s ease-in-out}.mobile-genres .surface .title button{border-color:#ff3737;background:#ff373726;box-shadow:inset 0 0 15px #ff373799,0 0 10px #ff3737;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ff3737;position:absolute;top:0;right:-50px;opacity:0;padding:4px;border-radius:50%;transition:opacity .3s ease-in-out}.mobile-genres .surface .cross{padding:2px 0;font-size:.7rem;line-height:.65rem;border-radius:50%;position:absolute;top:12px;right:20px;opacity:1;transition:all .3s ease-in-out}.mobile-genres .surface .cross:hover{cursor:pointer}.mobile-genres .surface .list{opacity:0;margin-top:64px;height:calc(92% - 48px);width:100%;transition:opacity .3s ease-in-out;overflow-y:auto;box-shadow:0 0 5px #eee;border-radius:10px}.mobile-genres .surface.open{border-color:#eee;background:#eee;box-shadow:inset 0 0 15px #eee,0 0 10px #eee;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#252525b3;cursor:default;border:1px solid #eeeeee;width:100%;height:400px}.mobile-genres .surface.open .title{top:22px}.mobile-genres .surface.open .title button{opacity:1}.mobile-genres .surface.open .stars{top:14px}.mobile-genres .surface.open .cross{transform:rotate(180deg)}.mobile-genres .surface.open .list{opacity:1}@media (width >= 768px){.mobile-genres{display:none}}.genere-list .desktop-list{display:none}.genere-list .desktop-list .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.genere-list .desktop-list .title button{cursor:pointer;background:#eee0;box-shadow:inset 0 0 15px #eee9;border-color:#eeeeee4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);height:100%;aspect-ratio:1/1;padding:8px;border-radius:50%}.genere-list .desktop-list .title button:hover{border-color:#ff3737;background:#ff373700;box-shadow:inset 0 0 15px #ff373799,0 0 10px #ff3737;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ff3737}.genere-list .desktop-list .list{background:#eee0;box-shadow:inset 0 0 15px #eee9;border-color:#eeeeee4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#25252580;border-radius:18px;padding:10px 15px}.genere-list .desktop-list .list .item{border:1px solid rgba(238,238,238,.2);padding:4px 10px}.genere-list .desktop-list .list .item:hover{background:#25252580}.genere-list .desktop-list .list .item:first-child{border-radius:10px 10px 0 0}.genere-list .desktop-list .list .item:last-child{border-radius:0 0 10px 10px}.genere-list .desktop-list .list .item input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;width:12px;height:12px;border-radius:999px;background:#eeec;box-shadow:inset 0 0 15px #eee9;border-color:#eeeeee4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.genere-list .desktop-list .list .item input[type=checkbox]:checked{border-color:#5cff5c;background:#5cff5c26;box-shadow:inset 0 0 15px #5cff5c99,0 0 10px #5cff5c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#5cff5ccc}@media (width >= 768px){.genere-list .desktop-list{display:block}}.tmdb-img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:inherit;z-index:-1}.carousel-header{display:flex;align-items:center;justify-content:flex-start;gap:.75rem}.carousel-header .carousel-controls{display:flex;align-items:center;gap:.5rem}.carousel-header .carousel-controls button[disabled]{opacity:.4;cursor:not-allowed}.carousel-dots{display:flex;gap:8px;justify-content:center;align-items:center;padding:12px 0}.carousel-dots .dot{width:8px;height:8px;border-radius:50%;border:0;background:#888;opacity:.7;cursor:pointer;transition:all .3s ease-in-out}.carousel-dots .dot.active,.carousel-dots .dot[aria-selected=true]{background:#fff;opacity:1;transform:scale(1.3)}.carousel-container{position:relative;box-sizing:border-box}.carousel-container .carousel-scroll{cursor:pointer;background:#eeeeee0d;box-shadow:inset 0 0 15px #eee9;border-color:#eeeeee4d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:absolute;top:50%;right:-25px;transform:translateY(-50%);z-index:2;display:flex;justify-content:center;align-items:center;width:50px;aspect-ratio:1/1;border-radius:50%}.carousel-container .carousel-scroll:disabled{cursor:not-allowed;opacity:.4}.carousel-container .carousel-scroll:hover{border-color:#eee;background:#eeeeee0d;box-shadow:inset 0 0 15px #eee9,0 0 10px #eee;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #eeeeee}.carousel-container .carousel-scroll.left{left:-25px}.carousel-container .slider-track{display:flex;flex-wrap:nowrap;overflow-x:hidden;scrollbar-gutter:stable;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:1px}.carousel-container .slider-item{scroll-snap-align:start;flex:0 0 auto;width:120px;max-width:120px;aspect-ratio:2/3;border-radius:.5rem;transition:all .25s ease;border:2px solid transparent;transform-origin:center;transform:scale(.9)}.carousel-container .slider-item:hover{cursor:pointer;transform:scale(1);border-color:#ff3737}.carousel-container .slider-fallback{display:flex;align-items:center;justify-content:center;padding:.5rem;text-align:center;width:120px;aspect-ratio:2/3;border-radius:.5rem;background:repeating-linear-gradient(45deg,#f2f2f2,#f2f2f2 10px,#e6e6e6 10px 20px);color:#555}.pill{cursor:default;width:fit-content;height:fit-content;border-radius:200px;background:color-mix(in srgb,transparent,currentColor 15%);box-shadow:inset 0 0 15px color-mix(in srgb,transparent,currentColor 60%);border-color:color-mix(in srgb,transparent,currentColor 30%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:700;display:flex;justify-content:flex-end;align-items:center;padding:0}.pill--hover{border-color:color-mix(in srgb,transparent,currentColor 100%);background:color-mix(in srgb,transparent,currentColor 15%);box-shadow:inset 0 0 15px color-mix(in srgb,transparent,currentColor 60%),0 0 10px color-mix(in srgb,transparent,currentColor 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pill--s{font-size:.75rem;line-height:1rem;padding:4px 8px}.pill--m{font-size:.875rem;line-height:1.25rem;padding:6px 12px}.pill--l{font-size:1rem;line-height:1.5rem;padding:8px 16px}.whish-list_item{position:relative;margin:2px 2px -1px;box-shadow:inset 0 0 5px #f90;border:2px solid transparent;padding:8px}.whish-list_item:first-child{border-radius:18px 18px 0 0}.whish-list_item:first-child .image{border-radius:10px 0 0}.whish-list_item:last-child{border-radius:0 0 18px 18px;margin-bottom:2px}.whish-list_item:last-child .image{border-radius:0 0 0 10px}.whish-list_item:only-child{border-radius:18px}.whish-list_item:only-child .image{border-radius:10px 0 0 10px}.whish-list_item:hover{border:2px solid hsl(36,100%,50%)}.whish-list_item a{position:relative;display:grid;grid-template:"image title" auto "image detail" 1fr/auto 1fr;gap:10px}.whish-list_item a .image{grid-area:image;width:50px}.whish-list_item a .title{grid-area:title;font-size:1.2rem;font-weight:700;margin-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whish-list_item a .details{display:flex;justify-content:space-between;align-items:center;margin-right:20px}.whish-list_item .trash{cursor:pointer;position:absolute;top:8px;right:8px}.whish-list_item .trash:hover{color:#ff3737}.whish-list{position:relative;width:80px;height:44px;z-index:99}.whish-list .surface{background:#f900;box-shadow:inset 0 0 15px #f909;border-color:#ff99004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:flex-start;width:80px;height:44px;overflow:hidden;border-radius:16px;border:1px solid transparent;padding:10px 20px;transition:all .3s ease-in-out}.whish-list .surface:hover{border-color:#f90;background:#ff990026;box-shadow:inset 0 0 15px #f909,0 0 10px #f90;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.whish-list .surface .stars{position:absolute;top:10px;left:20px;display:flex;gap:5px;line-height:1.6rem;transition:top .3s ease-in-out}.whish-list .surface .stars span:first-child{color:#ff3737}.whish-list .surface .cross{background:#ff373726;box-shadow:inset 0 0 15px #ff373799;border-color:#ff37374d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px 6px;font-size:.7rem;line-height:.65rem;border-radius:50%;position:absolute;top:12px;right:20px;opacity:0;transition:opacity .3s ease-in-out}.whish-list .surface .cross:hover{cursor:pointer;border-color:#ff3737;background:#ff373726;box-shadow:inset 0 0 15px #ff373799,0 0 10px #ff3737;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.whish-list .surface .list{opacity:0;margin-top:40px;height:calc(97% - 40px);width:100%;transition:opacity .3s ease-in-out;overflow-y:auto;box-shadow:0 0 5px #f90;border-radius:20px}.whish-list .surface.open{border-color:#f90;background:#f90;box-shadow:inset 0 0 15px #f90,0 0 10px #f90;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#252525b3;cursor:default;border:1px solid hsl(36,100%,50%);width:310px;height:400px}.whish-list .surface.open .stars{top:14px}.whish-list .surface.open .cross,.whish-list .surface.open .list{opacity:1}.main{width:100dvw;height:100dvh;display:flex;flex-direction:column;min-width:378px}.main .header{background:color-mix(in srgb,transparent,currentColor 15%);box-shadow:inset 0 0 15px color-mix(in srgb,transparent,currentColor 60%);border-color:color-mix(in srgb,transparent,currentColor 30%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;height:80px;padding:10px 35px 10px 20px;z-index:100}.main .header h1{font-size:1.8rem;line-height:2rem}@media (width >= 768px){.main .header h1{font-size:2.5rem}}@media (width >= 1024px){.main .header{padding:0 150px}}.content{flex:1 0 auto;display:flex;overflow-y:auto}.home-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:20px;padding:20px 10px}.home-container .content{flex:1 1 auto;justify-content:center;align-items:flex-start;gap:2rem;padding:0}.home-container .content .surface{background:#eeeeee26;box-shadow:inset 0 0 15px #eee9;border-color:#eeeeee4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px 30px;min-width:300px;width:100%;min-height:60px;max-width:1500px;border-radius:14px}.home-container .content .surface .no-genre{font-size:1rem;font-weight:700;text-align:center}@media (width >= 768px){.home-container .content .surface .no-genre{font-size:1.1rem}}@media (width >= 1024px){.home-container .content .surface .no-genre{font-size:1.5rem}}@media (width >= 768px){.home-container{flex-direction:row;padding:20px}.home-container .side-bar{background:#eeeeee26;box-shadow:inset 0 0 15px #eee9;border-color:#eeeeee4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);min-width:300px;max-width:fit-content;border-radius:14px;padding:20px 30px}.home-container .content{align-items:center;padding:0 20px 0 0}}.movie-info_container{position:relative;display:flex;justify-content:center;width:100%;padding:10px;overflow-y:hidden}@media (width >= 768px){.movie-info_container{padding:24px}}.movie-info_container .full-screen{background:#eeeeee0d;box-shadow:inset 0 0 15px #eee9;border-color:#eeeeee4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);visibility:hidden;opacity:0;position:fixed;inset:0;width:101dvw;height:101dvh;display:flex;justify-content:center;align-items:center;transition:all 1s ease-in-out;z-index:9999}.movie-info_container .full-screen.show{visibility:visible;opacity:1}.movie-info_container .full-screen .full-poster{position:absolute}.movie-info_container .zoom{position:absolute;background:#eeeeee0d;box-shadow:inset 0 0 15px #eee9;border-color:#eeeeee4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);top:10px;left:10px;width:fit-content;padding:10px;border-radius:50%;z-index:99999}.movie-info_container .zoom:hover{border-color:#eee;background:#eeeeee0d;box-shadow:inset 0 0 15px #eee9,0 0 10px #eee;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.movie-info_container .backdrop{position:absolute;top:0;left:50%;transform:translate(-50%);filter:blur(5px);opacity:.4;width:auto;max-width:1500px;height:120dvh;z-index:0;overflow:hidden;aspect-ratio:2/3}@media (width >= 768px){.movie-info_container .backdrop{width:100dvw;height:auto}}@media (width >= 1024px){.movie-info_container .backdrop{top:8px;width:90%}}.movie-info_container .backdrop .tmdb-img{border:none;width:auto;height:100%}@media (width >= 1024px){.movie-info_container .backdrop .tmdb-img{border-width:10px 10px;border-radius:50px;border-color:#252525}}.movie-info_container .detail{display:flex;align-items:center;justify-content:center}.movie-info_container .detail .surface{background:#eeeeee0d;box-shadow:inset 0 0 15px #eee9;border-color:#eeeeee4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;grid-template:"poster  " auto "title   " auto "details " auto "desc    " minmax(100px,1fr)/1fr;justify-content:start;min-width:300px;width:fit-content;max-width:900px;min-height:50%;height:fit-content;border-radius:24px;margin:0 auto 20px;z-index:1;overflow:auto;gap:10px 20px;padding:24px 40px 24px 24px}@media (width >= 768px){.movie-info_container .detail .surface{grid-template:"poster title  " auto "poster details " auto "desc   desc    " minmax(100px,1fr)/auto 1fr;gap:20px 40px;padding:24px 40px 24px 24px}}@media (width >= 1024px){.movie-info_container .detail .surface{max-height:calc(100dvh - 110px);margin:0 0 20px;padding:24px;min-width:1000px}}.movie-info_container .detail .surface .poster{position:relative;grid-area:poster;width:calc(100% + 16px);height:300px;overflow:hidden}@media (width >= 768px){.movie-info_container .detail .surface .poster{width:300px;height:auto}}.movie-info_container .detail .surface .info-title{grid-area:title}.movie-info_container .detail .surface .info-details{grid-area:details;display:flex;flex-direction:column}.movie-info_container .detail .surface .info-details .genres{display:flex;flex-direction:column;gap:6px;padding:24px 0}.movie-info_container .detail .surface .info-details .genres .genres-title{font-weight:700;margin:0}.movie-info_container .detail .surface .info-details .genres .pills-container{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:0}.movie-info_container .detail .surface .info{display:flex;flex-direction:column;gap:10px}.movie-info_container .detail .surface .info h1{line-height:3rem;padding:0 45px 0 0}.movie-info_container .detail .surface .info h4 span+span:before{content:"|";margin:0 14px;opacity:.6}.movie-info_container .detail .surface .desc{grid-area:desc;overflow-y:auto}.movie-info_container .detail .surface .save{position:absolute;top:0;right:0;margin:22px}.movie-info_container .detail .surface .save .pill{transform:scale(1.3);transition:all .3s ease-in-out}.movie-info_container .detail .surface .save:hover .pill{cursor:pointer;color:#f90;transform:scale(1.6)}.movie-info_container .detail .surface .save .red-heart{color:#ff3737}.BackButton{background:#eeeeee26;box-shadow:inset 0 0 15px #eee9;border-color:#eeeeee4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:2rem;color:#eeeeeeb3;border:1px solid rgba(238,238,238,.3);border-radius:999px;padding:0 15px;transition:all .25s ease-in-out}.BackButton:hover{cursor:pointer;border-color:#ff3737;background:#ff373726;box-shadow:inset 0 0 15px #ff373799,0 0 10px #ff3737;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ff3737b3;animation:wiggle-left 1.5s infinite ease-in-out}@keyframes wiggle-left{0%{transform:translate(0)}10%{opacity:1}60%{opacity:1}to{transform:translate(-5px);opacity:0}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-size:100%;font-family:Arial,sans-serif;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:""}table{border-collapse:collapse;border-spacing:0}body{font-family:Poppins;color:#eee;background-color:#252525;overflow:auto}html,body{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}h1{font-size:2.5rem;font-weight:700}h2{font-size:1.5rem;font-weight:700}h3{font-size:1.3rem;font-weight:700}.pageTitle{display:flex;align-items:center;justify-content:center;width:fit-content;gap:20px}