.visual-hide{display:none!important}.dropdown.twitch-drodown{width:320px;height:75px;position:relative}.dropdown.twitch-drodown:not(.show-loadmore) .twitch_row{margin:2px 0}.twitch_container{max-height:100%;padding:5px;position:relative}.twitch-drodown.opened .twitch_container{max-height:70vh;overflow:hidden auto}.twitch_wrapper{height:60px;position:relative;transition:height 0s ease}.twitch-drodown:not(.opened) .twitch_wrapper{height:60px!important;transition-delay:0s}.twitch-drodown.show-loadmore:not(.opened) .twitch_wrapper{transition-delay:.3s}.twitch-drodown:not(.opened) .twitch_row.twitch-card-2{top:5px!important;transform:scale(.975)}.twitch-drodown:not(.opened) .twitch_row.twitch-card-3{top:10px!important;transform:scale(.95)}.twitch-drodown:not(.opened) .twitch_row.twitch-card-4,.twitch-drodown:not(.opened) .twitch_row.twitch-card-4~.twitch_row{top:15px!important;transform:scale(.925)}.twitch_row{position:absolute;top:0;left:0;width:100%;padding:10px;background-color:rgb(var(--color-foreground));margin-bottom:4px;border-radius:5px;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 5px #0000000d,0 1px 2px #0000000d;z-index:9}.twitch_row a{display:block;text-decoration:none}.twitch_row.twitch-card-2{top:60px;z-index:8}.twitch_row.twitch-card-3{top:120px;z-index:7}.twitch_row.twitch-card-4,.twitch_row.twitch-card-4~.twitch_row{top:180px;z-index:6}.dropdown-flex{min-height:36px;display:flex;justify-content:space-between;align-items:center}.twitch-block-one{width:30px;flex:0 0 auto;margin-right:12px}.twitch-block-one img{width:30px;height:30px;display:block;object-fit:cover;border-radius:50%}.twitch-block-two{width:30px;flex:1 1 auto}.twitch_row h4{font-size:calc(var(--font-heading-scale) * 14px);line-height:1.28571429;color:rgb(var(--color-background));margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.twitch_row h5{font-family:var(--font-body-family-full);font-size:calc(var(--font-body-scale) * 13px);font-weight:600;line-height:1.23076923;color:rgb(var(--color-background));margin:1px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.game-timing{position:relative}.game-timing h5{color:rgb(var(--color-base-accent-2));padding-left:15px}.game-timing h5:before,.status:before{content:"";position:absolute;top:5px;left:0;height:8px;width:8px;background-color:rgb(var(--color-base-accent-2));border-radius:50%;animation:pulse 2s infinite}.game-timing h5 span{color:rgb(var(--color-background));margin-left:10px}.status{font-family:var(--font-body-family-full);font-size:calc(var(--font-body-scale) * 13px);font-weight:600;line-height:1.23076923;color:rgb(var(--color-base-accent-2));margin:1px 0;padding-left:15px;position:relative}.twitch-block-three{flex:0 0 auto;margin-left:5px}.twitch-block-three img,.twitch-block-three svg{max-width:14px;max-height:14px;display:block}.twitch_row.has-not-started .twitch-block-three,.twitch_row.has-end .twitch-block-three,.no-user-tournament.has-not-started .nouser-icon,.no-user-tournament.has-end .nouser-icon{display:none}.twitch_load_btn{position:-webkit-sticky;position:sticky;bottom:5px;width:90px;font-size:calc(var(--font-body-scale) * 11px);font-weight:600;line-height:15px;background:#5d41ea;color:#f0f0f0;padding:3px 10px 4px;margin:5px auto;display:block;border-radius:12px;text-transform:uppercase;text-align:center;opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1);cursor:pointer;z-index:10}.twitch-drodown .twitch_load_more{position:absolute;left:0;right:0;top:50px;bottom:auto}.twitch-drodown.opened .twitch_load_less,.twitch-drodown:not(.opened) .twitch_load_more{opacity:1;visibility:visible;transition-delay:.5s}.twitch-drodown:not(.show-loadmore) .twitch_load_btn{display:none}.old-twitch-container{width:250px;position:relative}.dropdown_nouser{background:linear-gradient(89.68deg,#1e1e1e .19% 99.72%)}.nouser_wrapper{line-height:1.5;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:9px 18px;cursor:pointer}.no-player-found{display:flex;align-items:center;justify-content:center;text-align:center;text-transform:uppercase}.no-player-found img{width:20px;margin-right:10px;display:none}.no-player-found .twitch-icon-for-dark{display:none}.no-player-found .twitch-icon-for-light{display:block}.no-player-found svg{width:20px;height:auto;display:flex}.no-player-found p{margin:0}.no-user-message{position:absolute;top:100%;left:0;width:100%;padding:5px 10px;background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);display:none;z-index:1}.no-user-message p{font-size:calc(var(--font-heading-scale) * 14px);color:rgb(var(--color-foreground));padding:10px 0;margin:0 0 5px;text-align:center;text-transform:uppercase}.no-user-message p:last-child{margin:0}.no-user-message.visible{display:block}.no-user-tournament a{display:flex;align-items:center;justify-content:space-between;padding-top:10px;padding-bottom:10px;border-top:1px solid rgba(var(--color-foreground),.2);text-decoration:none}.no-user-image{width:36px;flex:0 0 auto;margin-right:10px}.no-user-image img{width:36px;height:36px;display:block;object-fit:cover;border-radius:50%}.no-user-text{flex:1 1 auto}.no-user-text h4{font-size:calc(var(--font-heading-scale) * 14px);margin:0;text-transform:uppercase}.no-user-tournament .no-user-text p{font-size:calc(var(--font-heading-scale) * 12px);padding:0;margin:0;text-align:left}.no-user-text .tournament-status{position:relative;left:14px}.no-user-text .tournament-status:before{content:"";position:absolute;top:6px;left:-15px;height:9px;width:9px;background-color:rgb(var(--color-base-accent-2));border-radius:50%;animation:pulse-light 2s infinite}.game-timing h5:before,.status:before,.no-user-text .tournament-status:before{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #0006}75%{transform:scale(1);box-shadow:0 0 0 6px #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}@keyframes pulse-light{0%{transform:scale(.95);box-shadow:0 0 #fff6}75%{transform:scale(1);box-shadow:0 0 0 6px #fff0}to{transform:scale(.95);box-shadow:0 0 #fff0}}#my-loader{width:40px;height:30px;display:flex;justify-content:center;align-items:center;margin:20px auto}.bar{margin:.2em;width:.75em;height:1.5em;border:.1em solid #95c047;border-left:.1em solid var(--loader-acc-color);background-color:#95c047;animation:twitch-loading 1.5s infinite}.bar:empty{display:block}#bar-2{animation-delay:.25s}#bar-3{animation-delay:.5s}@keyframes twitch-loading{0%{height:1em}25%{height:1.5em}50%{height:1em}to{height:1em}}@media only screen and (min-width:990px){.twitch-drodown:not(.show-loadmore) .twitch_container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);background-color:#0000}.twitch-drodown:not(.show-loadmore) .twitch_container::-webkit-scrollbar{width:3px;background-color:#0000}.twitch-drodown:not(.show-loadmore) .twitch_container::-webkit-scrollbar-thumb{background-color:#5d41ea;border:2px solid rgba(0,0,0,0)}}@media only screen and (max-width:1360px){.dropdown.twitch-drodown{width:300px}}@media only screen and (max-width:1199px){.dropdown.twitch-drodown{width:270px}}@media only screen and (max-width:575px){.dropdown.twitch-drodown,.old-twitch-container{grid-area:twitch;width:100%}}@media(prefers-color-scheme:dark){.no-player-found .twitch-icon-for-dark{display:block}.no-player-found .twitch-icon-for-light{display:none}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/twitch.css.map */