@-webkit-keyframes fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}@-webkit-keyframes loading-bar{0%{transform:scaleY(.2)}25%{transform:scaleY(.2)}50%{transform:scaleY(.2)}75%{transform:scaleY(.2)}to{transform:scaleY(1)}}@keyframes loading-bar{0%{transform:scaleY(.2)}25%{transform:scaleY(.2)}50%{transform:scaleY(.2)}75%{transform:scaleY(.2)}to{transform:scaleY(1)}}.sl-web-player.microcast{width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;text-align:center;font-family:Lato,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sl-web-player.microcast *{margin:0;padding:0}.sl-web-player.microcast button{border:none;background:transparent}.sl-web-player.microcast button :focus:not(:focus-visible){outline:none}.sl-web-player.microcast button :focus-visible{outline:1px auto -webkit-focus-ring-color}.sl-web-player.microcast button>*,.sl-web-player.microcast section.play-container>*{pointer-events:none}.sl-web-player.microcast .loading{display:flex;position:absolute;width:100%;justify-content:center;align-items:center;background:hsla(0,0%,100%,.8);height:100%;-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1}.sl-web-player.microcast .loading>div{background:#f27270;border-radius:3px;height:22px;margin:0 2px;width:3px;-webkit-animation-name:loading-bar;animation-name:loading-bar;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.sl-web-player.microcast .loading>div.bar1{background-color:#00adef;-webkit-animation-delay:.1s;animation-delay:.1s}.sl-web-player.microcast .loading>div.bar2{background-color:#fff100;-webkit-animation-delay:.2s;animation-delay:.2s}.sl-web-player.microcast .loading>div.bar3{background-color:#ec018b;-webkit-animation-delay:.3s;animation-delay:.3s}.sl-web-player.microcast .loading>div.bar4{background-color:#4d4d4d;-webkit-animation-delay:.4s;animation-delay:.4s}.sl-web-player.microcast main{background-color:#fff;box-sizing:border-box;width:100vw;max-width:100vw;max-height:100vh;border-width:1px;border-style:solid;-o-border-image:initial;border-image:initial;border-color:#bebebe;border-radius:8px;margin:0 auto;display:grid;grid-template:"thumbnail header" "thumbnail controls";grid-template-columns:-webkit-max-content auto;grid-template-columns:max-content auto}.sl-web-player.microcast main img.thumbnail{grid-area:thumbnail;border-radius:4px;max-width:100%;max-height:100%;width:76px;margin:5px;justify-self:center;align-self:center}.sl-web-player.microcast main header{grid-area:header;align-items:center;display:flex;justify-content:center;min-height:0;margin:8px 0 7px;padding:0;width:100%;max-width:calc(100vw - 100px)}.sl-web-player.microcast main header h1{color:#4a4a4a;font-family:Lato;font-size:13px;font-weight:700;text-align:center;text-overflow:ellipsis;margin:0;overflow:hidden;white-space:nowrap}.sl-web-player.microcast main section.controls{grid-area:controls;display:flex;justify-content:center;width:100%;max-width:calc(100vw - 100px);align-items:center;box-sizing:border-box;padding:0 0 11px;position:relative}.sl-web-player.microcast main section.controls .next,.sl-web-player.microcast main section.controls .play-container,.sl-web-player.microcast main section.controls .prev{background-size:contain;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-grow:0;flex-shrink:0;height:30px;flex-basis:26px;margin:0 13px}.sl-web-player.microcast main section.controls .play-container{height:44px;flex-basis:40px}.sl-web-player.microcast main section.controls .pause,.sl-web-player.microcast main section.controls .play{width:100%;cursor:pointer}.sl-web-player.microcast main section.controls .progress-bar-wrapper{background:#bebebe;transition:background-color .75s;box-shadow:inset 0 0 10px rgba(0,0,0,.25)}.sl-web-player.microcast main section.controls .progress-bar{background:#4d4d4d}.sl-web-player.microcast main section.controls .progress-bar.buffer{opacity:0}.sl-web-player.microcast main section.controls .time{font-family:Lato;font-size:20px;color:#4f4f4f}.sl-web-player.microcast main section.controls .time.current{margin:0 10px 0 30px}.sl-web-player.microcast main section.controls .time.total{margin:0 0 0 10px}@media screen and (max-width:512px){.sl-web-player.microcast main section.controls .scrubber{display:none}}.sl-web-player.microcast .error{display:flex;position:absolute;justify-content:center;align-items:center;width:100%;color:#f66;background:#fee;padding:1em}.sl-web-player.microcast.loading .controls .progress-bar-wrapper{background:#eee}.sl-web-player.microcast.suspended .controls .progress-bar{background:#daa520}