.cp-swki{position:relative}.cp-swki[data-colour=light]{--SWKItileBgColour:#f7f7f8;--SWKItileTitleColour:#1f1f23;--SWKItileSubtitleColour:#53535f;--SWKIhoverColour:#53fc18}.cp-swki[data-colour=dark]{--SWKItileBgColour:#0e0e10;--SWKItileTitleColour:#dedee3;--SWKItileSubtitleColour:#adb8a8;--SWKIhoverColour:#53fc18}.cp-swki[data-columns="4"]{grid-template-columns:repeat(4,minmax(100px,1fr))}.cp-swki[data-columns="3"]{grid-template-columns:repeat(3,minmax(100px,1fr))}.cp-swki[data-columns="2"]{grid-template-columns:repeat(2,minmax(100px,1fr))}.cp-swki[data-columns="1"]{grid-template-columns:repeat(1,minmax(100px,1fr))}.cp-swki[data-layout=vods],.cp-swki[data-layout=wall]{grid-gap:10px;display:grid;position:relative}.cp-swki[data-layout=vods] .cp-swki__stream,.cp-swki[data-layout=wall] .cp-swki__stream{align-items:center;aspect-ratio:25/14;background-color:var(--SWKItileBgColour);border-radius:5px;color:var(--SWKItileTitleColour);display:flex;font-weight:700;justify-content:center;position:relative;text-align:center;text-transform:uppercase}.cp-swki[data-layout=vods] .cp-swki__stream:before,.cp-swki[data-layout=wall] .cp-swki__stream:before{background:#e91916;border-radius:2px;border-radius:5px;color:#f1f1f1;content:"LIVE";font-size:13px!important;font-weight:700;font-weight:600;height:20px;left:8px;line-height:18px!important;padding:0 3px;position:absolute;text-transform:uppercase;top:8px;z-index:1}.cp-swki[data-layout=vods] .cp-swki__stream:after,.cp-swki[data-layout=wall] .cp-swki__stream:after{background:#f1f1f1;border-radius:50%;bottom:15px;content:"";height:40px;left:10px;position:absolute;width:40px;z-index:1}.cp-swki[data-layout=feature]{overflow:hidden;position:relative;width:100%}.cp-swki[data-layout=feature] .cp-swki__container{display:flex;transition:transform .3s ease-out;width:100%}.cp-swki[data-layout=feature] .cp-swki__stream{align-items:center;aspect-ratio:25/14;background-color:var(--SWKItileBgColour);border-radius:5px;color:var(--SWKItileTitleColour);display:flex;flex:0 0 33.3333333333%;font-weight:700;justify-content:center;position:relative;text-align:center;text-transform:uppercase;transform:scale(.8);width:33.3333333333%}.cp-swki[data-layout=feature] .cp-swki__stream.active{transform:scale(1)}.cp-swki[data-layout=feature] .cp-swki__stream:before{background:#e91916;border-radius:2px;border-radius:5px;color:#f1f1f1;content:"LIVE";font-size:13px!important;font-weight:700;font-weight:600;height:20px;left:8px;line-height:18px!important;padding:0 3px;position:absolute;text-transform:uppercase;top:8px;z-index:1}.cp-swki[data-layout=feature] .cp-swki__stream:after{background:#f1f1f1;border-radius:50%;bottom:15px;content:"";height:40px;left:10px;position:absolute;width:40px;z-index:1}.cp-swki[data-layout=feature] button{background:rgba(0,0,0,.5);border:none;color:#fff;cursor:pointer;padding:10px 15px;position:absolute;top:50%;transform:translateY(-50%);z-index:9}.cp-swki[data-layout=feature] button:disabled{background:rgba(0,0,0,.2)}.cp-swki[data-layout=feature] button:hover{background:rgba(0,0,0,.7)}.cp-swki[data-layout=feature] button:focus{outline:none}.cp-swki[data-layout=feature] button.cp-swki__arrow-left{left:0}.cp-swki[data-layout=feature] button.cp-swki__arrow-right{right:0}.cp-swki[data-layout=status]{display:flex}.cp-swki[data-layout=status] .cp-swki__twitch-logo{align-items:center;background:#000;border-bottom-left-radius:5px;border-top-left-radius:5px;color:#fff;display:flex;height:52px;justify-content:center;position:relative;width:52px}.cp-swki[data-layout=status] .cp-swki__twitch-logo span{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg version=%271.0%27 xmlns=%27http://www.w3.org/2000/svg%27 width=%27200%27 height=%27200%27 viewBox=%270 0 150 150%27%3E%3Cpath d=%27M27 75v54h36v-24h12v12h12v12h36V93h-12V81H99V69h12V57h12V21H87v12H75v12H63V21H27v54z%27 fill=%27%2353fc18%27/%3E%3C/svg%3E");background-size:52px 52px;font-size:40px;height:52px;left:0;position:relative;top:0;vertical-align:top;width:52px}.cp-swki[data-layout=status] .cp-swki__player-list{background:#f7f7f8;border-bottom-right-radius:5px;border-top-right-radius:5px;color:#1f1f23;height:52px;max-width:300px;padding:0 10px;position:relative}.cp-swki[data-layout=status] .cp-swki__stream{display:flex;flex-direction:column;justify-content:center}.cp-swki[data-layout=status] .cp-swki__stream p{font-size:15px;margin:0}.cp-swki[data-layout=status] .cp-swki__stream p strong{font-weight:700;text-transform:capitalize}