.mcmp{position:relative;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mcmp-frame{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;cursor:ew-resize;touch-action:pan-y;background:#000;outline:none}.mcmp-frame:focus-visible{box-shadow:inset 0 0 0 2px #ffffffd9}.mcmp-media{position:absolute;inset:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mcmp-before{position:absolute;inset:0}.mcmp[data-fit=contain] .mcmp-media{-o-object-fit:contain;object-fit:contain;background:#000}.mcmp-tag{position:absolute;bottom:.6rem;z-index:2;padding:.2rem .55rem;border-radius:999px;background:#0000008c;color:#fff;font-size:.6875rem;font-weight:600;letter-spacing:.04em;pointer-events:none}.mcmp-tag[data-side=before]{left:.6rem}.mcmp-tag[data-side=after]{right:.6rem}.mcmp-line{position:absolute;inset:0;z-index:3;pointer-events:none;will-change:transform}.mcmp-line:before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#ffffffeb;box-shadow:0 0 12px #00000073}.mcmp-handle{position:absolute;top:50%;left:0;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:999px;transform:translate(-50%,-50%);background:#ffffffeb;color:#111;box-shadow:0 6px 18px #00000059}.mcmp-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:3.5rem;height:3.5rem;margin:-1.75rem 0 0 -1.75rem;border:0;border-radius:999px;background:#0a080ec7;color:#fff;box-shadow:0 .5rem 1.5rem #00000080,inset 0 0 0 1px #fff3;cursor:pointer}.mcmp-play:hover{background:#0a080ee6}.mcmp-play:focus-visible{outline:2px solid #fff;outline-offset:3px}