.video-player-container{--plyr-color-main: var(--wiro-green);margin:0 auto;overflow:hidden;border-radius:8px}.video-player-container .plyr__control--overlaid{padding:calc((var(--wiro-icon-button-md) - var(--plyr-control-icon-size, 18px)) / 2)}.video-player-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-player-container video{background-color:transparent}.video-player-container.is-square{position:relative;height:440px;width:480px}.video-player-container.is-square .plyr{position:absolute;top:0;left:0;height:100%;width:100%;display:block}.video-player-container.is-4by3{position:relative;padding-top:75%;width:100%}.video-player-container.is-4by3 .plyr{position:absolute;top:0;left:0;height:100%;width:100%;display:block}.video-player-container.is-16by9{position:relative;padding-top:56.25%;width:100%}.video-player-container.is-16by9 .plyr{position:absolute;top:0;left:0;height:100%;width:100%;display:block}.video-player-container.is-1by1{position:relative;width:100%;max-width:480px;aspect-ratio:1}.video-player-container.is-1by1 .plyr{position:absolute;inset:0;display:block;width:100%;height:100%}.video-player-container.is-9by16{position:relative;padding-top:177.78%;width:100%;max-width:400px;margin:0 auto}.video-player-container.is-9by16 .plyr{position:absolute;top:0;left:0;height:100%;width:100%;display:block}.video-player-container.is-auto{position:relative;width:100%}.video-player-container.is-auto video{width:100%;height:auto;aspect-ratio:auto var(--output-ratio, 16/9);max-height:80vh;object-fit:contain}.video-player-container.is-auto .plyr{width:100%;height:auto}.video-player-container.is-auto .plyr__video-wrapper{height:auto!important}.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid{background:var(--wiro-surface)!important;border:1px solid var(--wiro-green);color:var(--wiro-green)!important}.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid:hover,.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid:focus{background:var(--wiro-green)!important;border-color:var(--wiro-green)!important;color:var(--wiro-on-dark)!important}.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid:hover svg,.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid:focus svg{fill:var(--wiro-on-dark)!important;stroke:var(--wiro-on-dark)!important}.video-player-container.reversed-play .plyr--full-ui.plyr--video .plyr__control--overlaid svg{fill:none;stroke:var(--wiro-green);stroke-width:1.6px}.samples-video-item .video-player-container,.wiro-input-video-preview{container-type:inline-size}@container (max-width: 340px){.samples-video-item .video-player-container .plyr:not(:fullscreen,.plyr--fullscreen-fallback) .plyr__volume,.wiro-input-video-preview .plyr:not(:fullscreen,.plyr--fullscreen-fallback) .plyr__volume{width:auto;min-width:0}.samples-video-item .video-player-container .plyr:not(:fullscreen,.plyr--fullscreen-fallback) .plyr__volume input[type=range],.wiro-input-video-preview .plyr:not(:fullscreen,.plyr--fullscreen-fallback) .plyr__volume input[type=range]{display:none}.samples-video-item .video-player-container .plyr:not(:fullscreen,.plyr--fullscreen-fallback) .plyr__menu,.samples-video-item .video-player-container .plyr:not(:fullscreen,.plyr--fullscreen-fallback) .plyr__control[data-plyr=pip],.wiro-input-video-preview .plyr:not(:fullscreen,.plyr--fullscreen-fallback) .plyr__menu,.wiro-input-video-preview .plyr:not(:fullscreen,.plyr--fullscreen-fallback) .plyr__control[data-plyr=pip]{display:none}}.plyr__video-wrapper{height:100%}.plyr__controls{transition:all .3s}.plyr--paused .plyr__controls,.plyr--stopped .plyr__controls{opacity:0;pointer-events:none}@media only screen and (max-width: 767px){.video-player-container.is-square{height:303px;width:330px}}@media (prefers-reduced-motion: reduce){.video-player-container,.video-player-container *,.plyr__controls{transition:none!important}}