.touch-video-host {position:relative;}
.touch-video-ui {position:absolute;z-index:2;pointer-events:none;color:#ee2c3d;}
.touch-video-ui button {display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:10px;border:1px solid #ee2c3d;background:#fff;color:#ee2c3d;cursor:pointer;pointer-events:auto;}
.touch-video-ui button svg {width:22px;height:22px;fill:currentColor;}
.touch-video-ui button:focus-visible,.touch-video-ui input:focus-visible {outline:2px solid #ee2c3d;outline-offset:3px;}
.touch-video-start {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.touch-video-bar {display:none;position:absolute;left:0;right:0;bottom:0;align-items:center;gap:4px;background:rgba(255,255,255,.94);pointer-events:auto;}
.touch-video-bar input {width:100%;min-width:20px;accent-color:#ee2c3d;}
.touch-video-ui.is-playing .touch-video-start {display:none;}
.touch-video-ui.is-playing .touch-video-bar {display:flex;}
.touch-video-ui.is-loop .touch-video-bar {left:auto;right:8px;bottom:8px;background:none;}
.touch-video-ui.is-loop.is-playing .touch-video-bar {opacity:.8;}
.touch-video-status {position:absolute;left:8px;top:8px;font:12px/1.4 inherit;background:#fff;}
.touch-video-status:empty {display:none;}