*{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:clip}.collection-cards{display:flex;flex-direction:row;align-items:center;column-gap:15px;width:100%;transition:transform .3s ease-in-out}.collection-cards .media-card{min-width:calc(16.67% - 13px);max-width:calc(16.67% - 13px)}.collection-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0;height:100%;width:45px;background:linear-gradient(to right,rgba(0,0,0,.7),transparent);cursor:pointer}.collection-arrow.right{left:auto;right:0;background:linear-gradient(to left,rgba(0,0,0,.7),transparent)}@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}.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}}@media (max-width: 700px){.hero-content{max-width:400px;margin:auto 30px}.hero-logo{max-height:150px}.hero-text{line-height:1.3;font-size:16px}}@media (max-width: 550px){.hero-text{font-size:15px}}.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,#090909);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;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1000}.player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.player-controls{display:flex;flex-direction:row;align-items:center;position:fixed;top:30px;left:35px;right:35px;z-index:1001;gap:12px}.player-controls i{font-size:32px;text-shadow:0 0 5px rgba(0,0,0,.3);cursor:pointer;color:#fff;background:#00000080;padding:10px;border-radius:50%}.player-controls i.right{margin-left:auto}.player-controls i:hover{background:#000c}.player-controls select{background:#3c3c3ccc;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:4px;cursor:pointer;box-shadow:0 0 5px #00000080}.player-controls select:hover{background:#505050e6;border-color:#ffffff80}.player-controls select:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:1px}.player-controls select option{background:#333;color:#fff}.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:1001}.player .loading-spinner{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;z-index:1000}.player .loading-spinner:before,.player .loading-spinner:after{content:"";position:absolute;height:64px;width:3px;background:#e50914;animation:netflix-spinner 1.2s cubic-bezier(0,.5,.5,1) infinite}.player .loading-spinner:before{left:47%;animation-delay:-.24s}.player .loading-spinner:after{left:50%;animation-delay:-.12s}.player .loading-spinner .spinner-third{content:"";position:absolute;height:64px;width:3px;background:#e50914;animation:netflix-spinner 1.2s cubic-bezier(0,.5,.5,1) infinite;left:44%;animation-delay:-.36s}@media (max-width: 768px){.player-controls{top:50px;left:20px;right:20px}.player-controls i{font-size:26px}.player-title{top:70px;font-size:14px}}@keyframes netflix-spinner{0%{top:calc(50% - 32px);height:64px}50%,to{top:calc(50% - 16px);height:32px}}.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 #00000080;animation:fade_in .3s linear forwards;overflow:hidden}.title-close{display:flex;align-items:center;justify-content:center;position:absolute;top:20px;right:20px;width:40px;height:40px;background-color:#121212;border-radius:50%;font-size:25px;z-index:1;cursor:pointer}.title-backdrop{position:relative;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,#0000,#121212)}.title-content{position:relative;margin-top:-250px;padding:0 40px 40px;z-index:1}.title-logo{display:flex;align-items:flex-end;height:150px;width:100%;max-width:50%}.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{width:135px;height:47px;font-size:16px}.title-actions .button:not(:first-child){display:flex;align-items:center;justify-content:center;height:47px;width:47px;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}.title-grid{display:grid;grid-template-columns:70% 30%;margin-top:50px}.title-col{width:100%;padding-right:20px}.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,#0000,#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}@keyframes fade_in{0%{opacity:0}to{opacity:1}}@media (max-width: 1000px){.title{padding:30px 40px}.title-actions .button{height:40px;font-size:16px}.title-actions .button:not(:first-child){height:40px;width:40px}}@media (max-width: 700px){.title{padding:30px}.title-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.title{padding:0}.title-container{border-radius:0}.title-content{margin-top:-150px}.title-logo{height:auto;max-width:70%}.title-tagline{font-size:16px}.title-section{margin-top:30px}.title-grid{grid-template-columns:100%;row-gap:20px}.title-col{width:100%;padding-right:0}.title-cards{grid-template-columns:repeat(2,1fr)}.episode{flex-direction:column}.episode-number{display:none}.episode-image{width:100%;min-width:200px;max-width:60%;aspect-ratio:16/9;border-radius:5px}.episode-text{width:100%;margin-left:0;margin-top:20px}}
