*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}a{color:inherit;text-decoration:none}body{color:#fff;background-color:#121212;height:100vh}#root{height:100%}.button{padding:12px 30px;border:none;border-radius:5px;color:#000;background-color:#fff;font-size:18px;font-weight:600;cursor:pointer}.button i{margin-right:10px;font-size:22px}.button i:last-child{margin-right:0}.button.secondary{color:#fff;background-color:#ffffff4d}@media (max-width: 1000px){.button{padding:10px 25px;font-size:16px}.button i{font-size:20px}}@media (max-width: 700px){.button{padding:10px 20px;font-size:14px}.button i{font-size:18px}}.collections{display:flex;flex-direction:column;margin:85px 0 0;padding:0 60px 30px}.collections.overlap{position:relative;margin-top:-10vh;z-index:1}.collection{margin-top:60px}.collection:first-child,.collection:first-of-type{margin-top:0}.collection-title{font-size:20px;font-weight:500}.collection-slider{position:relative;display:flex;flex-direction:row;align-items:center;margin:15px -60px 0;padding:0 60px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.collection-slider::-webkit-scrollbar{display:none}.collection-cards{display:flex;flex-direction:row;align-items:center;column-gap:15px;min-width:100%;padding-bottom:20px;flex-wrap:nowrap}.collection-cards .media-card{min-width:calc(16.67% - 13px);max-width:calc(16.67% - 13px)}@media (max-width: 1200px){.collection-cards .media-card{min-width:calc(20% - 13px);max-width:calc(20% - 13px)}}@media (max-width: 1000px){.collections{padding:0 40px 30px}.collection-slider{margin:15px -40px 0;padding:0 40px}.collection-cards .media-card{min-width:calc(25% - 13px);max-width:calc(25% - 13px)}}@media (max-width: 700px){.collections{padding:0 30px 30px}.collection-slider{margin:15px -30px 0;padding:0 30px}.collection-cards .media-card{min-width:calc(33.33% - 13px);max-width:calc(33.33% - 13px)}}@media (max-width: 500px){.collection-cards .media-card{min-width:calc(50% - 13px);max-width:calc(50% - 13px)}}.hero{position:relative;display:flex;flex-direction:column;height:90vh;height:90lvh;width:100%;background-color:#000;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;z-index:0}.hero:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:radial-gradient(farthest-side at 50% 0%,transparent 40%,#121212)}.hero-content{position:relative;margin:auto 60px;max-width:500px;z-index:1}.hero-logo{display:block;max-width:100%;max-height:250px;margin-top:20vh}.hero-text{margin-top:20px;font-size:18px;line-height:1.4;-webkit-user-select:none;user-select:none}.hero-actions{display:flex;flex-direction:row;align-items:center;column-gap:10px;position:relative;margin-top:20px;z-index:0}@media (max-width: 1000px){.hero-content{margin:auto 40px}.hero-logo{max-height:150px;margin-top:25vh}}@media (max-width: 700px){.hero-content{max-width:400px;margin:auto 30px}.hero-logo{max-height:150px;margin-top:25vh}.hero-text{line-height:1.3;font-size:16px}}@media (max-width: 550px){.hero-text{font-size:15px}.hero-logo{margin-top:20vh}.hero{height:90vh;height:80lvh;width:100%}}.loading{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;height:100%;width:100%;padding:30px;background:linear-gradient(to bottom,#121212 0%,#090909 100%);font-size:35px;font-weight:700;z-index:10}.loading img{display:block;max-width:200px;animation:loading_pulse 2s ease-in-out infinite forwards}@keyframes loading_pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.top-bar{display:flex;flex-direction:row;align-items:center;position:fixed;top:0;left:0;height:65px;width:100%;padding:0 60px;transition:background .2s ease-in-out;z-index:20}.top-bar:before{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent);content:"";z-index:0}.top-bar.scrolled{background-color:#121212}.top-bar-logo{position:relative;max-width:95px;z-index:0}.top-bar-logo img{display:block;max-height:100%;max-width:100%}.top-bar-links{display:flex;flex-direction:row;align-items:center;column-gap:20px;position:relative;margin:0 30px;z-index:0}.top-bar-links a{color:#c9c9c9;font-size:13px;font-weight:500}.top-bar-links a.active{color:#fff}.top-bar-links .mobile{display:none;font-size:16px;cursor:pointer}.top-bar-search{display:flex;flex-direction:row;align-items:center;column-gap:20px;position:relative;margin-left:auto;z-index:0}.top-bar-search .action{font-size:18px;cursor:pointer}.top-bar-input{position:relative}.top-bar-input input{width:250px;padding:10px 10px 10px 40px;color:#fff;background-color:#000;border:1px solid #fff;outline:none;animation:input-width .1s ease-out forwards}.top-bar-input input:focus{border-color:#fff}.top-bar-input i{position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:20px}@keyframes input-width{0%{width:40px}to{width:250px}}@media (max-width: 1000px){.top-bar{padding:0 40px}}@media (max-width: 700px){.top-bar{padding:0 30px}.top-bar-links{margin:0 36px 0 auto}.top-bar-links a:not(.mobile){display:none}.top-bar-links .mobile{display:block}.top-bar-search{position:absolute;top:50%;right:30px;margin-left:0;transform:translateY(-50%)}.top-bar-search .action{font-size:16px}}.media-card{display:flex;align-items:center;justify-content:center;position:relative;width:100%;background-color:#000;border-radius:5px;box-shadow:0 0 10px #0000004d;aspect-ratio:2/3;overflow:hidden;transition:transform .2s ease-in-out;-webkit-user-select:none;user-select:none}.media-card:after{content:"";display:block;position:absolute;height:20%;width:100%;bottom:0;left:0;opacity:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.7));transition:opacity .2s ease-in-out;z-index:0}.media-card:hover,.media-card.active{transform:scale(1.1)}.media-card:hover:after,.media-card.active:after{opacity:1}.media-card:hover .media-card-actions,.media-card.active .media-card-actions{opacity:1}.media-card img{display:flex;align-items:center;justify-content:center;height:100%;width:100%;text-align:center;object-fit:cover}.media-card-actions{display:flex;flex-direction:row;align-items:center;column-gap:10px;position:absolute;bottom:15px;left:15px;width:calc(100% - 30px);opacity:0;transition:opacity .2s ease-in-out;z-index:1}.media-card-actions .button{display:flex;align-items:center;justify-content:center;height:35px;width:35px;padding:0;border-radius:50%;box-shadow:0 0 5px #0000004d}.media-card-actions .button.secondary{box-shadow:0 0 5px #96969666}.media-card-actions .button.right{margin-left:auto}.media-card-actions .button i{height:17px;width:17px;font-size:17px}@media (max-width: 700px){.media-card-actions .button{height:30px;width:30px}.media-card-actions .button i{height:15px;width:15px;font-size:15px}}.page{padding:85px 60px 30px}.page-title{font-size:25px;font-weight:600}.page-cards{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:20px 15px;margin-top:20px}@media (max-width: 1200px){.page-cards{grid-template-columns:repeat(5,1fr)}}@media (max-width: 1000px){.page{padding:85px 40px 30px}.page-cards{grid-template-columns:repeat(4,1fr)}}@media (max-width: 700px){.page{padding:85px 30px 30px}.page-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 500px){.page-cards{grid-template-columns:repeat(2,1fr)}}.player{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;height:100%;width:100%;background-color:#000;z-index:30}.player-controls{display:flex;flex-direction:row;align-items:center;column-gap:20px;position:fixed;top:5%;left:55px;right:55px;z-index:1}.player-controls i{font-size:32px;text-shadow:0 0 5px rgba(0,0,0,.3);cursor:pointer}.player-controls i.right{margin-left:auto}.player-title{position:fixed;top:360px;left:50%;max-width:60%;transform:translate(-50%);font-size:16px;font-weight:500;text-align:center;text-shadow:0 0 5px rgba(0,0,0,.6);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;z-index:1}.player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media (max-width: 768px){.player{margin-top:10vh;width:100%;height:90%}.player-controls{top:7%;left:20px;right:20px}.player-controls i{font-size:26px}.player-title{top:70px;font-size:14px}}@media (max-width: 400px){.player-controls{top:10%;left:20px;right:20px}.player{margin-top:15vh;width:100%;height:85%}}.title{position:fixed;top:0;left:0;height:100%;width:100%;padding:30px 60px;background-color:#00000080;overflow:auto;z-index:30}.title-container{position:relative;min-height:100%;width:100%;max-width:900px;margin:0 auto;background-color:#121212;border-radius:10px;box-shadow:0 0 10px #000;animation:fade_in .3s linear forwards;overflow:hidden}.title-close{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:60px;background-color:#000;font-size:25px;z-index:1;cursor:pointer}.title-backdrop{position:relative;height:600px;width:100%;aspect-ratio:16/9;background-color:#000;background-position:center;background-size:cover}.title-backdrop:after{content:"";position:absolute;left:0;bottom:0;height:50%;width:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#121212 100%)}.title-content{position:relative;margin-top:-250px;padding:0 40px 40px;z-index:1}.title-logo{margin-top:70px;display:flex;align-items:flex-end;height:150px;width:100%;max-width:50%;animation:scaleDown 1s ease forwards 5s;transform-origin:left}@keyframes scaleDown{0%{transform:scale(1)}to{transform:scale(.8)}}.title-logo img{display:block;max-height:100%;max-width:100%}.title-actions{display:flex;flex-direction:row;align-items:center;column-gap:15px;margin-top:20px}.title-actions .button{height:44px;font-size:16px}.title-actions .button:not(:first-child){display:flex;align-items:center;justify-content:center;height:44px;width:44px;padding:0;border-radius:50%}.title-actions .button i{font-size:18px}.title-actions .button2{width:140px;height:43px;background-color:#fff;color:#000;font-weight:600;padding-left:20px;display:flex;flex-direction:row;align-items:center;border-radius:5px}.loading{top:10}.title-grid{display:grid;grid-template-columns:70% 30%;margin-top:50px}.title-col{width:100%}.title-col:last-child{padding-right:0}.title-tagline{font-size:17px;font-weight:500}.title-meta{display:flex;flex-direction:row;align-items:center;column-gap:10px;margin-top:5px;color:#c9c9c9;font-size:15px;font-weight:500}.title-description{margin-top:20px;line-height:1.4;font-size:14px;font-weight:400}.title-list{display:flex;flex-wrap:wrap;line-height:1.5;font-size:14px;font-weight:500}.title-list .head{margin-right:5px;color:#9b9b9b}.title-list a{margin-right:5px}.title-list a:last-child{margin-right:0}.title-section{margin-top:50px}.title-section h3{font-size:22px;font-weight:700}.title-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px 15px;margin-top:20px}.title-extend{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;height:1px;margin-top:20px}.title-extend.active{margin-top:30px;z-index:-1}.title-extend:before{content:"";position:absolute;left:-40px;bottom:-20px;height:100px;width:calc(100% + 80px);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#121212 70%);z-index:0}.title-extend:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fff3}.title-extend .button{position:relative;height:44px;width:44px;padding:0;border-radius:50%;font-size:18px;z-index:1}.title-row{display:flex;flex-direction:row;align-items:center}.title-select{display:flex;align-items:center;min-width:180px;margin-left:auto;padding:12px 20px;color:#fff;background-color:#242424;border:2px solid rgb(77,77,77);border-radius:5px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='white'><polygon points='0,0 10,0 5,5'/></svg>");background-repeat:no-repeat;background-position-x:calc(100% - 10px);background-position-y:calc(50% + 4px);background-size:14px;font-size:16px;font-weight:700;cursor:pointer}.title-episodes{display:flex;flex-direction:column;margin-top:20px}.episode{display:flex;flex-direction:row;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer}.episode-number{color:#c9c9c9;min-width:70px;font-size:24px;font-weight:500;text-align:center}.episode-image{width:100%;max-width:130px;aspect-ratio:16/9;border-radius:5px}.episode-text{width:100%;margin-left:20px}.episode-row{display:flex;flex-direction:row;align-items:center}.episode-title{font-size:15px;font-weight:600}.episode-runtime{margin-left:auto;font-size:15px;font-weight:500}.episode-description{margin-top:10px;color:#c9c9c9;font-size:14px}.left-side-buttons{position:absolute;top:5%;right:5px;display:flex;align-items:center;z-index:100}.left-side-buttons .button{height:60px;width:40px;border-radius:30px 0% 0% 30px;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#000;font-size:18px}.left-side-buttons .btn{height:60px;width:40px;border-radius:0 30px 30px 0;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#000;font-size:18px}@keyframes fade_in{0%{opacity:0}to{opacity:1}}@media (max-width: 1000px){.title-close{width:100%;height:60px}.title{padding:0}.title-section{margin-top:30px}.title-logo{margin-top:60px}.title-grid{display:grid;grid-template-columns:100%;margin-top:50px}.title-content{padding:0 20px 20px}.episode{padding:10px 0}.episode-title{font-size:13px}.episode-number{padding-right:10px;min-width:10px;font-size:15px;text-align:start}.episode-runtime{font-size:13px}.episode-text{width:100%;margin-left:10px}.episode-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.title-backdrop{height:400px}.left-side-buttons{top:7%}.left-side-buttons .button,.left-side-buttons .btn{height:50px;width:60px}}@media (max-width: 450px){.title-backdrop{height:300px}.left-side-buttons{top:120px}.left-side-buttons .button,.left-side-buttons .btn{height:40px;width:50px}.title-close{width:100%;height:55px}.title{padding:0}.title-section{margin-top:30px}.title-logo{margin-top:80px}.title-grid{display:grid;grid-template-columns:100%;margin-top:50px}.title-content{padding:0 20px 20px}.episode{padding:10px 0}.episode-title{font-size:13px}.episode-number{padding-right:10px;min-width:10px;font-size:15px;text-align:start}.episode-runtime{font-size:13px}.episode-text{width:100%;margin-left:10px}.episode-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}
