:root{--svt-font:Publik,"sans-serif";--play-background:#1b1614;--play-panel-background:#211d1b;--play-button-background:rgba(255,255,255,0.1);--play-button-hover-background:rgba(255,255,255,0.15);--play-green:#00c800}html{font-size:62.5%}body{margin:0;-webkit-font-smoothing:antialiased;background:var(--play-background);color:white;padding-bottom:10px}.container{display:flex;flex-direction:column;max-width:1280px;margin:0 auto;font-family:var(--svt-font);padding:0 10px}.header{padding:20px 0;width:100%;background-color:var(--play-background);margin-bottom:10px}.header__inner{max-width:1280px;margin:auto}.header__slash{width:50px;fill:white;vertical-align:middle;margin-right:20px}.header__text{font-family:var(--svt-font);color:white;font-size:41px;font-weight:100;text-transform:uppercase;vertical-align:middle}.wrapper{width:100%;align-self:center}.wrapper--narrow{max-width:600px}.video-list{list-style:none;padding:20px 0;margin:0;display:flex;flex-wrap:wrap}.video-list__item{margin-bottom:10px;margin-right:10px;& button{border-radius:4px;font-size:14px;font-weight:700;background:none;border:none;cursor:pointer;font-family:var(--svt-font);color:white;padding:5px;background:var(--play-button-background);&:focus{outline:none}&:hover{background:var(--play-button-hover-background)}}}.video-options{border-top:4px solid var(--play-button-hover-background);padding:20px 10px;margin:20px 0;background-color:var(--play-panel-background)}.video-options__columns{display:flex;flex-wrap:wrap;justify-content:space-between}.video-options__columns:after{content:"";clear:both;display:table}.video-options__input{display:block}.video-options__input input{margin-right:10px}.input-select-label,.input-text-label{display:block;margin-bottom:10px;font-size:18px}.input-select-inline-label{margin-right:10px;margin-bottom:5px;font-size:16px;display:block}.input-select,.input-text{display:block;box-sizing:initial;-webkit-appearance:none;appearance:none;border:none;border-radius:6px;padding:10px;font-weight:700;font-size:14px;letter-spacing:.6px;margin-bottom:20px;min-width:200px;color:white;background:var(--play-button-background)}.input-select-with-link-wrapper{display:flex;align-items:center}.input-select-link-icon{display:inline-block;cursor:pointer;margin-bottom:20px}.input-select-link-icon:hover svg{fill:dimgray}.video-options__checkbox{position:relative}.video-options__checkbox input[type=checkbox]{position:absolute;top:0;left:0;height:20px;width:20px;-webkit-appearance:none;&:focus{outline:none}}.video-options__checkbox-label{display:flex;position:relative;font-size:18px;align-items:center;justify-content:flex-start;margin-bottom:20px;-webkit-user-select:none;user-select:none;cursor:pointer}.video-options__checkbox-label:after,.video-options__checkbox-label:before{pointer-events:none}.video-options__checkbox-label:before{display:flex;content:" ";height:22px;width:22px;background:var(--play-button-background);border-radius:6px;margin-right:20px}.video-options__checkbox-label:after{position:absolute;top:5px;left:3px;display:flex;content:" ";background:#000;transform:scale(0);transition:transform .3s ease;height:5px;width:12px;border-bottom:4px solid var(--play-green);border-left:4px solid var(--play-green);background:none;transform:rotate(-45deg) scale(0);transition:transform .1s ease,opacity .1s ease;transform-origin:center center}.video-options__checkbox input[type=checkbox]:checked+.video-options__checkbox-label:after{opacity:1;transform:rotate(-45deg) scale(.8)}.select-css{display:block;font-size:14px;font-weight:700;color:black;line-height:1.3;min-width:300px;max-width:100%;box-sizing:border-box;margin:0;border:none;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%;border-radius:6px;padding:10px}.select-css::-ms-expand{display:none}.select-css:hover{border-color:#888}.select-css:focus{border-color:#aaa;box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.select-css option{font-weight:400}.nav-bar{border-bottom:4px solid var(--play-button-hover-background)}.nav-bar__link{display:inline-block;padding:10px;background-color:var(--play-button-background);font-size:16px;color:white;text-decoration:none;border-top-left-radius:5px;border-top-right-radius:5px;margin-right:4px;&:hover{background-color:var(--play-button-hover-background)}}.nav-bar__link--active,.nav-bar__link--active:hover{background-color:var(--play-button-hover-background)}.embed-player{position:relative;padding-bottom:56.25%;background-color:black;& iframe{position:absolute;top:0;left:0;width:100%;height:100%}}.input-select-link-icon svg{width:15px;padding:0 10px;margin:auto;display:block}@media screen and (max-width:700px){.container{max-width:900px}.header{padding:15px 0}.header__inner{max-width:100%;margin:0 10px}.header__slash{width:30px;margin-right:10px}.header__text{font-size:28px}}@media screen and (max-width:1280px){.video-list{margin:0 15px}}@media screen and (max-width:1050px){.video-options__group{width:100%;float:none;margin-bottom:50px}}.liveItems{flex-wrap:wrap;background:var(--play-panel-background);border-radius:4px;margin-top:10px}.liveItem,.liveItems{display:flex;padding:10px}.liveItem{width:200px;height:100px;margin:10px;background-size:cover;background-repeat:no-repeat;background-position:50%;border:2px solid transparent;cursor:pointer;font-size:14px;font-weight:700;color:white;flex-direction:column;align-items:flex-start;justify-content:space-between}.liveItemText{padding:5px;background:#222;border-radius:4px}.liveItem:hover{border:2px solid var(--play-green)}.ui-plugin-buttons{position:absolute;display:flex;gap:10px;top:10px;left:10px}.ui-plugin-buttons>button{font-size:inherit;border-radius:3px;background:white;border:none}.ui-plugin-buttons>button:hover{background:#ddd}