.navbar{display:flex;flex-direction:column;position:sticky;top:0;min-height:104px;padding:24px 60px 5px;justify-content:space-between;background-color:#081118;border-bottom:3px solid rgb(56,55,55);margin-bottom:30px;z-index:500;transition:transform .3s ease-in-out}@media screen and (max-width: 425px){.navbar{padding:18px 12px 5px 20px;min-height:90px}}.navbarUpper{display:flex;justify-content:space-between;min-height:44px}.logo{display:flex;align-items:center;cursor:pointer;min-width:12rem;text-decoration:none}.logo img{width:32px}.logo span{font-size:1.7rem;color:#00dc89;margin-left:3px;stroke:2px wheat;letter-spacing:2px;text-shadow:0px 0px 3px #00dc89;text-decoration:none}.logo span:hover{color:#0fa}.errorLogo{margin:2rem;position:absolute;z-index:5}@media screen and (max-width: 425px){.logo{min-width:10.5rem}.logo span{font-size:1.4rem}.logo img{width:29px}}.formBox{display:flex;position:relative;width:40.99453125vw;min-width:251px}.searchField{height:41px;padding:0px 1rem;font-size:1rem;color:#fff;width:100%;border-radius:13px;border:none;background-image:linear-gradient(107deg,#1a303c,#18372c);box-shadow:#fff 0 0 1px;transition:.1s ease-in-out;min-width:251px;box-sizing:border-box}.searchField:hover,.searchField:hover~.suggBox{box-shadow:#fff 0 0 3px}.searchField:focus,.searchField:focus~.suggBox{box-shadow:#fff 0 0 2px}.searchField::-webkit-search-cancel-button{display:none}.searchField::placeholder{color:#fffb}.searchField:focus{outline:none}.suggBox{position:absolute;padding:0;top:26px;border-top:2px solid rgba(255,255,255,.326);width:100%;border-radius:0 0 13px 13px;box-shadow:#fff 0 0 1px;transition:.1s ease-in-out;z-index:10;background-color:#18372c}.suggBox:hover,.suggBox:hover~.searchField{box-shadow:#fff 0 0 3px}.suggBox li{list-style-type:none;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;color:#fff;background-image:linear-gradient(107deg,#1a303c,#18372c);padding:10px 20px;display:flex;align-items:center;cursor:pointer;width:100%;box-sizing:border-box}.suggBox li span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.suggBox li:hover{background:#ffffff2d}.suggBox li:last-child{border-radius:0 0 13px 13px}.suggBox li img{width:2rem;margin-right:1rem}.searchIcon{position:absolute;right:.9rem;top:7px;width:27px!important;height:25px!important;color:#fff;cursor:pointer}.clearIcon{position:absolute;left:.3rem;top:8.5px;color:#fff;cursor:pointer}.loadingIcon{color:#fff!important;position:absolute;right:3.2rem;top:10px}.searchContainer{position:sticky;z-index:10}.searchIcon{cursor:pointer;color:#fff;font-size:24px}@media screen and (max-width: 425px){.formBox{position:absolute;min-width:93vw;right:-56px}.searchField{box-shadow:none}.searchField:hover,.searchField:hover~.suggBox{box-shadow:none}.searchField:focus,.searchField:focus~.suggBox{box-shadow:#fff 0 0 5px}.searchContainer{margin-left:auto}}.navTab{display:flex;align-items:center;max-width:17rem;min-width:17rem;justify-content:space-between}.bellIcon{color:#fff;cursor:pointer;position:relative}.bellBox{display:flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:9px;transition:background-color .2s;margin-left:1rem}.bellBox:hover{background-color:#ffffff23}.bellBadge .MuiBadge-badge{background-color:#ff0062;font-weight:700}.favorites{font-family:Nunito,sans-serif;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.04rem;border:none;width:175px;height:32px;background-color:#00dc89;border-radius:8px;cursor:pointer;transition:background-color .1s}.favorites:hover{background-color:#03ff9e}.favoriteIcon{color:#ff0062;font-size:1.3rem!important;margin-right:5px}.notifMsg{position:absolute;top:15px;right:12px;background-color:#fff;padding:0 1rem 1rem;border-radius:9px 0 9px 9px;width:13rem;min-height:8rem;box-shadow:0 0 5px #fff;transform-origin:top right;transform:scale(0);transition:.2s ease-in-out;z-index:20}.notifMsg h5{opacity:.7;text-align:center;margin-top:2rem}.notifMsg h3 span{opacity:.6}.notifMsg li{list-style-type:none;padding:1rem;border:1px solid black;border-radius:8px;box-sizing:border-box;box-shadow:0 0 4px #000;position:relative}.notifMsg li b{display:block;margin-bottom:3px}.notifMsg li span{font-size:.9rem;letter-spacing:1px}.notifMsg .closeIcon{color:#ff0062;position:absolute;font-size:1.3rem;top:4px;right:4px;cursor:pointer}@media screen and (max-width: 425px){.navTab{max-width:auto;min-width:auto;margin-right:6px}.favorites{display:none}}.catTab{display:flex;color:#fff;max-height:34px;min-height:34px;align-items:center}.itemTab{position:relative}.itemBut{font-weight:700;padding:7px;border-radius:6px;cursor:pointer;transition:.1s ease-in-out;margin-right:2rem;text-wrap:nowrap}.itemBut:hover{background-color:#5d626572}.itemBut:hover~.itemList,.itemList:hover{transform:scale(1)}.itemList{position:absolute;top:23px;left:0;width:9rem;background-color:#5d6265;padding:0;border-radius:6px;transition:.2s ease-in-out;transform-origin:top left;transform:scale(0);z-index:300}.itemList li{list-style-type:none;padding:13px 1rem;font-weight:700;cursor:pointer;color:#fff}.itemList li:first-child{border-radius:6px 6px 0 0}.itemList li:last-child{border-radius:0 0 6px 6px}.itemList li:hover{background-color:gray}.itemListLink{text-decoration:none}@media screen and (max-width: 425px){.catTab::-webkit-scrollbar{display:none}.itemSpace{display:none}.itemBut:last-child{display:none}.itemBut{margin-right:1rem}}.card{color:#fff;display:flex;scroll-behavior:smooth;overflow-x:scroll;overflow-y:hidden;margin-bottom:3rem}.card::-webkit-scrollbar{display:none}.cardContentOuter{width:160px;height:315px;cursor:pointer;margin-right:4rem;position:relative;color:#fff}.cardContentOuter:first-child{margin-left:64px}.cardContent{margin-bottom:19px;position:relative}.cardImg{width:160px;border-radius:6px}.cardContent:before{content:"";position:absolute;background:linear-gradient(rgba(0,0,0,.6),transparent);height:50%;left:0;right:0;top:0;opacity:0;transition:opacity .1s ease-in-out}.cardContent:hover:before{opacity:1}.addIcon{position:absolute;top:5px;left:5px;background-color:#000000a9;color:#fff;border-radius:50%;border:1px solid white;cursor:pointer;height:25px;width:25px;display:flex;align-items:center;justify-content:center;z-index:50}.addIcon:hover{background-color:#00dc89}.cardContentOuter:hover .addIcon{border-radius:20px;width:auto}.addIcon .favoritesText{display:none}.cardContentOuter:hover .addIcon .favoritesText{display:inline;margin:3px 8px 0 3px;font-size:.8rem;font-weight:600}.cardTitle{opacity:.7;font-weight:700;font-size:.85rem;transition:.1s ease-in-out}.cardContentOuter:hover .cardTitle{opacity:1}.voteCircle{bottom:3.6rem;left:.5rem}@media screen and (max-width: 425px){.card{margin-bottom:1.5rem}.cardImg{width:125px}.cardContentOuter{width:125px;height:263px;margin-right:1.5rem}.cardTitle{font-size:.75rem}.cardContentOuter:hover .addIcon .favoritesText{display:none}.cardContentOuter:first-child{margin-left:20px}.voteCircle{bottom:3.8rem;left:.5rem}}.CardsUpperTab{display:flex;position:relative;color:#fff;align-items:center;height:42px;margin-bottom:1rem}.leftInner{display:flex;align-items:center;color:#fff;text-decoration:none;margin-left:64px;font-weight:700;font-size:1.15rem;opacity:.8;transition:.1s ease-in-out;cursor:pointer}.leftInner:hover{opacity:1}.leftInner .ArrowIcon{font-size:1.5rem!important;margin-bottom:2px;margin-left:4px}.rightInner{position:absolute;right:1rem;display:flex;align-items:center}.backIcon,.forwardIcon{font-size:3rem!important;opacity:.8;cursor:pointer;transition:.1s ease-in-out}.backIcon:hover,.forwardIcon:hover{opacity:1}@media screen and (max-width: 425px){.CardsUpperTab{margin-bottom:.3rem}.leftInner{margin-left:20px;font-size:.9rem}.rightInner{display:none}}.voteCircle{width:34px;height:34px;border-radius:50%;border:1px solid #444444;display:flex;align-items:center;justify-content:center;position:absolute}.innerCircle{width:29px;height:29px;background-color:#2a2a2a;border-radius:50%;position:absolute;display:flex;align-items:center;justify-content:center}.voteText{color:#fff;font-size:12px;font-weight:700;z-index:1;cursor:context-menu}.voteText sup{font-size:5px}.detailVoteCircle{position:static;width:60px;height:60px;border:1px solid #081c22;box-shadow:0 0 3px #fff;transition:.2s ease-in-out;cursor:pointer;margin-right:12px}.detailVoteCircle:hover{transform:scale(1.1);box-shadow:0 0 5px #fff}.detailInnerCircle{width:50px;height:50px;background-color:#081c22;cursor:pointer}.detailVoteText{font-size:1.5rem;cursor:pointer}.detailVoteText sup{font-size:8px}@media screen and (max-width: 425px){.voteCircle{width:28px;height:28px}.detailVoteCircle{width:45px;height:45px}.innerCircle{width:24px;height:24px}.detailInnerCircle{width:38px;height:38px}.voteText{font-size:11px}.detailVoteText{font-size:19px}.voteText sup{font-size:4px}.detailVoteText sup{font-size:7px}}.navBottom{display:none;position:fixed;bottom:-2px;background-color:#112331;width:100%;height:50px;z-index:100;justify-content:space-evenly;align-items:center;box-shadow:0 0 4px #fff}.navBottom div{display:flex;justify-content:center;align-items:center;width:50%;height:100%}.navBottom div:active{transform:scale(.8)}.navBottom i{color:#fff;font-size:18px;transform:.1s ease-in-out}.navBottomHr{margin:0;height:20px;width:1px;background-color:#fff;opacity:.5}@media screen and (max-width: 425px){.navBottom{display:flex}}.detailUpperOuter{height:auto}.detailUpper{display:flex;width:100%;height:500px;background-image:url(https://image.tmdb.org/t/p/w1280/yDHYTfA3R0jFYba16jBB1ef8oIt.jpg);background-repeat:no-repeat;background-size:110%;background-position:1px top;position:relative;--gradient: linear-gradient(to right, rgba(0, 0, 0, .726), rgba(0, 0, 0, .3))}.detailUpper:before{content:"";position:absolute;background:var(--gradient);width:100%;height:100%}.detailImg{display:flex;height:100%;align-items:center;margin:0 2.5rem;z-index:1}.detailImg img{width:300px;border-radius:10px;box-shadow:0 0 5px #fff}.detailTextArea{margin-top:22px;z-index:1;color:#fff}.detailHead{margin-bottom:1.5rem}.detailTitle{font-weight:700;font-size:2rem;margin-bottom:2px;margin-top:0;min-width:28rem}.detailTitle span{font-weight:500;opacity:.8}.detailCat{font-size:.85rem;letter-spacing:1px;opacity:.9}.detailIcons{display:flex;align-items:center;height:6rem}.detailScore{display:flex;flex-direction:column;font-weight:700}.detailScore span:first-child{margin-bottom:6px}.detailFav{margin-left:3rem;border:1px solid white;box-shadow:0 0 5px #fff;padding:.6rem;border-radius:50%;background-color:#081c22;transition:.1s ease-in-out!important;cursor:pointer}.detailFav:hover{transform:scale(1.1);box-shadow:0 0 7px #fff}.detailFav:active{transform:scale(.9)}.customTooltip{background-color:#081c22!important;box-shadow:0 0 5px #fff!important;font-size:.8rem!important;text-align:center;width:5rem!important}.customArrow:before{background-color:#081c22!important;box-shadow:0 0 5px #fff!important}.detailOverview{display:flex;flex-direction:column;justify-content:center;padding-right:4rem;height:16rem;box-sizing:border-box}.detailOverview span{opacity:.7;font-weight:700;letter-spacing:1px}.detailOverview p{letter-spacing:1px;line-height:1.5rem;overflow:hidden}@media screen and (max-width: 425px){.detailUpperOuter{height:700px;width:100%;background:var(--gradient);border-bottom:3px solid rgb(56,55,55);position:relative}.detailTextArea{position:absolute;top:200px;margin:0;width:100%}.detailTitle{text-align:center;font-size:20px;min-width:auto}.detailTitle span{font-size:16px}.detailCatInner{text-align:center;margin-top:11px;font-size:13px}.detailCatInner div{margin-top:5px}.detailImg{margin:0 1.5rem}.detailImg img{width:97px;border-radius:10px;border:1px solid white;box-shadow:0 0 20px 10px #000}.detailUpper{height:185px}.detailUpper:before{background:none}.detailIcons{justify-content:center;margin-bottom:10px}.detailFav{margin:0 12px 0 0}.detailScore{opacity:.7}.detailIconsHr{margin:0 40px;height:25px;width:1px;opacity:.5;background-color:#fff}.detailOverview{margin:0 20px;padding:0}.detailOverview h2{margin:10px 0 0}}.detailMiddle{color:#fff;padding:30px 40px;display:flex}.detailLeft{float:1;max-width:calc(100% - 210px);min-width:calc(100% - 210px);margin-right:5px}.detailCardOuter{display:flex;overflow-x:scroll;padding-bottom:1rem;position:relative;margin-right:30px}.detailCardOuter::-webkit-scrollbar{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.5rem}.detailCardOuter::-webkit-scrollbar-thumb{background-color:#5d6265;border-radius:20px;cursor:pointer}.detailCardOuter:after{content:"";position:absolute;top:0;bottom:0;right:-1px;width:80px;pointer-events:none;background:linear-gradient(to right,transparent,#08111895,#081118)}.detailCardOuter.scrollFade:after{display:none}.detailCard{display:flex;flex-direction:column;min-width:140px;width:140px;height:274px;border-radius:9px;overflow:hidden;box-shadow:0 0 5px #fff;margin:10px;cursor:context-menu;position:relative}.detailCard img{width:100%;height:175px;object-fit:cover;object-position:top}.detailCardTitle{font-weight:700;margin:8px 0 0 8px}.detailCardExtra{opacity:.5;margin:8px 8px 0;font-size:.9rem}.detailRight{flex:0 0 260}.detailSocial{display:flex;align-items:center;width:100%;justify-content:center;padding-top:2rem;margin-bottom:2rem}.detailSocial i{font-size:1.7rem;margin-right:10px}.detailSocial i:last-child{font-size:1.4rem;color:#fff}.detailSocial hr{height:1.2rem;width:.3px;background-color:#fff;margin:0 15px 0 5px;opacity:.7}.detailRightText{display:flex;flex-direction:column;margin-bottom:2rem}.detailRightText span:last-child{margin-top:8px;opacity:.7}.imageAnime{position:absolute;width:100%;height:175px!important}@media screen and (max-width: 425px){.detailMiddle{color:#fff;padding:30px 0 10px 20px;display:flex}.detailCardOuter{margin-right:0}.detailRight{display:none}.detailLeft{min-width:100%}.detailLeft h2{font-size:17px}.detailCard{min-width:121px}.detailCard img{height:146px}.detailCard:first-child{margin-left:3px}.detailCardOuter::-webkit-scrollbar{display:none}.imageAnime{position:absolute;width:100%;height:146px!important}}.mainDetailHr{margin:2rem auto;width:80vw;text-align:center;opacity:.5}.loader{position:absolute;top:0;left:0;height:0px;width:100%;border-radius:5px;z-index:510}.progressBar{position:absolute;top:0;background-color:#081118!important}.progressBar .MuiLinearProgress-bar{background-color:#00dc89}.detailImage{padding:30px 40px;color:#fff}.detailImageInner{position:relative;display:flex;overflow-x:scroll}.detailImageInner::-webkit-scrollbar{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.5rem}.detailImageInner::-webkit-scrollbar-thumb{background-color:#5d6265;border-radius:20px;cursor:pointer}.detailImageInner:after{content:"";position:absolute;top:0;bottom:0;right:-1px;width:80px;pointer-events:none;background:linear-gradient(to right,transparent,#08111895,#081118)}.detailImageInner.scrollFade:after{display:none}.detailImageInner img{width:410px;margin:10px 10px 20px;border-radius:10px;box-shadow:0 0 5px #fff}@media screen and (max-width: 425px){.detailImage{padding:0 10px 0 20px}.detailImage h1{font-size:17px}.detailImageInner img{width:250px}.detailImageInner img:first-child{margin-left:3px}.detailImageInner::-webkit-scrollbar{display:none}}.errorPage{position:absolute;width:100%;height:100%;background-image:url(/assets/error-FTWMOa2s.jpg);background-repeat:no-repeat;background-size:contain;background-position:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.errorPage:before{content:"";position:absolute;background-color:#0c1119c9;height:100%;width:100%;top:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.content h1{font-size:2.5vw}.content{position:relative;z-index:2;text-align:center;color:#fff;text-shadow:0 0 5rem black}.content button{background-image:linear-gradient(135deg,#03e68f,#00e248 46%,#00e344);border:none;padding:10px 20px;font-size:1.1rem;font-weight:700;cursor:pointer;border-radius:20px;transition:transform .1s ease-in-out}.content button:hover{transform:scale(1.1)}@media screen and (max-width: 425px){.content h1{font-size:22px}.content h1:first-child{display:none}.content button{margin-top:250px}}.cardSingle{width:160px;height:315px;cursor:pointer;position:relative;color:#fff}.singleCardContent{margin-bottom:19px;position:relative;overflow:hidden}.singleCardContent:before{content:"";position:absolute;background:linear-gradient(rgba(0,0,0,.6),transparent);height:50%;left:0;right:0;top:0;opacity:0;transition:opacity .1s ease-in-out}.singleCardContent:hover:before{opacity:1}.singleCardImg{width:160px;border-radius:6px;height:240px}.singleAddIcon{position:absolute;top:5px;left:5px;background-color:#000000a9;color:#fff;border-radius:50%;border:1px solid white;cursor:pointer;height:25px;width:25px;display:flex;align-items:center;justify-content:center;z-index:50}.singleAddIcon:hover{background-color:#00dc89}.cardSingle:hover .singleAddIcon{border-radius:20px;width:auto}.singleAddIcon .singleFavoritesText{display:none}.cardSingle:hover .singleAddIcon .singleFavoritesText{display:inline;margin:3px 8px 0 3px;font-size:.8rem;font-weight:600}.singleCardTitle{opacity:.7;font-weight:700;font-size:.85rem;transition:.1s ease-in-out}.cardSingle:hover .singleCardTitle{opacity:1}.singleVoteCircle{bottom:3.6rem;left:.5rem}.cardAnime{position:absolute;top:0;width:100%;height:15.1rem!important;border-radius:8px}@media screen and (max-width: 425px){.cardSingle:hover .singleAddIcon .singleFavoritesText{display:none}}.coverLoader{position:absolute;width:100%;height:100%;background-color:#081118;z-index:61}.coverLoader{width:100%;height:100%!important}body{margin:0}:root{background-color:#081118;scroll-behavior:smooth}body::-webkit-scrollbar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.7rem;background-color:#161e24}body::-webkit-scrollbar-thumb{background-color:#5d6265;border-radius:20px;cursor:pointer}body{font-family:Roboto,sans-serif}*{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}