.mt-video-frame video.mt-video{display:block;box-sizing:border-box;width:100%;max-width:100%;height:auto;aspect-ratio:auto 16/9;max-height:80dvh;margin:0;border-radius:10px;background:#111;object-fit:contain}.mt-video-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 0;color:var(--muted,#686872);font-size:.875rem;line-height:1.6}.mt-video-note[hidden]{display:none}.mt-video-note button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;min-height:44px;padding:8px 14px;border:1px solid var(--line,#dcd9e5);border-radius:7px;color:var(--ink,#242329);background:var(--surface,#fff);font:inherit;cursor:pointer}.mt-video-note button:hover{border-color:var(--accent,#55518d);color:var(--accent,#55518d)}.mt-video-note button:focus-visible{outline:2px solid var(--accent,#55518d);outline-offset:3px}.mt-video-frame{margin:24px 0;min-width:0;position:relative;border-radius:10px}.mt-video-cover{position:absolute;z-index:1;inset:0;display:grid;place-items:center;width:100%;height:100%;min-height:44px;padding:0;border:0;border-radius:inherit;background:#141414;color:#fff;cursor:pointer;overflow:hidden}.mt-video-cover[hidden]{display:none}.mt-video-cover>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;margin:0;border-radius:inherit;object-fit:contain}.mt-video-cover>span{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:rgb(0 0 0 / 65%)}.mt-video-cover svg{margin-left:3px}.mt-video-cover:hover>span{background:rgb(0 0 0 / 80%)}.mt-video-cover:focus-visible{outline:3px solid var(--brand-accent,#55518d);outline-offset:4px}