#twitch-module.twitch-player *, #twitch-module.twitch-player *:before, #twitch-module.twitch-player *:after {box-sizing: border-box!important;}
#twitch-module.twitch-player {margin: 0 auto;position: relative;}
#twitch-module.twitch-player.light-theme {background: #fff;}
#twitch-module.twitch-player.dark-theme {background: #201c2b;}
#twitch-module.twitch-player .twitch-module-wrapper {padding-bottom: 40.323%;height: 0;}
#twitch-module.twitch-player .embed {width: calc(100% - 300px); position: relative;}
#twitch-module.twitch-player .embed iframe {}
#twitch-module.twitch-player #stream-container {display: flex;position: relative;position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
#twitch-module.twitch-player #stream-container ul {width: 300px;overflow-y: scroll; position: relative;margin: 0;padding: 0;}
#twitch-module.twitch-player #stream-container ul li {position:relative;margin:5px 0;padding:5px;list-style: none;}
#twitch-module.twitch-player #stream-container ul li.offline-slide {grid-column: 1 / -1;text-align: center;font-weight: bold;display: none;}
#twitch-module.twitch-player #stream-container ul li a {width:100%; text-decoration: none; display: flex;}
#twitch-module.twitch-player #stream-container ul li a .twitch-image {width: 28px; height: 28px;border-radius: 50%;overflow: hidden;margin-right: 8px;display: inline-block;}
#twitch-module.twitch-player #stream-container ul li a .twitch-image-overlay {opacity: 0; position: absolute;height: 100%;width: 100%;left: 0;top: 0;display: flex;transform: scale(2);justify-content: center; align-items: center;background-color: rgba(0,0,0,0.5);transition: all .35s ease;}
#twitch-module.twitch-player #stream-container ul li a img {width: auto;height: 100%; vertical-align: top;}
#twitch-module.twitch-player #stream-container ul li .twitch-info {display: inline-block;text-align:left;font-family: "Helvetica Neue", Helvetica, Arial, 'sans-serif'; width: calc(100% - 28px);position: relative;}
#twitch-module.twitch-player.light-theme #stream-container ul li .twitch-info {background:#fff;}
#twitch-module.twitch-player.dark-theme #stream-container ul li .twitch-info {background:#201c2b;}
#twitch-module.twitch-player #stream-container ul li .twitch-name {font-size: 12px; line-height: 12px; font-weight: 700; color: #444;}
#twitch-module.twitch-player #stream-container ul li .twitch-title {line-height:11px; overflow: hidden; font-size:11px;text-overflow: ellipsis;white-space: nowrap;width: 200px;margin: 3px 0 0;}
#twitch-module.twitch-player #stream-container ul li .twitch-viewers {position: absolute; top: 0; right: 0; font-size: 12px; color: #888;}
#twitch-module.twitch-player.light-theme #stream-container ul li .twitch-title {color: #19171c}
#twitch-module.twitch-player.dark-theme #stream-container ul li .twitch-title {color: #dad8de}
#twitch-module.twitch-player.light-theme #stream-container ul li .twitch-name {color: #19171c}
#twitch-module.twitch-player.dark-theme #stream-container ul li .twitch-name {color: #dad8de}
#twitch-module.twitch-player #stream-container ul li .twitch-meta {padding: 25px 0 4px;font-size:12px;line-height: 18px;height: 47px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 8px);}
#twitch-module.twitch-player.light-theme #stream-container ul li .twitch-meta {color:#6e6779;}
#twitch-module.twitch-player.dark-theme #stream-container ul li .twitch-meta {color:#898395;}

@media screen and (max-width:1175px) {
  #twitch-module.twitch-player .twitch-module-wrapper {height: auto;position: relative;padding: 0;}
  #twitch-module.twitch-player #stream-container {flex-wrap: wrap;}
  #twitch-module.twitch-player .embed {width: 100%;padding-bottom: 40.323%; height: 0;}
  #twitch-module.twitch-player .embed iframe {position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
  #twitch-module.twitch-player #stream-container {position: relative;}  
  #twitch-module.twitch-player #stream-container ul {width: 100%;height: auto; padding: 0;overflow-y: visible;}
  #twitch-module.twitch-player #stream-container ul li .twitch-title {width: calc(100% - 30px);}
}

@media screen and (max-width:768px) {
  #twitch-module.twitch-player .embed {padding-bottom: 160%;}
}

/*Twitch Loader*/
#twitch-module.twitch-player .loader-wrapper {display:flex;position: absolute;left:50%; transform: translate(-50%,-50%);top: 50%;text-align: center; flex-direction: column;}
#twitch-module.twitch-player .loader-wrapper img {margin: 0 auto;width: 61px; height: 64px;display: block;vertical-align: top;}
#twitch-module.twitch-player.light-theme .loader-wrapper p {color:#444}
#twitch-module.twitch-player.dark-theme .loader-wrapper p {color: #fff;}
#twitch-module.twitch-player.loading .loader-message {display: none;}
#twitch-module.twitch-player.loading .lds-ellipsis {display: inline-block;}
#twitch-module.twitch-player .lds-ellipsis {display: none;position: relative;width: 64px;height: 64px;margin: 0 auto;}
#twitch-module.twitch-player .lds-ellipsis div {position: absolute;top: 27px;width: 11px;height: 11px;border-radius: 50%;background: #723f9e;animation-timing-function: cubic-bezier(0, 1, 1, 0);}
#twitch-module.twitch-player .lds-ellipsis div:nth-child(1) {left: 6px;animation: lds-ellipsis1 0.6s infinite;}
#twitch-module.twitch-player .lds-ellipsis div:nth-child(2) {left: 6px;animation: lds-ellipsis2 0.6s infinite;}
#twitch-module.twitch-player .lds-ellipsis div:nth-child(3) {left: 26px;animation: lds-ellipsis2 0.6s infinite;}
#twitch-module.twitch-player .lds-ellipsis div:nth-child(4) {left: 45px;animation: lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1 {0% {transform: scale(0);}100% {transform: scale(1);}}
@keyframes lds-ellipsis3 {0% {transform: scale(1);}100% {transform: scale(0);}}
@keyframes lds-ellipsis2 {0% {transform: translate(0, 0);}100% {transform: translate(19px, 0);}}