#areena-video{height:100%;margin:var(--ul-media-element-margin);opacity:0;position:relative;top:0;width:100%}#areena-video video{height:auto;height:100%;max-width:100%;object-fit:cover;object-position:center;position:relative;width:100%}.ul-video-container{//margin-bottom:3em;position:relative}#areena-video .ul-video-holder{display:none;height:100%;position:relative}#areena-video.show{animation:fadeingraphic .5s linear 1 forwards}#areena-video.hide{animation:fadeoutgraphic .5s linear 1 forwards}.ul-video-container .ul-muted-container{background:rgba(37,54,79,.8);background:none;color:#fff;display:none;font-weight:700;left:auto;padding:20px;position:absolute;right:0;top:0;z-index:3}.ul-video-container .ul-muted-container svg{height:50px}#mute-buttons:not(.ul-muted) .ul-voice-on{display:block}#mute-buttons.ul-muted .ul-voice-on,#mute-buttons:not(.ul-muted) .ul-voice-off{display:none}#mute-buttons.ul-muted .ul-voice-off{display:block}.ul-voice-off,.ul-voice-on{cursor:pointer;display:none}:host(.player-ready) .player-controls{display:flex}.player-controls{bottom:0;bottom:10px;display:none;flex-wrap:wrap;left:20px;position:absolute;transition:.3s;width:40%;z-index:2}.player-controls .video-progress{background:rgba(37,54,79,.5);cursor:pointer;display:flex;height:20px;max-width:300px;position:relative;transition:.3s;width:100%}.player-controls .video-progress .video-progress-filled{background:#fff;width:0}.player-controls .ul-video.time{align-items:center;background:#fff;color:#fff;color:#000;display:flex;font-size:1em;font-weight:400;justify-content:center;padding:0 5px;position:absolute;text-align:center;top:23px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.video-player:hover .player-controls{transform:translateY(0)}input[type=range]{-webkit-appearance:none;background:transparent;margin:0;padding:0 10px;width:75%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:#000;cursor:pointer;height:10px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#ff4500;cursor:pointer;height:10px;width:10px}@keyframes fadeoutgraphic{0%{opacity:1}to{opacity:0}}@keyframes fadeingraphic{0%{opacity:0}to{opacity:1}}.ul-video-placeholder{margin:var(--ul-media-element-margin);position:relative;top:20px}:host(.ul-header-media) .ul-video-container{min-height:calc(var(--vh)*100)}:host(.ul-header-media) .ul-video-holder{display:flex!important}:host(.ul-header-media) #areena-video{height:calc(var(--vh)*100);margin-top:0}:host(.scroller-element) .ul-video-container{height:calc(var(--vh)*100);position:-webkit-sticky;position:sticky;top:0}:host(.scroller-element) ::slotted(.ul-video-holder){height:calc(var(--vh)*100)}:host(.scroller-element) .video-progress{display:none}
/*# sourceMappingURL=artikkeli.a324dca4.css.map */