.mk{--mk-bg: #08080c;--mk-surface: #101017;--mk-surface-2: #16161f;--mk-hair: #ffffff14;--mk-fg: #e9e9f0;--mk-dim: #8b8b9e;--mk-accent: #b18cff;--mk-accent-tint: rgb(122 60 255 / .14);--mk-accent-edge: rgb(122 60 255 / .5);--mk-rec: #ff2f45;--mk-rec-tint: #ff2f451f;--mk-rec-fg: #ff98a6;--mk-ruler: #0b0b11;background:var(--mk-bg);color:var(--mk-fg)}.mk-bar{background:var(--mk-surface);border-bottom:1px solid var(--mk-hair)}.mk-icon{background:var(--mk-surface-2);border:1px solid var(--mk-hair)}.mk-export{border:1px solid var(--mk-accent-edge);background:var(--mk-accent-tint);color:var(--mk-accent)}.mk-video{box-shadow:0 0 0 1px var(--mk-hair)}.mk-dim{color:var(--mk-dim)}.mk-ruler{background:var(--mk-ruler);border:1px solid var(--mk-hair)}.mk-rec{border:1px solid var(--mk-rec);background:var(--mk-rec-tint);color:var(--mk-rec-fg)}.mk-rec-dot{background:var(--mk-rec)}@keyframes mk-fala{0%{opacity:0;transform:translateY(.18em)}}.mk-fala{animation:mk-fala .24s cubic-bezier(.2,.8,.3,1)}