*{box-sizing:border-box}body{min-height:100vh;min-height:-webkit-fill-available;margin:0;padding:0;display:flex;justify-content:center;align-items:center;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}html{height:-webkit-fill-available}.hidden{display:none!important}.disabled{pointer-events:none;opacity:.5}.intro{max-width:100%;padding:.5em}.controls{display:block;max-width:100%}.controls>fieldset{margin:0;padding:0;border:none;width:100%;min-inline-size:auto}.controls>fieldset:disabled{opacity:.5}.controls>fieldset>div{margin:0 0 1em}.controls label{display:block;margin:0 0 .4em}.controls button,.controls input,.controls select{padding:.6em;margin:0 0 .4em;max-width:100%;border-style:solid;border-width:1px}.controls input.error{border-color:red}.landscape{display:inline-block;max-width:100%;border:1px dashed hsla(0,0%,46.3%,.5);padding:.5em;margin:0 0 1.4em}.wrapper{position:relative;width:768px;height:432px;max-width:75vw;max-height:42.1875vw;font-size:0;overflow:hidden}.wrapper.short{max-height:75vh;max-width:133.33333vh}canvas{width:100%;height:100%}.sound{z-index:40;bottom:0}.output,.sound{position:absolute;width:100%;height:100%}.output{z-index:30;top:0}.cam{z-index:20;position:relative;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.cam,.curtain{width:100%;height:100%}.curtain{z-index:10;background-color:#fff}.curtain,.source{position:absolute;top:0}.source{z-index:0}.actions{display:flex;margin:1em 0}.actions>div{flex:1}.actions button{padding:.4em}.actions em,.actions p{font-size:14px}.actions p{margin:0;padding:0;display:inline-block}.actions>div:nth-child(2)>p{text-align:right;display:block}.actions progress{max-width:30%}.plyr--video{background:transparent!important;width:100%!important;height:100%!important}.plyr__video-embed{visibility:hidden!important}.plyr__controls{display:none!important}.plyr__control{cursor:pointer;overflow:visible;background:#00b3ff;border:0;border-radius:100%;color:#fff;display:none;left:50%;opacity:.9;padding:30px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2;font:inherit;line-height:inherit;width:auto;touch-action:manipulation}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control svg{display:block;fill:currentColor;height:28px;pointer-events:none;width:28px}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}