#twitch-module.twitch-wall *, #twitch-module.twitch-wall *:before, #twitch-module.twitch-wall *:after {box-sizing: border-box!important;}
#twitch-module.twitch-wall {margin: 0 auto;}
#twitch-module.twitch-wall .embed {display:inline-block;width:100%;height: 0px;}
#twitch-module.twitch-wall .embed.active {height: 432px;margin: 17px 0;}
#twitch-module.twitch-wall #stream-container ul li {position:relative;margin:0;padding:0;list-style: none;}
#twitch-module.twitch-wall #stream-container ul li.offline-slide {grid-column: 1 / -1;text-align: center;font-weight: bold;display: none;}
#twitch-module.twitch-wall #stream-container ul li a {width:100%; text-decoration: none;}
#twitch-module.twitch-wall #stream-container ul li a:hover .twitch-image-overlay {opacity: 1;transform: scale(1)}
#twitch-module.twitch-wall #stream-container ul li a .twitch-image {position: relative;overflow: hidden;}
#twitch-module.twitch-wall #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-wall #stream-container ul li a .twitch-image-overlay img {width: 40px;height: auto;}
#twitch-module.twitch-wall.light-theme #stream-container ul li a .twitch-image {border: solid 2px #fff;}
#twitch-module.twitch-wall.dark-theme #stream-container ul li a .twitch-image {border: solid 2px #17141f;}
#twitch-module.twitch-wall #stream-container ul li a img {display: block;width: 100%;}
#twitch-module.twitch-wall #stream-container ul {display:grid;grid-template-columns: repeat(auto-fill, minmax(308px, 1fr));margin: 0;
padding: 0;list-style: none;grid-gap: 20px;}
#twitch-module.twitch-wall #stream-container ul li .twitch-info {position:relative;bottom:0;width: calc(100%);text-align:left;padding: 0 4px 0;font-family: "Helvetica Neue", Helvetica, Arial, 'sans-serif';}
#twitch-module.twitch-wall.light-theme #stream-container ul li .twitch-info {background:#fff;}
#twitch-module.twitch-wall.dark-theme #stream-container ul li .twitch-info {background:#17141f;}
#twitch-module.twitch-wall #stream-container ul li .twitch-title {height: 21px; line-height: 21px; margin: 4px 0 0; overflow: hidden; position: absolute; left:4px;font-size:14px;font-weight:500;text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 8px);}
#twitch-module.twitch-wall.light-theme #stream-container ul li .twitch-title {color: #19171c}
#twitch-module.twitch-wall.dark-theme #stream-container ul li .twitch-title {color: #dad8de}
#twitch-module.twitch-wall #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-wall.light-theme #stream-container ul li .twitch-meta {color:#6e6779;}
#twitch-module.twitch-wall.dark-theme #stream-container ul li .twitch-meta {color:#898395;}

/* Indicator */
#twitch-module.twitch-wall .stream .online-indicator--online {background: #2ecc71;}
#twitch-module.twitch-wall .stream .online-indicator--offline {background: #D64541;}
#twitch-module.twitch-wall .stream .online-indicator {position: absolute; top:8px;left: 8px; border-radius: 50%;box-shadow: 1px 1px 1px #000;}
#twitch-module.twitch-wall .stream .online-indicator {height: 10px;width: 10px;border: 1px solid #D64541;}
#twitch-module.twitch-wall .stream .online-indicator--online {border-color: #2ecc71;}
#twitch-module.twitch-wall .stream .online-indicator--online:before {content: "";display: block;position: absolute;border-radius: 100%;height: 10px;width: 10px;left: -1px;top: -1px;border: 1px solid #2ecc71;animation: online 2s infinite;}
@-webkit-keyframes online { 0% { transform:scale(1); opacity: 1; } 100% { transform:scale(3); opacity: 0; }}

@media screen and (max-width:780px) {
  .twitch-stream__item {width:calc(50% - 20px);}
}

@media screen and (max-width:480px) {
  .twitch-stream__item {width:calc(100% - 20px);}
}

#twitch-module.twitch-wall .loader-wrapper {display:none;height: 100px;align-items:center;}
#twitch-module.twitch-wall.loading .loader-wrapper {display:flex}

#twitch-module.twitch-wall .loader-wrapper {
  margin: 0px auto;
  width: 60px;
  height: 60px;
  position: relative;
}

#twitch-module.twitch-wall .cube1, #twitch-module.twitch-wall .cube2 {
  background-color: #7f1618;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

#twitch-module.twitch-wall .cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes sk-cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}