div.share-panel-overlay{display:flex;position:absolute;justify-content:center;align-items:center;width:100%;height:100vh;background:rgba(0,0,0,.1)}div.share-panel-overlay div.share-panel{display:flex;justify-content:center;align-items:center;background:#fff;padding:1em;border-radius:.5em;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}div.share-panel-overlay div.share-panel a{cursor:pointer;margin:0 10px;height:44px;min-width:44px;flex-basis:44px;flex-grow:0;flex-shrink:0;text-decoration:none}div.share-panel-overlay div.share-panel a svg rect{fill:inherit}div.share-panel-overlay div.share-panel a svg path{fill:#fff}div.share-panel-overlay div.share-panel a.facebook{fill:#4267b2}div.share-panel-overlay div.share-panel a.twitter{fill:#1aa1f1}div.share-panel-overlay div.share-panel a.mail{fill:#dc4d40}div.share-panel-overlay div.share-panel a.sms{fill:#32cd2c}.sl-web-player.v2{width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center;font-family:Lato,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;fill:#333}.sl-web-player.v2.dark{color:#fff;fill:#fff;background-color:#333;border-radius:.5rem;box-shadow:inset 0 0 10px rgba(0,0,0,.25)}.sl-web-player.v2.dark .message{background-color:#222!important}.sl-web-player.v2 *{margin:0;padding:0}.sl-web-player.v2 main{display:grid;grid-template-areas:"thumbnail header logo" "commands scrubber options";grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content;grid-column-gap:.5em;grid-row-gap:3vh;align-items:center;margin:0;padding:.5rem;width:100%;height:100%}.sl-web-player.v2 main figure{grid-area:thumbnail;max-width:50vh;max-height:50vh;width:256px;height:256px;justify-self:center;align-self:center}.sl-web-player.v2 main figure img{border-radius:.5rem;box-shadow:0 4px 10px 0 rgba(0,0,0,.25);max-width:100%;max-height:100%}.sl-web-player.v2 main header{grid-area:header;text-align:center;width:100%;height:50vh;display:flex;position:relative;flex-flow:column;justify-content:center;align-items:center}.sl-web-player.v2 main header h1.title{font-size:1.75em;font-weight:400;text-align:center;overflow-wrap:break-word;margin:0}.sl-web-player.v2 main header h1.title.single-line{text-align:center;text-overflow:ellipsis;margin:0;overflow:hidden;white-space:nowrap;max-width:calc(90vw - 100vh)}.sl-web-player.v2 main header h1.title.single-line br{display:none}.sl-web-player.v2 main header h2.channel{opacity:.5;font-weight:400;margin-top:.5em}.sl-web-player.v2 main header div.message{font-weight:400;font-size:1em;position:absolute;bottom:0;background:hsla(0,0%,100%,.9);padding:.25em 1em;width:100%;border-radius:.25em;z-index:1}.sl-web-player.v2 main header div.message.empty{display:none}.sl-web-player.v2 main header div.message.error{color:#f66}.sl-web-player.v2 main header div.message.sponsored{color:#daa520}.sl-web-player.v2 main .logo{grid-area:logo;width:1.5em;height:1.5em;margin:.25em;justify-self:end;align-self:start}.sl-web-player.v2 main .logo svg#logo{max-width:100%}.sl-web-player.v2 main .logo svg#logo path.bar.cyan{fill:#00bfee}.sl-web-player.v2 main .logo svg#logo path.bar.yellow{fill:#ffd300}.sl-web-player.v2 main .logo svg#logo path.bar.magenta{fill:#ff07a6}.sl-web-player.v2 main .logo svg#logo path.bar.black{fill:#4c4c4c}.sl-web-player.v2 main section.controls{display:flex;justify-content:center;align-items:center;fill:inherit;max-height:4em}.sl-web-player.v2 main section.controls.commands{grid-area:commands;padding:0 1em}.sl-web-player.v2 main section.controls.scrubber{grid-area:scrubber;padding:0 2%}.sl-web-player.v2 main section.controls.options{grid-area:options}.sl-web-player.v2 main section.controls svg{width:2em;height:2em}.sl-web-player.v2 main section.controls svg.replay g{transform:scale(.8);transform-origin:center}.sl-web-player.v2 main section.controls svg.pause,.sl-web-player.v2 main section.controls svg.play{width:4em;height:4em}.sl-web-player.v2 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.v2 main section.controls .progress-bar{background:#4d4d4d}@media screen and (max-width:800px){.sl-web-player.v2 main{grid-template-areas:"thumbnail header logo" "scrubber scrubber scrubber" ". commands options";grid-template-columns:1fr auto 1fr;grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content}.sl-web-player.v2 main figure{width:30vw;height:30vw}.sl-web-player.v2 main header h1.title,.sl-web-player.v2 main header h2{font-size:1em;font-weight:400}}@media screen and (max-width:512px)and (max-height:512px){.sl-web-player.v2 main{grid-template-areas:"thumbnail header logo" "thumbnail commands options";grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content;font-size:.7em}.sl-web-player.v2 main figure{justify-self:flex-start;align-self:flex-start;width:calc(100vh - 1rem);height:calc(100vh - 1rem);max-width:100vw;max-height:100vh}.sl-web-player.v2 main section.controls.scrubber{display:none}}@media screen and (max-width:512px)and (max-height:128px){.sl-web-player.v2 main header{height:auto}.sl-web-player.v2 main header .channel{display:none}}@media screen and (max-width:512px)and (max-height:64px){.sl-web-player.v2 main{grid-template-areas:"thumbnail commands logo";grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content;font-size:.7em}.sl-web-player.v2 main header,.sl-web-player.v2 main section.controls.scrubber,.sl-web-player.v2 main section.options{display:none}}@media screen and (max-width:512px)and (min-height:512px){.sl-web-player.v2 main{grid-template-areas:"logo" "thumbnail" " header" "commands" "scrubber" "options";grid-template-columns:auto;grid-template-rows:-webkit-min-content 30% 20% -webkit-min-content -webkit-min-content auto;grid-template-rows:min-content 30% 20% min-content min-content auto;font-size:.8em}.sl-web-player.v2 main figure{width:75vw;height:75vw;max-height:100%;justify-self:center;text-align:center}.sl-web-player.v2 main header{height:auto}.sl-web-player.v2 main header h1.title,.sl-web-player.v2 main header h2{max-width:90vw!important;font-size:1em;font-weight:400}.sl-web-player.v2 main section.controls{max-height:5em}.sl-web-player.v2 main section.controls svg{width:3em}.sl-web-player.v2 main section.controls svg.pause,.sl-web-player.v2 main section.controls svg.play{width:5em;height:5em}.sl-web-player.v2 main section.controls.options svg{width:2em;height:2em}}@media screen and (min-width:512px)and (max-height:512px){.sl-web-player.v2 main{grid-template-areas:"thumbnail header logo" "commands scrubber options";grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content}}@media screen and (min-width:512px)and (max-height:256px){.sl-web-player.v2 main{grid-template-areas:"thumbnail header logo" "thumbnail commands options" "thumbnail scrubber options";grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;grid-template-rows:auto -webkit-min-content -webkit-min-content;grid-template-rows:auto min-content min-content;grid-row-gap:0;grid-column-gap:3vh;font-size:.85em}.sl-web-player.v2 main figure{justify-self:flex-start;align-self:flex-start;width:calc(100vh - 1rem);height:calc(100vh - 1rem);max-width:100vw;max-height:100vh}.sl-web-player.v2 main figure img{border-radius:.25rem}.sl-web-player.v2 main header{padding:.5em;padding-bottom:0}.sl-web-player.v2 main header h1.title{font-size:1.2em;font-weight:400}.sl-web-player.v2 main header h2{font-size:1em;font-weight:400}}@media screen and (min-width:512px)and (max-height:150px){.sl-web-player.v2 main{grid-template-areas:"thumbnail header header logo" "thumbnail commands scrubber options";grid-template-columns:-webkit-min-content -webkit-max-content auto -webkit-min-content;grid-template-columns:min-content max-content auto min-content;grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content;font-size:.75em}.sl-web-player.v2 main section.controls{max-height:5em}.sl-web-player.v2 main section.controls svg,.sl-web-player.v2 main section.controls svg.pause,.sl-web-player.v2 main section.controls svg.play{width:3em;height:3em}.sl-web-player.v2 main section.controls.options svg{width:2em;height:2em}}@media screen and (min-width:512px)and (max-height:64px){.sl-web-player.v2 main{grid-template-areas:"thumbnail commands header options logo" "thumbnail commands scrubber options logo";grid-template-columns:-webkit-min-content -webkit-min-content auto -webkit-min-content -webkit-min-content;grid-template-columns:min-content min-content auto min-content min-content;grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content;font-size:.7em}.sl-web-player.v2 main header{height:auto}.sl-web-player.v2 main header h1.title.single-line{max-width:calc(90vw - 300vh)}.sl-web-player.v2 main header .channel{display:none}.sl-web-player.v2 main section.controls{max-height:4em}.sl-web-player.v2 main section.controls svg{width:3em;height:3em}.sl-web-player.v2 main section.controls svg.pause,.sl-web-player.v2 main section.controls svg.play{width:4em;height:4em}.sl-web-player.v2 main.options svg{width:.5em;height:.5em}}.sl-web-player.v2 .ad-overlay{position:absolute;width:100%;height:100vh;background:rgba(0,0,0,.5);pointer-events:none;opacity:0;transition:opacity .25s}.sl-web-player.v2 .ad-overlay,.sl-web-player.v2 .ad-overlay .ad-container{display:flex;justify-content:center;align-items:center}.sl-web-player.v2 .ad-overlay .ad-container>div{box-shadow:0 4px 10px 0 rgba(0,0,0,.25);max-width:100vw;max-height:100vh}.sl-web-player.v2.loading .controls .progress-bar-wrapper{background:#eee}.sl-web-player.v2.suspended .controls .playback-slider time{color:#daa520}.sl-web-player.v2.suspended .controls .playback-slider .progress-bar-wrapper{cursor:default;pointer-events:none;background:rgba(255,211,0,.5)}.sl-web-player.v2.suspended .controls .playback-slider .progress-bar-wrapper .progress-bar{background:#ffd300}