.live-channel-player{display:flex;position:relative}.live-channel-player.loading .spinner{position:absolute;left:calc(50% - 17px);top:calc(50% - 17px)}.live-channel-player .player{width:100%;padding-top:56.25%;background:#000}.live-channel-player .jwplayer,.live-channel-player .jwplayer.jw-state-error{position:absolute;top:0;left:0}.live-channel-player .time-remaining{color:#fff;background-color:red;position:absolute;top:0;right:0;padding:5px 20px}.live-channel-player .jw-error{display:none}.live-channel-player .overlay{height:100%;width:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.live-channel-player .overlay .fade{height:100%;width:100%;position:absolute;top:0;left:0;background:rgba(67,96,166,.25)}.live-channel-player .overlay .cta{width:75%;background-color:#fff;padding:relative;z-index:2}@media (min-width:1024px){.live-channel-player .overlay .cta{width:50%}}.live-channel-player .overlay .cta>div{padding:8%}@media (min-width:1024px){.live-channel-player .overlay .cta>div{padding:10%}}.live-channel-player .overlay .cta>div span{color:#161f36;font-size:18px;font-weight:700;line-height:1.33;letter-spacing:normal;font-size:16px;text-align:center;display:block;margin-bottom:10%}@media (min-width:1024px){.live-channel-player .overlay .cta>div span{color:#161f36;font-size:18px;font-weight:700;line-height:1.11;letter-spacing:normal;margin-bottom:5%;font-size:24px;line-height:1.42}}.live-channel-player .overlay .cta>div span strong{font-weight:800}.live-channel-player .overlay .cta>div small{margin-top:12px;display:block}.live-channel-player .overlay .cta>div .button{min-height:40px;padding:0;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;width:50%}@media (min-width:1024px){.live-channel-player .overlay .cta>div .button{width:75%;min-height:60px}}.spinner{display:flex;align-items:center;justify-content:center}.spinner .icon{animation:rotator 2s linear infinite}.spinner .path{stroke-dasharray:110;stroke-dashoffset:0;transform-origin:center;stroke:#f7bf37;animation:dash 2s ease-in-out infinite,colors 8s ease-in-out infinite}@keyframes dash{0%{stroke-dashoffset:110}50%{stroke-dashoffset:27.5;transform:rotate(135deg)}to{stroke-dashoffset:110;transform:rotate(450deg)}}@keyframes rotator{0%{transform:rotate(0deg)}to{transform:rotate(270deg)}}