.cp-swti{position:relative}.cp-swti[data-layout=wall]{grid-gap:10px;display:grid;position:relative}.cp-swti[data-layout=wall] .cp-swti__stream{align-items:center;aspect-ratio:25/14;background-color:var(--SWTItileBgColour);border-radius:5px;color:var(--SWTItileTitleColour);display:flex;font-weight:700;justify-content:center;position:relative;text-align:center;text-transform:uppercase}.cp-swti[data-layout=wall] .cp-swti__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-swti[data-layout=wall] .cp-swti__stream:after{background:#f1f1f1;border-radius:50%;bottom:15px;content:"";height:40px;left:10px;position:absolute;width:40px;z-index:1}.cp-swti[data-layout=rail]{overflow:hidden;position:relative;width:100%}.cp-swti[data-layout=rail] .cp-swti__container{display:flex;transition:transform .3s ease-out;width:100%}.cp-swti[data-layout=rail] .cp-swti__stream{align-items:center;aspect-ratio:25/14;background-color:var(--SWTItileBgColour);border-radius:5px;color:var(--SWTItileTitleColour);display:flex;flex:0 0 33.3333333333%;font-weight:700;justify-content:center;position:relative;text-align:center;text-transform:uppercase;width:33.3333333333%}.cp-swti[data-layout=rail] .cp-swti__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-swti[data-layout=rail] .cp-swti__stream:after{background:#f1f1f1;border-radius:50%;bottom:15px;content:"";height:40px;left:10px;position:absolute;width:40px;z-index:1}.cp-swti[data-layout=rail] 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-swti[data-layout=rail] button:disabled{background:rgba(0,0,0,.2)}.cp-swti[data-layout=rail] button:hover{background:rgba(0,0,0,.7)}.cp-swti[data-layout=rail] button:focus{outline:none}.cp-swti[data-layout=rail] button.cp-swti__arrow-left{left:0}.cp-swti[data-layout=rail] button.cp-swti__arrow-right{right:0}.cp-swti[data-layout=player]{display:flex}.cp-swti[data-layout=player] .cp-swti__player-wrapper{width:70%}.cp-swti[data-layout=player] .cp-swti__player{background-color:var(--SWTItileBgColour);color:var(--SWTItileTitleColour);font-weight:700;height:0;padding-bottom:56.25%;position:relative;text-align:center;text-transform:uppercase;width:100%}.cp-swti[data-layout=player] .cp-swti__player: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-swti[data-layout=player] .cp-swti__player:after{background:#f1f1f1;border-radius:50%;bottom:15px;content:"";height:40px;left:10px;position:absolute;width:40px;z-index:1}.cp-swti[data-layout=player] .cp-swti__player p{left:50%;margin:0;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.cp-swti[data-layout=player] .cp-swti__player-list{display:flex;flex-direction:column;height:100%;left:70%;overflow-y:scroll;position:absolute;top:0;width:30%}.cp-swti[data-layout=player] .cp-swti__stream{background-color:var(--SWTItileBgColour);color:var(--SWTItileTitleColour);font-weight:700;padding:25px 0;position:relative;text-align:center;text-transform:uppercase}.cp-swti[data-layout=player] .cp-swti__stream:after{background:#f1f1f1;border-radius:50%;content:"";height:40px;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:1}.cp-swti[data-layout=status]{display:flex}.cp-swti[data-layout=status] .cp-swti__twitch-logo{align-items:center;background:#6441a4;border-bottom-left-radius:5px;border-top-left-radius:5px;color:#fff;display:flex;height:52px;justify-content:center;position:relative;width:52px}.cp-swti[data-layout=status] .cp-swti__twitch-logo span{font-size:40px;height:52px;left:1px;position:relative;top:5px;width:52px}.cp-swti[data-layout=status] .cp-swti__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-swti[data-layout=status] .cp-swti__stream{display:flex;flex-direction:column;justify-content:center}.cp-swti[data-layout=status] .cp-swti__stream p{font-size:15px;margin:0}.cp-swti[data-layout=status] .cp-swti__stream p strong{font-weight:700;text-transform:capitalize}.cp-swti[data-layout=vods]{grid-gap:10px;display:grid;position:relative}.cp-swti[data-layout=vods] .cp-swti__stream{align-items:center;aspect-ratio:25/14;background-color:var(--SWTItileBgColour);border-radius:5px;color:var(--SWTItileTitleColour);display:flex;font-weight:700;justify-content:center;position:relative;text-align:center;text-transform:uppercase}.cp-swti[data-layout=vods] .cp-swti__play{background:#f1f1f1;border-radius:50%;box-shadow:0 0 2px 0 #000;display:block;height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.cp-swti[data-layout=vods] .cp-swti__play:before{border-color:transparent transparent transparent #e7e7ea;border-style:solid;border-width:10px 0 10px 20px;content:"";height:0;left:55%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.cp-swti[data-layout=vods] .cp-swti__channel{bottom:10px;color:var(--SWTItileTitleColour);display:block;height:40px;left:10px;line-height:35px;padding-left:50px;position:absolute}.cp-swti[data-layout=vods] .cp-swti__channel:before{background:#f1f1f1;border-radius:50%;bottom:0;content:"";height:40px;left:0;position:absolute;width:40px;z-index:1}.cp-swti[data-layout=showcase]{overflow:hidden;position:relative;width:100%}.cp-swti[data-layout=showcase] .cp-swti__container{display:flex;transition:transform .3s ease-out;width:100%}.cp-swti[data-layout=showcase] .cp-swti__stream{align-items:center;aspect-ratio:9/16;background-color:var(--SWTItileBgColour);border-radius:5px;color:var(--SWTItileTitleColour);display:flex;flex:0 0 calc(25% - 20px);font-weight:700;justify-content:center;margin:0 10px;position:relative;text-align:center;text-transform:uppercase;width:calc(25% - 20px)}.cp-swti[data-layout=showcase] .cp-swti__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-swti[data-layout=showcase] .cp-swti__stream:after{background:#f1f1f1;border-radius:50%;bottom:15px;content:"";height:40px;left:10px;position:absolute;width:40px;z-index:1}.cp-swti[data-layout=showcase] 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-swti[data-layout=showcase] button:disabled{background:rgba(0,0,0,.2)}.cp-swti[data-layout=showcase] button:hover{background:rgba(0,0,0,.7)}.cp-swti[data-layout=showcase] button:focus{outline:none}.cp-swti[data-layout=showcase] button.cp-swti__arrow-left{left:0}.cp-swti[data-layout=showcase] button.cp-swti__arrow-right{right:0}.cp-swti[data-layout=feature]{overflow:hidden;position:relative;width:100%}.cp-swti[data-layout=feature] .cp-swti__container{display:flex;transition:transform .3s ease-out;width:100%}.cp-swti[data-layout=feature] .cp-swti__stream{align-items:center;aspect-ratio:25/14;background-color:var(--SWTItileBgColour);border-radius:5px;color:var(--SWTItileTitleColour);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-swti[data-layout=feature] .cp-swti__stream.active{transform:scale(1)}.cp-swti[data-layout=feature] .cp-swti__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-swti[data-layout=feature] .cp-swti__stream:after{background:#f1f1f1;border-radius:50%;bottom:15px;content:"";height:40px;left:10px;position:absolute;width:40px;z-index:1}.cp-swti[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-swti[data-layout=feature] button:disabled{background:rgba(0,0,0,.2)}.cp-swti[data-layout=feature] button:hover{background:rgba(0,0,0,.7)}.cp-swti[data-layout=feature] button:focus{outline:none}.cp-swti[data-layout=feature] button.cp-swti__arrow-left{left:0}.cp-swti[data-layout=feature] button.cp-swti__arrow-right{right:0}.cp-swti[data-colour=light]{--SWTItileBgColour:#e7e7ea;--SWTItileTitleColour:#1f1f23;--SWTItileSubtitleColour:#53535f;--SWTIhoverColour:#6540a5}.cp-swti[data-colour=dark]{--SWTItileBgColour:#0e0e10;--SWTItileTitleColour:#dedee3;--SWTItileSubtitleColour:#adb8a8;--SWTIhoverColour:#6540a5}.cp-swti[data-columns="4"]{grid-template-columns:repeat(4,minmax(100px,1fr))}.cp-swti[data-columns="3"]{grid-template-columns:repeat(3,minmax(100px,1fr))}.cp-swti[data-columns="2"]{grid-template-columns:repeat(2,minmax(100px,1fr))}.cp-swti[data-columns="1"]{grid-template-columns:repeat(1,minmax(100px,1fr))}.cp-swti button{position:absolute}.cp-swti__empty,.cp-swti__error{grid-columns:1/-1;padding:20px 0;width:100%}.cp-swti__empty p,.cp-swti__error p{display:block;text-align:center}