body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App.kick-theme{--color-main:#64ff27;--color-main-hover-bg:#52ee0456;--color-border:#1110;--color-shadow:#38a8007c;--color-bg:#000;--color-text-muted:#888;--color-white:#fff;--scrollbar-thumb:#49cf0654;--scrollbar-thumb-hover:#64ff278f;--input-shadow:0 0 8px #38a800d7;--input-shadow1:0 0 8px #4cd607d7}.App.twitch-theme{--color-main:#9146ff;--color-main-hover-bg:#6b35cc7e;--color-border:#0000;--color-shadow:#8636fd77;--color-bg:#0000;--color-text-muted:#888;--color-white:#f0f0ff;--scrollbar-thumb:#9046ff62;--scrollbar-thumb-hover:#7020dfcc;--input-shadow:0 0 8px #9146ffd7;--input-shadow1:0 0 14px #6a16e9ea}body,html{background-color:var(--color-bg);font-family:Arial,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0}.App{height:100vh;overflow:hidden}.game-list::-webkit-scrollbar{height:8px}.game-list::-webkit-scrollbar-track{background:#111;border-radius:4px}.game-list::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border:2px solid var(--color-border);border-radius:4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.game-list::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.game-item{background-color:var(--color-bg);border-radius:8px;box-shadow:0 0 8px var(--color-shadow);box-sizing:border-box;color:var(--color-main);display:flex;flex-direction:row;flex-shrink:0;gap:12px;height:100%;max-width:320px;min-width:250px;padding:10px}.game-poster{border-radius:6px;height:130px;object-fit:cover;width:90px}.game-info{display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-overflow:ellipsis}.game-name{color:var(--color-white);font-size:13px;font-weight:700;margin-bottom:4px}.game-extra{color:var(--color-text-muted);font-size:12px}.button-screen{background-color:var(--color-bg);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:transform 1s ease-in-out;width:100%;z-index:1}.button-screen.slide-left{transform:translateX(-100%)}.button-grid-container{flex-grow:1;margin:0 auto;max-width:1920px;padding:30px 20px 60px}.button-grid{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);height:calc(100vh - 200px);margin:0 auto;padding:30px 50px 130px;width:100%}.grid-button{align-items:center;background-color:initial;border:none;border-radius:8px;box-sizing:border-box;color:var(--color-main);cursor:pointer;display:flex;flex-direction:column;opacity:0;padding:10px;transition:background-color .3s ease}.grid-button.visible{animation:fadeIn .5s ease-in-out;opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.thumbnail-image{border-radius:6px;height:200px;object-fit:cover;width:100%}.button-title{color:var(--color-white);font-size:15px;font-weight:700;margin-top:10px}.button-date,.button-length{color:var(--color-text-muted);font-size:13px;margin-top:4px}.grid-button:hover{background-color:var(--color-main-hover-bg)}@keyframes gameListFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.game-list{-webkit-overflow-scrolling:touch;align-items:stretch;animation-delay:.6s;animation-duration:.6s;animation-fill-mode:forwards;animation-name:gameListFadeIn;animation-timing-function:ease-out;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);box-sizing:border-box;display:flex;gap:15px;min-height:180px;opacity:0;overflow-x:auto;overflow-y:hidden;padding:15px 24px;scroll-behavior:smooth;width:100%}@keyframes platformbuttonsFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.platform-buttons{animation-delay:.6s;animation-duration:.6s;animation-fill-mode:forwards;animation-name:platformbuttonsFadeIn;animation-timing-function:ease-out;margin:10px 24px 20px 80px;opacity:0}.platform-buttons button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;height:44px;justify-content:center;margin-right:10px;padding:8px;transition:background-color .3s ease;width:44px}.platform-buttons button:hover{background-color:var(--color-main-hover-bg)}.platform-buttons button.active{background-color:var(--color-main)}.platform-icon{height:40px;width:40px}.main-content{display:flex;height:100vh;position:relative;width:100%}.react-player,.video-container{background-color:#000;height:100%;width:100%}.react-player{object-fit:contain}.chat-container{background-color:var(--color-bg);border-left:1px solid var(--color-border);box-sizing:border-box;height:100%;overflow-y:auto;padding:20px;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:370px;z-index:1000}.chat-container.open{transform:translateX(0)}.toggle-chat-btn{background-color:var(--color-main);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;position:fixed;right:20px;top:20px;z-index:1001}.toggle-chat-btn:hover{background-color:var(--color-main-hover-bg)}.shared-gif{left:50%;max-width:500px;mix-blend-mode:lighten;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .5s ease-in-out;width:100%;z-index:-1}.shared-gif.low-opacity{opacity:.1;pointer-events:none}.intro-screen{align-items:center;background-color:var(--color-bg);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity 1s ease-in-out;width:100%;z-index:10}.intro-screen.fade-out{opacity:1;pointer-events:none}.video-link-button{background:none;border:none;color:var(--color-main);cursor:pointer;font-size:13px;margin-left:5px;padding:0 4px}.video-link-button:hover{text-decoration:underline}.played-videos-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}@keyframes gamesearchFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.game-search-bar{animation-delay:.6s;animation-duration:.6s;animation-fill-mode:forwards;animation-name:gamesearchFadeIn;animation-timing-function:ease-out;background-color:var(--color-bg);border-bottom:1px solid var(--color-bg);margin-left:30px;opacity:0;padding:10px 24px}.game-search-bar input{background-color:#111;border:1px solid #0000;border-radius:6px;box-shadow:var(--input-shadow1);color:var(--color-main);font-size:14px;max-width:300px;outline:none;padding:10px 15px;width:100%}.game-search-bar input::placeholder{color:#414141}.react-player iframe{transition:none!important}.App,.main-content,.react-player iframe,.video-container{background-color:#000!important}.sidebar-hover-area{background-color:initial;height:50vh;left:0;z-index:999}.sidebar,.sidebar-hover-area{position:fixed;top:0;width:400px}.sidebar{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:-400px;opacity:.8;text-align:center;transition:left .3s ease;z-index:1000}.sidebar-open{left:0}.sidebar-header{border-bottom:1px solid;flex-shrink:0;gap:10px;padding:20px;text-align:center;z-index:2}.sidebar-header,.sidebar-header-top{align-items:center;display:flex;justify-content:space-between}.sidebar-header-top{width:100%}.platform-buttons-sidebar.left,.platform-buttons-sidebar.right{align-items:center;display:flex;gap:5px;justify-content:center;width:120px}.sidebar-logo-container{display:flex;flex-grow:1;justify-content:center}.sidebar-logo{cursor:pointer;height:auto;pointer-events:auto;width:70px}.platform-buttons-sidebar button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:4px;transition:background-color .3s ease;width:36px}.platform-buttons-sidebar button:hover{background-color:var(--color-main-hover-bg)}.platform-buttons-sidebar button.active{background-color:var(--color-main);box-shadow:0 0 8px var(--color-shadow)}.platform-icon{display:block;height:24px;object-fit:contain;width:24px}.sidebar-body{background-color:var(--color-bg);color:var(--color-main);flex-grow:1;height:calc(100vh - 80px);overflow-y:auto}.sidebar-video-list{list-style:none;margin:0;padding:0}.sidebar-video{align-items:center;border-bottom:1px solid #ffffff1a;color:var(--color-main);cursor:pointer;display:flex;gap:15px;padding:12px 15px;transition:background-color .3s ease}.selected-video,.sidebar-video:hover{background-color:var(--color-main-hover-bg)}.selected-video{box-shadow:inset 0 0 8px var(--color-shadow);transition:background-color .3s ease}.sidebar-thumbnail{border-radius:6px;box-shadow:0 0 8px var(--color-shadow);flex-shrink:0;height:50px;object-fit:cover;width:80px}.sidebar-video-text{text-align:left}.sidebar-video-title{color:var(--color-white);font-size:16px;font-weight:600;line-height:1.2}.sidebar-video-date{color:var(--color-text-muted);font-size:12px;font-style:italic;margin-top:6px}.sidebar-body::-webkit-scrollbar{width:8px}.sidebar-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.sidebar-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.sidebar.kick-theme{--color-main:#39a800;--color-main-hover-bg:#064c00;--color-border:#38a8008a;--color-shadow:#39a800aa;--color-bg:#000;--color-text-muted:#aaa;--color-white:#64ff27;--scrollbar-thumb:#39a80088;--scrollbar-thumb-hover:#39a800cc;--input-shadow:0 0 8px #38a800d7;background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-main);opacity:.8}.sidebar.kick-theme .sidebar-header{background-color:var(--color-bg);border-bottom-color:var(--color-border)}.sidebar.kick-theme .sidebar-video{border-bottom-color:#38a80028}.sidebar.kick-theme .sidebar-video:hover{background-color:var(--color-main-hover-bg)}.sidebar.kick-theme .selected-video{background-color:#097d00;box-shadow:inset 0 0 8px var(--color-shadow)}.sidebar.kick-theme .sidebar-thumbnail{box-shadow:0 0 8px var(--color-shadow)}.sidebar.kick-theme .sidebar-video-title{--color-white:#fff}.sidebar.kick-theme .sidebar-video-date{color:var(--color-text-muted)}.sidebar.kick-theme .sidebar-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.sidebar.kick-theme .sidebar-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.sidebar.twitch-theme{--color-main:#9146ff;--color-main-hover-bg:#6b35cc7e;--color-border:#3a1f86;--color-shadow:#9146ff55;--color-bg:#000;--color-text-muted:#b3aaff;--color-white:#f0f0ff;--scrollbar-thumb:#9146ffcc;--scrollbar-thumb-hover:#b783ffcc;--input-shadow:0 0 8px #9146ffd7;background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-main);opacity:.9}.sidebar.twitch-theme .sidebar-header{background-color:var(--color-bg);border-bottom-color:var(--color-border)}.sidebar.twitch-theme .sidebar-video{border-bottom-color:#3a1f8655}.sidebar.twitch-theme .sidebar-video:hover{background-color:var(--color-main-hover-bg)}.sidebar.twitch-theme .selected-video{background-color:#6f32d9;box-shadow:inset 0 0 8px var(--color-shadow)}.sidebar.twitch-theme .sidebar-thumbnail{box-shadow:0 0 8px var(--color-shadow)}.sidebar.twitch-theme .sidebar-video-title{color:var(--color-white)}.sidebar.twitch-theme .sidebar-video-date{color:var(--color-text-muted)}.sidebar.twitch-theme .sidebar-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.sidebar.twitch-theme .sidebar-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}
/*# sourceMappingURL=main.63feac99.css.map*/