*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}body,html{background-color:#1e1e1e;color:#f5f5f5;font-family:Arial,sans-serif;margin:0;padding:0}#root,body,html{height:100%;width:100%}#root{display:flex;justify-content:center}#root .app{width:90%}#root .app,#root .app .player{align-items:center;display:flex;flex-direction:column;height:100%}#root .app .player{background-color:#000c;color:#f5f5f5;font-size:20px;justify-content:center;left:0;min-height:100%;position:fixed;top:0;width:100%;z-index:1000}#root .app .player .player_content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:80%}#root .app .player .player_content iframe{height:70%;width:100%}#root .app .player .player_content .player_controllers{display:flex;justify-content:end;margin-bottom:15px;width:100%}#root .app .player .player_content .player_controllers button{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:24px;transition:color .3s}#root .app .player .player_content .player_controllers button:hover{color:#894caf}#root .app .header{background-color:#1e1e1e;display:flex;height:50px;justify-content:center;max-width:100%;padding:50px 0 20px;width:100%;z-index:100}#root .app .header.center{background:none;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}#root .app .header.sticky{position:fixed;top:0}#root .app .header .search-container{display:flex;gap:10px 10px;justify-content:center;margin:0;max-width:1500px}#root .app .header .search-container input{background-color:#1e1e1e;border:1px solid #b0b0b0;border-radius:8px;color:#f5f5f5;font-size:16px;padding:12px;transition:border-color .3s;width:300px}#root .app .header .search-container input:focus{border-color:#894caf;outline:none}#root .app .header .search-container button{background-color:#894caf;border:none;border-radius:8px;color:#f5f5f5;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s}#root .app .header .search-container button:hover{background-color:#6d3d8b}#root .app .grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin:120px auto 0;max-width:1500px;padding:20px}#root .app .grid-container .row{display:contents}#root .app .grid-container .poster{background-color:#2c2c2c;border-radius:10px;cursor:pointer;overflow:hidden;transition:transform .3s}#root .app .grid-container .poster:hover{transform:scale(1.05)}#root .app .grid-container .poster img{height:85%;object-fit:cover;width:100%}#root .app .grid-container .poster .poster-title{color:#f5f5f5;font-size:16px;padding:12px;text-align:center}#root .app .grid-container .info-block{background-color:#1e1e1e;border-radius:12px;box-shadow:0 4px 20px #0003;grid-column:span 5;margin-top:20px;padding:20px}#root .app .grid-container .info-block .info-content{align-items:center;display:flex;gap:20px}@media(max-width:1024px){#root .app .grid-container .info-block .info-content{align-items:flex-start;flex-direction:column}}#root .app .grid-container .info-block .info-content .info-text{flex:1 1;min-width:0}#root .app .grid-container .info-block .info-content .info-text .info-block-title{color:#f5f5f5;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:15px}#root .app .grid-container .info-block .info-content .info-text .info-metadata{color:#b0b0b0;display:flex;flex-wrap:wrap;font-size:14px;gap:10px;margin-bottom:15px}#root .app .grid-container .info-block .info-content .info-text .info-metadata .info-rating{align-items:center;display:flex;gap:5px}#root .app .grid-container .info-block .info-content .info-text .info-metadata .info-rating .star{color:#894caf;font-size:16px}#root .app .grid-container .info-block .info-content .info-text .info-block-description{color:#f5f5f5;font-size:16px;line-height:1.5;margin-bottom:20px;max-width:100%}#root .app .grid-container .info-block .info-content .info-text .info-block-buttons{display:flex;gap:15px}#root .app .grid-container .info-block .info-content .info-text .info-block-buttons .watch-btn{background-color:#894caf;border:none;border-radius:8px;color:#f5f5f5;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}#root .app .grid-container .info-block .info-content .info-text .info-block-buttons .watch-btn:hover{background-color:#6d3d8b}#root .app .grid-container .info-block .info-content .info-text .info-block-buttons .close-btn{background-color:#2c2c2c;border:none;border-radius:8px;color:#f5f5f5;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}#root .app .grid-container .info-block .info-content .info-text .info-block-buttons .close-btn:hover{background-color:#131313}#root .app .grid-container .info-block .info-content .info-poster{flex:0 0 300px;max-width:300px}#root .app .grid-container .info-block .info-content .info-poster .info-block-img{border-radius:8px;height:auto;transition:transform .3s;width:100%}#root .app .grid-container .info-block .info-content .info-poster .info-block-img:hover{transform:scale(1.05)}
/*# sourceMappingURL=main.01ad2ac9.css.map*/