@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_5cfdac{font-family:Geist,Geist Fallback;font-style:normal}.__variable_5cfdac{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}:root{--background:rgb(14,13,13);--foreground:#ffffff;--hover:#383838;--header:rgb(28,28,32);--header_text:#fff;--outline:#4e4e4eb6;--orange:#dd7703}.text{display:block;width:-moz-fit-content;width:fit-content;font-size:30px;margin:auto auto -50px}.disable{display:none}body,html{max-width:100vw;overflow-x:hidden;height:100%}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0;list-style:none;border:0;outline:0;scrollbar-color:var(--hover) transparent;scrollbar-width:thin;scroll-behavior:smooth}button{cursor:pointer}a{color:inherit;text-decoration:none}.no-scroll{overflow:hidden}.no-visible{opacity:0}.pagination{display:flex;gap:5px;justify-content:center}.container{max-width:1600px;margin:auto;padding:10px}.header-app{top:0;position:fixed;z-index:97;background-color:var(--header)}.header-app .navegation{flex-basis:100%;display:flex;flex-direction:column;justify-content:start}.header-app .navegation .links{display:flex;flex-direction:column;gap:10px;margin-top:120px;padding:5px;color:var(--header_text);& .btn-{display:flex;flex-direction:column;padding:10px;background-color:transparent;outline:1px solid #4e4e4eb6;color:#fff;font-size:15px;border-radius:3px;transition:outline .2s ease;&:hover{background:#383838}}a{display:flex;justify-content:space-between;padding:7px 8px}}.header-app .form_search{position:fixed}.header-app .form_search input{top:20px;padding:12px;border:0;height:-moz-fit-content;height:fit-content;border-radius:4px;color:#fff;outline:1px solid var(--outline)}.header-app .logo{flex-basis:100%;position:absolute;display:flex;left:10px;top:10px;padding:10px;z-index:99;background:var(--header)}.header-app .logo .bg-logo{display:inline-block;position:relative;margin:0;transition:all .2s ease}.header-app .logo .bg-logo{color:var(--header_text);& span:nth-child(6),& span:nth-child(7){color:#dd7703;font-size:25px}&:hover{& span:nth-child(6),& span:nth-child(7){color:var(--header_text)}color:#dd7703}}.logo{width:auto;text-align:center}.bg-logo{display:block;position:relative;transition:all .2s ease}.bg-logo{color:#ffffff;font-size:30px;& span:nth-child(6),& span:nth-child(7){color:#dd7703;font-size:25px}}#nprogress{pointer-events:none}#nprogress .bar{background:#dd7703;position:fixed;z-index:1031;top:0;left:0;width:100%;height:3px}@media only screen and (max-width:600px){.filters h3{font-size:40px;margin:30px 20px}.filters .btn-filt{font-size:20px;background:#222;color:#fff;padding:10px;margin:20px;width:92%;border-radius:7px;display:block}.content-filter label{cursor:pointer}.content-filter{margin:0 20px;& .select__control{margin:20px 0}}.header-app{position:relative}.header-app .navegation{position:absolute;width:100%;left:0;background-color:#111;top:70px;display:flex;flex-direction:column;gap:40px;height:0;overflow:hidden;transition:all .2s ease;&.show{padding-bottom:70px;height:250px;padding-top:10px}}.header-app .navegation .links{flex-direction:column;padding:0 10px}.header-app .buttons{padding:0 10px}.header-app .toggle{display:flex;flex-direction:column;gap:5px;position:absolute;right:10px;cursor:pointer;& div{width:20px;height:2px;background-color:#ffff}}.header-app .toggle.active{div{transition:all .2s ease-out}& div:first-child{rotate:230deg}& div:nth-child(2){opacity:0}& div:nth-child(3){rotate:130deg;margin-top:-14px}}footer{display:flex;height:200px;flex-wrap:wrap;background-color:transparent;padding:40px;border-top:1px solid #222;justify-content:space-around;text-align:center;& .logo{padding-bottom:40px}}footer .services,footer .tags{display:flex;flex-direction:column;gap:10px}footer .tags{margin-top:20px}footer .tags h3{font-size:25px;color:var(--hover)}.services ul,footer .tags ul{display:flex;flex-direction:column;gap:5px}footer .tags ul li{display:block}.pwd-login{position:fixed;z-index:3;display:grid;place-items:center;width:100%;height:100%;scale:80%;transition:opacity .01s,scale .1s ease-in-out;&.show{scale:100%}&.no-show{opacity:0;z-index:-1}}.pwd-login .pwd-bground{background:#191a19bd;width:100%;height:120%;position:absolute;z-index:-1}.pwd-login .pwd-content{display:flex;flex-direction:column;background:#111;padding:70px 30px;height:450px;width:400px;gap:20px;position:relative;border-radius:10px}.pwd-login .pwd-content .pwd-btn-showpassword{width:-moz-fit-content;width:fit-content;position:absolute;bottom:5px;right:5px}.pwd-login .pwd-content .pwd-text{display:flex;flex-direction:column;gap:5px;font-size:14px;position:relative}.pwd-login .pwd-content .pwd-text .pwd-input{display:block;padding:7px;border-radius:6px}.pwd-login .pwd-content .pwd-thumbnail{width:120px;height:auto;bottom:0;left:0;position:absolute}.pwd-login .pwd-content .pwd-btn{position:absolute;bottom:70px;left:25%;padding:10px;width:50%;font-size:20px;border-radius:10px;&:hover{background-color:#0f0e0f;color:#ffffff;outline:1px solid #ffffff}}.pwd-login .pwd-content .pwd-btn-close{position:absolute;top:5px;right:5px;cursor:pointer;font-size:20px;background:transparent;color:#fff;padding:5px;&:hover{background:#222}}.pwd-login .pwd-content .pwd-message{text-transform:capitalize}.pwd-login .pwd-content .pwd-message button{background:transparent;color:#ca9b04;font-weight:700;margin-left:10px}.data-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.data-list .card-1{width:193.33px;position:relative;&:hover .image{img{filter:blur(1px);scale:110%}.play-icon{position:absolute;bottom:40%;left:45%;font-size:40px}box-shadow:3px 4px 0 2px var(--hover);.tag-year{opacity:0;transition:all .2s ease}}&:hover .describe .tag-name{color:#b8b8b8}}.data-list .card-1 .image{width:inherit;position:relative;height:280.333px;margin-bottom:10px;overflow:hidden;border-radius:10px;box-shadow:0 0 0 2px transparent;transition:all .2s ease-out}.data-list .card-1 .image img{width:100%;height:100%;border-radius:10px;transition:all .2s ease-in-out}.data-list .card-1 .image .tag-year{position:absolute;top:10px;right:10px;background:#111011;font-weight:500;padding:10px;border-radius:10px;font-size:12px}.data-list .card-1 .describe{display:block}.data-list .card-1 .describe .tag-name{display:inline;text-transform:lowercase;font-weight:600}.data-list .card-1 .describe .tag-genres{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.data-list .card-1 .describe .tag-genres .tag-gnre{background:#222;padding:6px;font-size:12px;border-radius:10px}.tlt-section{text-align:center;font-size:30px;margin:20px}.post-container{position:relative;margin-top:70px;padding-top:20px}.post-container .post{width:-moz-fit-content;width:fit-content;margin:50px auto;position:relative}.post-container .post img{width:100%;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000000 50%);mask-image:linear-gradient(0deg,transparent 0,#000000 50%);border-radius:10px 10px 0 0}.post-container .tag-date{position:absolute;font-size:30px;top:0;left:20px;z-index:1;text-align:center;width:100%;text-transform:capitalize}.post-container .post .post-genres{position:absolute;display:flex;font-size:16px;gap:10px;width:100%;bottom:20px;justify-content:center}.post-container .post .post-genres li{padding:10px;background-color:var(--hover);border-radius:10px;transition:scale .2s ease;&:hover{background-color:#b8b8b8;color:#000000;cursor:pointer;scale:110%}}.content-dir .list-series{display:flex;gap:20px;justify-content:center;margin:60px auto auto;flex-wrap:wrap}.content-dir .list-series .card-2{width:223.333px;display:flex;flex-direction:column;gap:10px;position:relative;&:hover{.tag-status,.tag-year{opacity:0}}}.content-dir .list-series .card-2 .image{width:100%;height:280px;border-radius:7px;position:relative;box-shadow:0 0 0 0 transparent;transition:all .2s ease-out;overflow:hidden;&:hover{box-shadow:3px 1px 0 2px var(--hover);.play-icon{scale:100%}img{scale:110%}.tag-status{opacity:0}}}.content-dir .list-series .card-2 .image img{width:100%;height:100%;transition:all .2s ease-out;border-radius:7px}.content-dir .list-series .card-2 .image .tag-year{position:absolute;top:10px;z-index:2;right:10px;background:#222;padding:5px;border-radius:4px;font-size:12px}.content-dir .list-series .card-2 .image .play-icon{position:absolute;bottom:45%;left:45%;transition:scale .1s ease-in-out;font-size:40px;scale:0}.content-dir .list-series .card-2 .describe{display:block}.content-dir .list-series .card-2 .describe .tag-status{position:absolute;top:240px;right:10px;border-radius:5px;background:#222;font-size:14px;padding:6px}.content-dir .list-series .card-2 .describe .tag-name{display:block;font-weight:600}.content-dir .list-series .card-2 .describe .tag-genres{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.content-dir .list-series .card-2 .describe .tag-genres .tag-gnre{padding:6px;background:#222;font-size:12px;border-radius:4px}.content-dir .filters{margin-top:40px;& label{cursor:pointer;margin:10px 0;display:block}& h3{margin-top:0;font-size:40px}}.btn-filt{&:hover{background:#111;outline:1px solid var(--hover)}}.pagination{width:100%;margin:80px 0;padding:0 10px;gap:4px;justify-content:space-around}.pagination .pagination--btn{background:#222;padding:10px 15px;font-size:20px;border-radius:3px;width:100%;text-align:center;&:first-child,&:last-child{background-color:transparent}&.active,&:hover{background:var(--hover)}}.content-serie{position:relative}.content-serie .serie-menu{top:80px;left:0;width:100%}.content-serie .serie-menu .serie-menu-buttons{display:flex;gap:1px;margin:20px auto;max-width:1600px;padding:0 20px;gap:2;justify-content:center}.content-serie .serie-menu .serie-menu-buttons button{padding:10px;width:100%;font-size:16px;&:hover{background-color:#111;color:#fff;outline:1px solid var(--hover)}}.content-serie .content{display:flex;flex-direction:column;width:100%;padding:10px 20px;gap:0;margin:50px auto auto}.content-serie .content .serie-info{display:block;& .logotype{width:140px;padding:10px}}.content-serie .content .serie-info .serie-episodes{transition:all .2s ease-in-out;margin-top:50px;-webkit-user-select:none;-moz-user-select:none;user-select:none;& .pagination--episodes{width:100%;display:flex;gap:5px;margin-top:20px;& button{background:#222;color:#fff;width:100%;padding:10px;border-radius:7px;&:hover{outline:1px solid var(--hover)}}}& .next-episode-tag{font-weight:300;padding-left:10px}&.collapse{min-height:100px;max-height:800px}&.no-collapse{height:0;overflow:hidden}}.content-serie .content .serie-info .recommends-serie{height:0;overflow:hidden;transition:all .2s ease;&.active{height:max-content}}.content-serie .content .serie-info .recommends-serie .list-recommends{display:flex;padding:0 10px;flex-wrap:wrap;gap:20px 10px;margin-top:20px}.content-serie .content .serie-info .recommends-serie .list-recommends .recommends-item{width:210px}.content-serie .content .serie-info .recommends-serie .list-recommends .recommends-item{cursor:pointer;&:hover .images img{scale:105%}}.content-serie .content .serie-info .recommends-serie .list-recommends .recommends-item .images{overflow:hidden;width:210px;border-radius:6px;height:270px;position:relative;img{transition:all .2s ease;width:100%;height:100%;border-radius:7px}.tag-year{background:#111011;padding:6px;color:#a3a3a3;font-size:12px;position:absolute}}.content-serie .content .serie-info .recommends-serie .list-recommends .recommends-item .name{margin-top:6px;display:block;font-size:14px;color:#a3a3a3}.content-serie .content .serie-info .recommends-serie .title{margin-left:10px;border-left:2px solid var(--hover);padding-left:10px}.content-serie .content .serie-info .serie-episodes .episodes{display:flex;flex-wrap:wrap;gap:10px;margin-top:50px;padding-left:10px}.content-serie .content .serie-info .serie-episodes .episodes .episode{width:140px;position:relative;overflow:hidden;border-radius:7px;&:hover{cursor:pointer;& img{scale:110%}& .tag{color:var(--hover)}}}.content-serie .content .serie-info .serie-episodes .episodes .episode .tag-duration{position:absolute;z-index:2;font-size:12px;right:5px;top:5px}.content-serie .content .serie-info .serie-episodes .episodes .episode .episode-image{transition:all .2s ease;width:140px;border-radius:4px}.content-serie .content .serie-info .serie-episodes .episodes .episode .tag{color:#777;font-size:12px;display:block}.content-serie .content .serie-info .serie-episodes .episodes .episode .episode-descripcion{font-size:16px;margin:2px 0;display:block}.content-serie .content .serie-info .serie-name{font-size:35px;text-transform:capitalize;border-left:2px solid var(--hover);padding-left:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.content-serie .content .serie-info .tags{margin-top:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.content-serie .content .serie-info .tags .serie-genres{display:flex;flex-wrap:wrap;padding:10px;margin-top:60px;gap:5px}.content-serie .content .serie-info .tags .serie-genres li a{padding:10px;background-color:var(--hover);border-radius:5px;display:block;&:hover{background-color:#111011;outline:1px solid var(--hover)}}.content-serie .content .serie-info .tags .serie-description{margin:20px 0;color:var(--hover);text-align:center}.content-serie .content .serie-info .tags .tag{padding:10px;margin-top:5px;display:flex;width:98%;justify-content:space-between;border-bottom:1px solid #111011;& .views{font-size:14px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#777}}.content-serie .content .serie-info .tags .tag span{text-transform:capitalize;display:inline-block;font-weight:500}.content-serie .content .serie-image{position:relative;display:block}.content-serie .content .serie-image img{width:100%;border-radius:7px}.content-serie .content .serie-image .votes-series{display:flex;padding:10px;gap:10px}.content-serie .content .serie-image .votes-series button{width:100%;padding:10px;border-radius:10px;&:hover{background-color:#111;color:#fff;outline:1px solid var(--hover)}}}@media only screen and (min-width:768px){body{padding-top:85px}.content{margin-left:120px}.content-app{margin-top:-40px;padding-top:20px}.header-app{align-items:end;display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content;gap:60px;padding:10px;height:100%}.slide-title{margin-top:0!important}.slide-homepage{width:90%;& .swiper-button-prev{left:0}& .swiper-button-next,& .swiper-button-prev{top:0;bottom:0;height:110%;background:var(--background);color:#fff;padding:20px!important}& .swiper-button-next{right:0}}.slide{width:100%;position:relative}.slide .show-graph{padding:40px;position:absolute;width:90%;margin-left:30px;height:90%;display:flex;flex-direction:column;justify-content:center;z-index:1}.slide .show-graph .name-tag{font-size:35px;text-transform:capitalize}.slide .show-graph .descripcion-tag{color:var(--text-color);margin-top:20px}.slide .show-graph .year-tag{opacity:0}.slide .show-graph .status-tag{font-size:20px;text-transform:capitalize;width:-moz-fit-content;width:fit-content}.slide .show-graph .genres-tags{display:flex;gap:10px;margin-top:40px}.slide .show-graph .genres-tags .genre-tag{padding:7px;background:transparent;box-shadow:2px 1px 1px 1px var(--orange);border-radius:2px}.slide .show-graph .btn-slide{width:-moz-fit-content;width:fit-content;padding:10px 20px;position:absolute;bottom:100px;font-size:30px;border-radius:3px;transition:scale .2s ease;display:flex;gap:10px;align-items:center;justify-content:center;&:active,&:hover{background-color:var(--header);color:#fff;scale:105%}}.slide .img-slide{height:700px;width:100%;-webkit-mask-image:radial-gradient(#0000009f,transparent);mask-image:radial-gradient(#0000009f,transparent)}.header-app .form_search{top:0;background-color:var(--header);width:100%;padding:10px;z-index:98;.input-group{position:relative;width:85%;margin:auto;display:block}button{color:#fff;font-size:20px;i{top:10px;right:-30px;position:absolute}}}.header-app .form_search input{width:100%;color:var(--header);text-align:center;&::placeholder{color:var(--header);text-align:center}}.content-streaming{max-width:100dvw;display:flex;flex-direction:column;gap:30px;margin-left:-120px}.content-streaming .player{.share-content{position:fixed;width:100%;height:100%;top:0;bottom:0;left:0;right:0;z-index:-1;display:grid;place-content:center;background:#111119b7;opacity:0;cursor:pointer;&.show{animation:fadeInUp .2s ease;opacity:1;z-index:999}.clipp{display:flex;align-items:center;justify-content:center;gap:10px;p{background-color:var(--header);padding:10px;font-size:20px;border-radius:10px;outline:2px solid var(--hover)}}button{padding:10px;font-size:20px;background-color:var(--header);color:#fff;outline:2px solid var(--hover);border-radius:5px;&:hover{background-color:var(--hover)}}}.download-content{width:1500px;margin:50px auto;height:0;overflow:hidden;&.active{animation:fadeInUp .2s ease;height:-moz-fit-content;height:fit-content}}.download-content .title-download{font-size:20px;text-align:center;background-color:var(--header);padding:10px;border-radius:10px;margin:20px 0}.download-content .download-item{display:flex;gap:10px;justify-content:space-between;padding:10px;border-bottom:1px solid var(--header);button{padding:10px;background-color:var(--header);color:#fff;border-radius:4px;outline:1px solid var(--hover);&:hover{background-color:var(--hover)}}}.buttons{position:relative;margin-left:40px;display:flex;gap:5px;.tooltip{position:relative;display:inline-block}.tooltip button{padding:6px 10px;border:none;background:var(--header);color:#fff;font-size:20px;cursor:pointer;border-radius:5px}.tooltip .tooltiptext{visibility:hidden;opacity:0;width:max-content;background-color:var(--header);color:#fff;text-align:center;padding:5px 10px;outline:1px solid var(--hover);border-radius:6px;position:absolute;bottom:-125%;left:50%;transform:translateX(-50%);transition:opacity .3s;white-space:nowrap;z-index:999}.tooltip .tooltiptext:after{content:"";position:absolute;top:-50%;rotate:180deg;left:50%;margin-left:-5px;border-width:10px;border-style:solid;border-color:var(--header) transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}}iframe{width:100%;height:700px}}.content-streaming .player{display:flex;flex-direction:column;width:100%;padding-left:201px;margin:-85px auto auto;& .vjs-icon-placeholder{font-size:20px;position:absolute;top:-15px}}.content-streaming .player .title{display:block;font-size:25px;text-transform:capitalize;margin:20px 0 20px 40px}.content-streaming .player .controls-player{display:flex;align-items:center;justify-content:space-between;margin:40px 0;padding:50px}.content-streaming .player .controls-player .control{width:290px;height:180px;position:relative;overflow:hidden;border-radius:7px;&:hover{.tagDuration,.tagEpisode{opacity:0}img{filter:blur(1px) brightness(70%);scale:110%}}}.content-streaming .player .controls-player .control img{width:100%;height:100%;transition:scale .2s ease-out;filter:brightness(50%)}.content-streaming .player .controls-player .control i{position:absolute;left:40%;bottom:35%;font-size:50px}.content-streaming .player .controls-player .control .tagEpisode{position:absolute;top:10px;left:10px;font-size:14px}.content-streaming .player .controls-player .control .tagDuration{position:absolute;bottom:10px;right:10px;font-size:14px}.content-streaming .player .controls-player .control strong{position:absolute;bottom:-30px;left:30%;font-weight:500}.content-streaming .player .comments{width:95%;margin:0 auto;padding:10px;.text-emergent{font-size:20px;margin-left:50px}.text-warning{font-size:18px;display:flex;gap:10px;border-radius:10px;width:100%;background-color:#f5e28f;flex-direction:column;align-items:center;color:#222;padding:10px;button{padding:10px;border-radius:5px;background:var(--header);color:#fff;outline:1px solid #5e5d5d96}}.promp-comments{display:flex;gap:10px;margin:20px 0;img{border-radius:100%;width:40px;outline:1px solid #a1a1a150;padding:6px}.promp{width:100%}}.actions{display:flex;gap:10px;margin:10px 0;button{padding:10px;border-radius:4px;&:active,&:hover{background:var(--header);color:#fff;outline:1px solid #a1a1a150}}.btn-cancel{background:var(--header);outline:1px solid #a1a1a150;color:#fff}}.editable{border:1px solid #cccccc3b;padding:8px;min-height:40px;outline:none;border-radius:5px}.editable:empty:not(:focus):before{content:attr(data-placeholder);color:#aaa;pointer-events:none}}.content-streaming .player .comments .content-comments{height:0;display:flex;flex-direction:column;gap:10px;overflow:hidden;&.show{animation:fadeInUp 1s ease;height:-moz-fit-content;height:fit-content}& .comment-item{padding:10px;border-radius:10px;display:flex;flex-direction:column;gap:10px;background:var(--header);opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease;&.new{opacity:0;transform:translateY(10px);animation:fadeInUp .4s ease forwards}& .info-comment{display:flex;flex-direction:column;gap:5px;img{border-radius:100%;width:50px}.username-comment{color:var(--hover)}}& .graph{display:flex;position:relative;flex-direction:column;& .date-comment{font-size:12px;color:#6b6a6b;margin-top:10px}}}}.content-streaming .player .comments .btn-comments{width:100%;background:var(--header);color:#fff;padding:15px;font-size:15px;border-radius:10px;&:hover{outline:solid 1px var(--hover)}}.content-streaming .player .overlay-episode{overflow:hidden;position:relative;.vjs-progress-holder{background-color:#111011}.btn-skip{padding:10px;position:absolute;z-index:2;top:10px;left:10px;scale:0;transition:all .2s ease;&.show{scale:100%}&:hover{background-color:var(--hover);color:#fff}}.vjs-load-progress{background-color:#afbcf7}.vjs-play-progress{background-color:var(--hover)}}.content-streaming .player .overlay-episode .Video-streaming .video-js .vjs-icon-placeholder{color:var(--hover);transition:all .2s ease}.content-streaming .player .overlay-episode .Video-streaming .video-js .vjs-big-play-button{background-color:transparent;outline:0;border:0}.recommends-slide{width:1200px;padding:10px 0;& .swiper-button-prev,.swiper-button-next{color:#fff}& .slide:hover{img{filter:brightness(.4);scale:95%;box-shadow:-2px 2px 1px 2px var(--orange)}}& .image-slide{transition:all .2s ease;width:100%;height:270px;border-radius:4px}& .swiper-scrollbar-horizontal{background-color:transparent}& .swiper-scrollbar-drag{background-color:#fff}h3{font-size:20px;font-weight:400;margin-top:10px}}.content-streaming .wrapper-news .img-news{width:100%;border-radius:7px}.pwd-login{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:50;transition:opacity .3s ease}.pwd-login.no-show{opacity:0;pointer-events:none}.pwd-login.show{opacity:1;pointer-events:auto}.pwd-bground{position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.65)}.pwd-content{background:rgba(20,20,30,.9);border-radius:20px;padding:2rem;width:500px;text-align:center;color:#fff;box-shadow:0 0 25px rgba(55,50,54,.4);animation:fadeInUp .4s ease}.pwd-content,.pwd-content .pwd-text{position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.pwd-content h3{font-size:1.8rem;margin-bottom:1.5rem;color:var(--orange);text-shadow:0 0 10px rgba(201,133,6,.6);font-family:Poppins,sans-serif}.pwd-content input{position:relative;width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);padding:12px;border-radius:10px;margin-bottom:1rem;color:#fff;font-size:.95rem;outline:none;transition:border .2s,box-shadow .2s}.pwd-content input:focus{border:1px solid var(--orange);box-shadow:0 0 10px var(--header)}.pwd-content button{width:-moz-fit-content;width:fit-content;background:var(--header);border:none;padding:12px;color:#fff}.pwd-content .pwd-btn-showpassword{position:absolute;right:0;top:20px;background-color:transparent}.pwd-content .pwd-btn{width:100%;margin-top:20px;outline:1px solid var(--hover);border-radius:5px;&:hover{background-color:var(--hover)}}.pwd-content .pwd-message button{padding:0;background-color:transparent;margin-left:10px;font-size:15px;text-transform:uppercase}.login-part,.register-part{margin:auto;width:0;height:0;overflow:hidden;&.show{padding:10px;height:-moz-fit-content;height:fit-content;width:400px;animation:fadeInUp .1s forwards}}.pwd-btn-close{position:absolute;top:12px;right:12px;background-color:transparent!important;border:none;font-size:1.4rem;cursor:pointer;transition:transform .2s}.pwd-btn-close:hover{transform:rotate(90deg);color:var(--orange)}.last-episodes{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px;gap:20px}.last-episodes .last-episode{position:relative;overflow:hidden;&:hover{cursor:pointer;.play-icon{opacity:1;z-index:2;padding:15px;left:40%!important;top:30%!important;border-radius:100%;font-size:15px!important;outline:2px solid var(--hover);animation:fadeInUp .2s ease}.image{box-shadow:1px 1px 1px 1px var(--hover)}.image img{filter:brightness(.2)}.tag-name{display:none;right:-20px;animation:fadeInUp .2s forwards}.tag{color:var(--hover)}}.image{width:100%;height:120px;margin-bottom:5px;overflow:hidden;position:relative;&.loading{box-shadow:none}.tag-new{position:absolute;bottom:0;text-transform:capitalize;right:0;background:var(--background);padding:8px;border-radius:10px 0 0 0;span{font-size:11px;padding:3px;color:var(--orange);background:var(--header)}}.play-icon{font-size:20px;left:45%;top:40%;position:absolute}img{width:100%;height:100%}}span{display:block}.tag{color:#afadad;font-size:12px}.tag-name{width:100%;top:20px;right:1000px;position:absolute;transition:all .2s ease}}.data-list{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px;gap:20px;justify-content:center;margin-bottom:120px}.data-list .card-1{width:100%;position:relative;& .btn-add{position:absolute;left:10px;top:10px;background-color:var(--header);color:#fff;font-size:25px;padding:7px;display:flex;align-items:center;justify-content:center;border-radius:100%;opacity:0;&.active,&:hover{background-color:var(--hover)}&.active{animation:fadeInUp .2s ease}}&:hover .image{img{filter:brightness(.2)}.play-icon{scale:100%}box-shadow:3px 4px 0 2px var(--hover);.tag-year{opacity:0;transition:all .2s ease}}&:hover .describe .tag-name{color:#b8b8b8}&:hover .btn-add{opacity:1}}.data-list .card-1 .image{width:100%;position:relative;height:380.333px!important;margin-bottom:10px;border-radius:5px;box-shadow:0 0 0 2px transparent;transition:all .2s ease-out;&.loading{box-shadow:none}}.data-list .card-1 .image img{width:100%;height:100%;border-radius:5px;transition:all .2s ease-in-out}.data-list .card-1 .tag-status{position:absolute;bottom:-10px;left:0;border-radius:2px;background:var(--background);padding:10px;border-radius:0 10px 0 0;& .status{color:#ffffff;font-size:12px;display:block;padding:5px;border-radius:5px;background:#1a1a1a;font-weight:700;text-transform:capitalize}}.data-list .card-1 .image .tag-year{position:absolute;top:0;right:-5px;background:var(--background);font-weight:500;padding:10px 15px;border-radius:0 0 0 5px;& .year{display:block;font-size:12px;margin-top:-5px;padding:4px 10px;border-radius:5px;background-color:var(--hover)}}.data-list .card-1 .image .play-icon{position:absolute;bottom:45%;left:40%;transition:scale .1s ease-in-out;font-size:40px;scale:0;background:transparent;padding:20px;border-radius:100%;font-size:16px;outline:3px solid var(--hover)}.data-list .card-1 .describe{display:block}.data-list .card-1 .describe .tag-name{display:inline;text-transform:capitalize;font-weight:500}.data-list .card-1 .describe .tag-genres{display:none;gap:10px;flex-wrap:wrap;margin-top:20px}.data-list .card-1 .describe .tag-genres .tag-gnre{background:#222;color:#ccc;padding:6px;font-size:12px;border-radius:5px;&:hover{background:#222;color:#fff;cursor:pointer}}.container-content{max-width:1400px;margin-inline:auto;padding:0 10px}.tlt-section{text-align:start;font-size:30px;margin-bottom:20px;margin-top:120px;padding-left:20px;border-left:4px solid var(--hover);display:flex;flex-direction:column;span{font-size:15px;color:#949494}}.content-dir .list-series{display:grid;grid-template-columns:repeat(5,1fr);justify-content:center;align-content:center;grid-gap:20px;gap:20px;max-width:1120px;margin:60px auto auto}.content-dir .list-series .card-2{width:100%;display:flex;flex-direction:column;gap:10px;position:relative;& .btn-add{position:absolute;left:5px;top:10px;background-color:var(--header);color:#fff;font-size:20px;padding:7px;display:flex;align-items:center;justify-content:center;border-radius:100%;opacity:0;&.active,&:hover{background-color:var(--hover)}&.active{animation:fadeInUp .2s ease}}&:hover{.tag-status,.tag-year{opacity:0}.btn-add{opacity:1;scale:100%}}}.userPage{display:grid;grid-template-columns:20% 75%;grid-gap:7px;gap:7px}.userPage .user-graphs{width:100%;display:flex;flex-direction:column;gap:7px;& span{font-size:15px}span:nth-child(5),span:nth-child(6){color:#555252;font-weight:500;font-size:14px;text-transform:capitalize}}.userPage .content-list{width:100%;min-height:50dvh}.userPage .content-list .layout-userPage{display:flex;flex-direction:column;gap:10px}.userPage .content-list .layout-userPage .item-layout-userPage{width:100%;display:flex;align-items:center;gap:10px;border-bottom:1px solid #555252;padding:10px;position:relative;&:hover{cursor:pointer;background-color:var(--header);img{filter:brightness(.4);scale:120%}.btn-ref{opacity:1}}}.userPage .content-list .layout-userPage .item-layout-userPage .btn-ref{position:absolute;color:#fff;background:transparent;font-size:25px;left:25px;opacity:0}.userPage .content-list .layout-userPage .item-layout-userPage .option{position:absolute;right:10px;z-index:2;&:hover{background-color:var(--hover)}}.userPage .content-list .layout-userPage .text-1{font-size:20px;font-weight:400}.userPage .content-list .layout-userPage .text-2{color:#777;button{padding:10px;border-radius:5px;background-color:var(--header);color:#fff;&:hover{outline:1px solid var(--outline)}}}.userPage .content-list .layout-userPage .item-layout-userPage .optiongroup{position:absolute;right:15px;padding:10px;transition:opacity .2s ease;&.no-active{opacity:0}&.active{opacity:1}button{padding:10px;background-color:var(--header);color:#fff;outline:1px solid #555252;border-radius:4px;z-index:2;&:hover{background-color:var(--hover)}}}.userPage .content-list .layout-userPage .item-layout-userPage img{height:70px;border-radius:5px;transition:scale .2s ease}.userPage .content-list .layout-userPage .item-layout-userPage span{font-size:20px;text-transform:capitalize}.userPage .content-list .layout-userPage .item-layout-userPage p{font-size:15px;color:#555252}.not-found{min-height:65dvh;display:grid;place-content:center;grid-gap:10px;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;h5{color:#555252}button{border-radius:5px;width:-moz-fit-content;width:fit-content;padding:10px 20px;font-size:20px;background-color:var(--header);color:#fff;&:hover{background-color:var(--outline);outline:1px solid #ffffff71}}}.header-app .navegation .links .avatar{margin:auto;flex-direction:column;overflow:hidden;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:flex;font-size:20px;align-items:center;justify-content:space-between;gap:10px;.user-picture{transition:all .2s ease;border-radius:6px;cursor:pointer;height:50px;width:50px;&:hover{scale:90%;padding:5px;outline:1px solid var(--hover)}}}.background--modal{background-color:rgba(0,0,0,.822);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;left:0;right:0;bottom:0;top:0;width:100%;height:100dvh;display:none;z-index:-2;opacity:0;place-items:center;transition:all .2s ease-in;scale:100%;&.show{scale:110%;opacity:1;z-index:98;display:block;& .avatars-modal{top:45%;height:50%;width:50%}}}.avatars-modal{position:relative;height:100%;width:100%;top:-100%;left:0;overflow:hidden;overflow-y:auto;background-color:#1f1e1efa;padding:10px;border-radius:10px;.btn--close{background-color:transparent;color:#fff;position:-webkit-sticky;position:sticky;right:10px;top:10px;&:hover{color:var(--hover)}}.btn--submit{transition:all .2 ease;top:0;position:-webkit-sticky;position:sticky;padding:10px;margin:20px;border-radius:10px}& .avatars{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:10px;cursor:pointer;img{border-radius:2px;width:70px;height:auto;transition:all .2s ease;&.active,&:hover{scale:110%;filter:grayscale()}}}}.searcher-header{position:absolute;width:100dvw;left:50px;background-color:var(--header);z-index:-1;transition:all .2s ease;padding:10px;overflow:hidden;opacity:0;.shw-results{padding:10px!important;width:80%;margin:auto;display:block;color:#fff;font-size:18px;background:var(--header);transition:all .2s ease;outline:1px solid var(--hover);border-radius:5px;&:hover{background:var(--hover);color:#fff}}&.show{opacity:1;height:-moz-fit-content;height:fit-content;top:50px}&.no-show{top:-100%;height:0}}.searcher-header .text-searcher{width:80%;padding:10px;margin:auto;color:#ac660a;font-size:20px;font-weight:500}.searcher-header .results{width:80%;margin:auto;display:flex;flex-direction:column;padding-bottom:40px;padding-top:10px;border-top:1px solid #bd8101ea;overflow:hidden;height:100%;overflow-y:auto}.searcher-header .results .result{padding:10px;height:auto;border-bottom:1px solid #3d3d3de1;position:relative;cursor:pointer;outline:0 solid transparent;img{display:block;width:70px;height:90px;border-radius:7px;display:none}&:hover{transition:all .2s ease;color:#ccc;outline-width:1px;outline-color:#fff;.tag-yr{color:#fff}}.tag-yr{position:absolute;bottom:10px;left:35px;font-size:12px;color:var(--hover);padding:0 10px;border-left:1px solid #3d3d3de1;border-right:1px solid #3d3d3de1}.tag-name{position:absolute;z-index:2;top:25px;left:100px;color:#fcfcfc;font-family:sans-serif}.tag-name,.tag-type{text-transform:capitalize}.tag-type{position:relative;bottom:0;color:#f0ebeb;font-size:12px}}.content-dir .list-series .card-2 .image{width:100%;height:300px;border-radius:4px;position:relative;box-shadow:0 0 0 0 transparent;transition:all .2s ease-out;&.loading{&:hover{box-shadow:none}}&:hover{box-shadow:3px 1px 0 2px var(--hover);.play-icon{scale:100%}img{filter:brightness(.2)}.tag-status{right:-100px}}}.content-dir .list-series .card-2 .image img{width:100%;height:100%;transition:all .2s ease-out;border-radius:4px}.content-dir .list-series .card-2 .image .tag-year{position:absolute;top:0;right:0;z-index:2;background:var(--background);padding:10px;border-radius:0 0 0 10px;& .year{font-size:12px;border-radius:5px;background-color:var(--hover);padding:3px 10px}}.content-dir .list-series .card-2 .image .play-icon{position:absolute;bottom:45%;left:35%;transition:scale .1s ease-in-out;font-size:40px;scale:0;background:transparent;padding:20px;border-radius:100%;font-size:16px;outline:3px solid var(--hover)}.content-dir .list-series .card-2 .describe{display:block}.content-dir .list-series .card-2 .tag-status{position:absolute;bottom:0;left:0;border-radius:2px;background:var(--background);font-size:12px;padding:10px;border-radius:0 10px 0 0;& .status{display:block;padding:5px;border-radius:5px;background:#272627}}.content-dir .list-series .card-2 .describe .tag-name{display:block;font-weight:500}.content-dir .list-series .card-2 .describe .tag-genres{display:none;gap:6px;flex-wrap:wrap;margin-top:10px}.content-dir .list-series .card-2 .describe .tag-genres .tag-gnre{padding:6px;background:#222;color:#ccc;font-size:11px;border-radius:2px;&:hover{color:#fff;background:#000;outline:1px solid var(--hover);cursor:pointer}}.content-dir .filters{display:flex;max-width:1220px;justify-content:space-around;gap:20px;margin:70px auto auto;position:relative;.select__control{background-color:var(--header);border:1px transparent;outline:3px solid var(--header)!important}& label{cursor:pointer;margin:10px 0;display:block}& h3{margin-top:0;font-size:40px}& .select__value-container{max-width:250px;min-width:130px}}.btn-filt{font-size:20px;padding:15px;color:#ffffff;background:var(--header);border-radius:7px;height:-moz-fit-content;height:fit-content;margin-top:20px;right:0;&:hover{background:var(--hover);outline:1px solid var(--header)}}.pagination{margin:80px}.pagination .pagination--btn{background:#fff;color:#222;padding:10px 15px;font-size:20px;border-radius:2px;&:first-child,&:last-child{color:#fff;background:transparent!important}&.active,&:hover{color:#fff;background:var(--hover)}}footer{width:85%;margin-left:200px;display:flex;height:200px;background-color:transparent;padding:20px;justify-content:space-around;border-top:1px solid var(--hover);margin-top:50px}footer .services,footer .tags{display:flex;flex-direction:column;gap:10px}footer .tags h3{font-size:25px;color:var(--hover)}.services ul,footer .tags ul{display:flex;flex-direction:column;gap:5px}footer .tags ul li{display:block}.content-serie{position:relative;margin-top:-60px}.content-serie .background-serie{width:100%;height:700px;background-repeat:no-repeat;background-size:cover;background-position:end;position:absolute;top:-120px;z-index:-1;filter:brightness(.2) blur(4px);-webkit-mask-image:linear-gradient(0deg,transparent,#000);mask-image:linear-gradient(0deg,transparent,#000)}.content-serie .serie-menu{top:50px;left:0;width:100%}.content-serie .serie-menu .serie-menu-buttons{display:flex;gap:1px;margin:0 auto;max-width:1400px;padding:0 20px;gap:2;justify-content:center}.content-serie .serie-menu .serie-menu-buttons button{padding:10px;width:100%;font-size:16px;background-color:var(--header);color:#fff;&:hover{outline:1px solid var(--hover)}}.content-serie .content{display:grid;max-width:1400px;padding:10px 20px;grid-template-columns:20% 80%;grid-gap:30px;gap:30px;margin:50px auto auto}.content-serie .content .serie-info{display:block;& .logotype{width:140px;padding:10px}}& .next-episode-tag{font-size:25px;margin:20px 0;background-color:var(--header);padding:10px;text-align:center}& .btn-trailer{display:block;padding:10px 0;background:transparent;color:#fff;font-size:20px;border-bottom:1px solid #fff;margin-left:10px;&:hover{color:var(--hover)}}& .container-trailer{position:fixed;top:0;width:100%;height:100%;bottom:0;left:0;background:#0000007e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;z-index:-1;scale:80%;transition:scale .2s,opacity .2s ease;&.show{opacity:1;scale:100%;z-index:2}& .video-trailer{aspect-ratio:16/9;width:50%;margin:200px auto;border-radius:10px;& .btn-close{position:absolute;z-index:4;top:150px;background:transparent;color:#fff;right:25%;font-size:40px}& .trailer{width:100%;height:100%;object-fit:cover}}}.content-serie .content .serie-info .recommends-serie{opacity:0;height:0;&.show{opacity:1;height:400px}}.content-serie .content .serie-info .serie-episodes{transition:all .2s ease-in-out;margin-top:50px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:50px;& .pagination--episodes{width:100%;display:flex;gap:5px;margin-top:20px;& button{background:var(--header);color:#fff;width:100%;padding:10px;border-radius:7px;&:hover{outline:1px solid var(--hover)}}}& .next-episode-tag{font-weight:300;padding-left:10px}&.collapse{height:min-content}&.min-height{height:120px!important}&.no-collapse{height:0;overflow:hidden}}.content-serie .content .serie-info .serie-episodes .episodes{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:20px;gap:20px;margin-top:50px;padding-left:10px}.content-serie .content .serie-info .serie-episodes .filter_episode{position:relative}.content-serie .content .serie-info .serie-episodes .filter_episode .filter_episodes{padding:10px;margin-left:10px;transition:all .2s ease;background-color:var(--header);color:#fff;&.active{outline:1px solid #363535;color:#fff}}.content-serie .content .serie-info .serie-episodes .text{padding-left:10px;font-size:25px}.content-serie .content .serie-info .serie-episodes .filter_episode .options_filter_episodes{padding:10px;display:flex;gap:10px;height:60px;background:var(--header);width:-moz-fit-content;width:fit-content;margin-top:5px;margin-left:10px;position:absolute;align-items:center;z-index:4}.content-serie .content .serie-info .serie-episodes .filter_episode .options_filter_episodes .btn-filter{padding:6px;font-size:14px;background:var(--hover);color:#fff;height:-moz-fit-content;height:fit-content;&.active,&:hover{outline:1px solid #555252;color:#fff;background-color:var(--header)}}.content-serie .content .serie-info .serie-episodes .episodes .episode{width:100%;position:relative;overflow:hidden;border-radius:7px;& img{height:90px}&:hover{cursor:pointer;& img{scale:110%}& .tag{color:var(--hover)}& .tag-duration{opacity:0}}}.content-serie .content .serie-info .serie-episodes .episodes .episode .tag-duration{position:absolute;z-index:2;font-size:12px;right:5px;top:5px}.content-serie .content .serie-info .serie-episodes .episodes .episode .episode-image{transition:all .2s ease;width:100%;height:90px;border-radius:4px}.content-serie .content .serie-info .serie-episodes .episodes .episode .tag{color:#777;font-size:12px;display:block}.content-serie .content .serie-info .serie-episodes .episodes .episode .episode-descripcion{font-size:16px;margin:2px 0;display:block}.content-serie .content .serie-info .serie-name{font-size:35px;text-transform:capitalize;border-left:2px solid var(--hover);padding-left:10px;margin-left:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.content-serie .content .serie-info .tags{margin-top:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.content-serie .content .serie-info .tags .serie-genres{display:flex;padding:10px;margin-top:60px;gap:10px}.content-serie .content .serie-info .tags .serie-genres li a{padding:10px;box-shadow:1px 1px 1px 1px var(--hover);border-radius:5px;transition:all .2s ease;&:hover{background-color:#111011;box-shadow:-1px 0 1px 1px var(--hover)}}.content-serie .content .serie-info .tags .serie-description{margin:20px 0 20px 10px;color:#c4c3c3;text-align:start}.content-serie .content .serie-info .tags .tag{padding:10px;margin-top:5px;display:flex;width:100%;gap:10px;justify-content:space-between;border-bottom:1px solid #504f4f2a;& span:first-child{color:#777777;font-weight:700;text-transform:uppercase}& .views{font-size:14px;color:#777}}.content-serie .content .serie-info .tags .tag span{text-transform:capitalize;display:inline-block;font-weight:500}.content-serie .content .serie-image{position:relative;display:block}.content-serie .content .serie-image .state{background:var(--header);padding:10px;top:10px;right:10px;position:absolute;border-radius:5px;span{text-transform:capitalize;font-size:20px;display:flex;align-items:center;justify-content:center;gap:5px}}.content-serie .content .serie-image .add-btn{width:100%;padding:10px;font-size:20px;border-radius:4px;margin-top:10px;background-color:rgb(19,19,23);color:#fff;i{color:#ca9b04}&.active,&:hover{outline:1px solid var(--hover);color:#fff}}.content-serie .content .serie-image img{width:100%;border-radius:7px}.content-serie .content .serie-image .votes-series{display:flex;padding:10px 0;gap:10px;justify-content:space-between}@keyframes pop{0%{transform:scale(1)}50%{background-color:var(--hover);transform:scale(1.2)}to{transform:scale(1)}}.content-serie .content .serie-image .votes-series .vote-btn{width:100%;padding:10px;border-radius:4px;font-size:12px;background-color:rgb(19,19,23);color:#fff;display:flex;gap:10px;justify-content:center;&.active,&:hover{color:#fff;outline:1px solid var(--hover)}&.active{animation:pop .3s ease}}.item-list{width:100%;position:relative;.btn-watch{position:absolute;width:90%;left:15px;background-color:var(--header);color:#fff;font-size:30px;transition:all .2s ease;padding:10px;z-index:2;bottom:40px;right:30px;opacity:0;scale:0;display:flex;justify-content:center;align-items:center;gap:10px;&:hover{background-color:var(--hover)}}.option{position:absolute;z-index:2;right:20px;top:20px;font-size:18px;background-color:var(--header);padding:5px;border-radius:0;cursor:pointer;color:#fff;&:hover{color:var(--hover)}}.options{width:-moz-fit-content;width:fit-content;position:absolute;right:20px;top:50px;opacity:0;z-index:-1;button{background-color:var(--header);color:#fff;display:block;margin:auto;padding:10px;&:hover{background-color:var(--hover)}}&.active{opacity:1;z-index:2}}}.item-list .name{position:absolute;width:100%;bottom:20px;z-index:2;.name-list{display:block;position:relative;bottom:20px;margin:auto;width:90%;padding:10px;background-color:var(--header);border-radius:4px;font-size:20px;text-transform:capitalize;opacity:0;scale:60%;text-align:center}}.item-list .image{width:100%;position:relative;height:550px}.item-list .image img{width:100%;height:520px;box-shadow:0 transparent;border-radius:10px}.list-user{height:500px}.list-user .swiper-slide{img{filter:brightness(.6)}}.list-user .swiper-pagination{bottom:0!important}.list-user .swiper-slide-active{.name-list{opacity:1;scale:100%;transition:scale .2s ease-out}img{filter:brightness(100%);transition:filter .7s,box-shadow .2s ease-in-out;box-shadow:2px 2px 1px 3px var(--hover)}&:hover{.btn-watch{opacity:1;scale:100%}.name-list{opacity:0;display:none}}}.rate-section{display:flex;gap:10px}.rate-section .rate-item{width:300px;height:180px;position:relative;border-radius:0 10px 10px 10px;&:hover{box-shadow:2px 2px 1px 2px var(--hover);.btn-watch{opacity:1}}}.rate-section .rate-item .images{width:100%;height:100%;overflow:hidden;border-radius:10px;&:hover{cursor:pointer;img{scale:105%}.btn-watch{animation:fadeInUp .2s ease-out;opacity:1}}.btn-watch{padding:10px;font-size:18px;position:absolute;bottom:20px;right:20px;opacity:0;z-index:2;display:flex;gap:10px;align-items:center;justify-content:center;&:hover{background-color:var(--header);color:#fff}}.type{position:absolute;right:0;background-color:var(--background);padding:10px 14px;border-radius:0 0 0 10px;z-index:2;span{padding:4px 7px;font-size:14px;color:#bbbebe;font-weight:700;background-color:var(--header)}}img{transition:scale .2s ease;object-fit:cover;border-radius:10px;height:100%;width:100%}}.rate-section .rate-item .name{position:relative;width:100%;span{padding:10px 0;font-size:20px;display:block;width:-moz-fit-content;width:fit-content;text-transform:capitalize}}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );transform:translateX(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}