.mk-film-frame{position:relative;padding:5px;border-radius:calc(var(--mk-radius-panel) + 5px);background:linear-gradient(150deg,#3c9cf98c,#0d1421eb 34%,#0d1421eb 70%,rgb(var(--mk-cta) / .45));box-shadow:0 34px 70px -42px #0a0e17bf,0 0 0 1px #0a0e170f}.mk-film-screen{position:relative;aspect-ratio:16 / 9;overflow:hidden;isolation:isolate;border-radius:var(--mk-radius-panel);background:#0a0e17}.mk-film-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px #ffffff47}.mk-film-video,.mk-film-poster,.mk-film-poster img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.mk-film-video{z-index:1;transition:opacity .35s ease;background:transparent}.mk-film-poster{z-index:2}.mk-film-sound,.mk-film-play{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;font-weight:600;border-radius:9999px;cursor:pointer;-webkit-tap-highlight-color:transparent}.mk-film-sound{top:8px;right:8px;min-height:32px;padding:0 11px 0 9px;font-size:13px;gap:6px;color:#fff;background:rgb(var(--mk-cta));box-shadow:0 0 0 1px #ffffff38,0 10px 24px -10px #cf4510cc;transition:background-color .18s ease}.mk-film-sound:hover{background:rgb(var(--mk-cta-hover))}.mk-film-play{left:50%;top:80%;transform:translate(-50%,-50%);padding:6px 16px 6px 6px;font-size:14px;white-space:nowrap;color:#0d1421;background:#fffffff5;box-shadow:0 16px 40px -16px #0d142199}.mk-film-play-dot{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9999px;color:#fff;background:rgb(var(--mk-cta))}.mk-film-sound:focus-visible,.mk-film-play:focus-visible{outline:2px solid #3c9cf9;outline-offset:2px}@media(min-width:768px){.mk-film-frame{padding:6px;border-radius:calc(var(--mk-radius-panel) + 6px)}.mk-film-sound{top:16px;right:16px;min-height:44px;padding:0 18px 0 14px;font-size:15px;gap:8px}.mk-film-play{padding:8px 20px 8px 8px;font-size:15px}.mk-film-play-dot{width:40px;height:40px}}.mk-film-steps{display:grid;gap:10px 20px;list-style:none;padding:0;margin:0;counter-reset:film}.mk-film-steps li{display:flex;align-items:baseline;gap:10px;font-size:15px;line-height:1.4;color:rgb(var(--mk-ink-soft))}.mk-film-steps li:before{counter-increment:film;content:counter(film);flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:9999px;font-size:12px;font-weight:700;color:#fff;background:#1565c0;transform:translateY(-1px)}.mk-film-steps strong{color:rgb(var(--mk-ink));font-weight:600}@media(min-width:640px){.mk-film-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.mk-film-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}