mk-video-steps{display:grid}.mk-vsteps__grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:var(--spacing-48) var(--grid-gutter)}.mk-vsteps__panel{grid-column:1 / span 7;position:sticky;top:calc(64px + 56px + var(--spacing-24));display:flex;flex-direction:column;gap:var(--spacing-12);min-width:0}.mk-vsteps__copy{grid-column:9 / -1;display:flex;flex-direction:column;gap:var(--spacing-32);min-width:0}.mk-vsteps--flip .mk-vsteps__panel{grid-column:6 / -1;grid-row:1}.mk-vsteps--flip .mk-vsteps__copy{grid-column:1 / span 4;grid-row:1}.mk-vsteps__frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-surface-wash);container-type:size}.mk-vsteps__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mk-vsteps__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--color-text);cursor:pointer}.mk-vsteps__play:focus-visible{outline:2px solid var(--color-focus);outline-offset:-4px}.mk-vsteps__play-icon{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:var(--radius-pill);background:var(--color-bg);box-shadow:0 6px 24px #0e140c2e;transform:scale(1);will-change:transform;backface-visibility:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),background-color .3s ease-out}.mk-vsteps__play-icon svg{width:22px;height:22px;margin-left:3px}.mk-vsteps__play:hover .mk-vsteps__play-icon{transform:scale(1.08);background:var(--color-accent)}.mk-vsteps__dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:var(--spacing-24);border:0;background:transparent;overscroll-behavior:contain}.mk-vsteps__dialog[open]{display:grid;place-items:center;animation:mk-vsteps-in .3s var(--easing-hover-quick)}.mk-vsteps__dialog::backdrop{background:#0e140ce6}.mk-vsteps__player{width:min(1120px,100%,(100dvh - 112px) * 16 / 9);aspect-ratio:16 / 9;background:#000}.mk-vsteps__player iframe{display:block;width:100%;height:100%;border:0}.mk-vsteps__close{position:fixed;top:var(--spacing-16);right:var(--spacing-16);display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text);cursor:pointer}.mk-vsteps__close:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@keyframes mk-vsteps-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.mk-vsteps__dialog[open]{animation:none}.mk-vsteps__play-icon{transition:none}}.mk-vsteps__caption{margin:0;color:var(--color-text-secondary)}.mk-vsteps__head{display:flex;flex-direction:column;gap:var(--spacing-16)}.mk-vsteps__intro{margin:0;color:var(--color-text-secondary);text-wrap:pretty}.mk-vsteps__block{display:flex;flex-direction:column;gap:var(--spacing-12)}.mk-vsteps__wash{display:flex;flex-direction:column;gap:var(--spacing-32);padding:var(--spacing-24);background:var(--color-surface-wash);--color-text-muted: var(--color-text-muted-on-wash)}.mk-vsteps__block h3{margin:0}.mk-vsteps__needs{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;box-shadow:var(--rule-bottom)}.mk-vsteps__needs li{padding-block:var(--spacing-8);box-shadow:var(--rule-top)}.mk-vsteps__steps{display:flex;flex-direction:column;gap:var(--spacing-16);margin:0;padding:0;list-style:none}.mk-vsteps__steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--spacing-12);text-wrap:pretty}.mk-vsteps__num{padding-top:.3em;color:var(--color-text-muted)}.mk-vsteps__tip{align-items:flex-start}.mk-vsteps__tip:before{margin-top:.55em}@media screen and (max-width:991px){.mk-vsteps__panel,.mk-vsteps--flip .mk-vsteps__copy{grid-column:1 / span 6}.mk-vsteps__copy,.mk-vsteps--flip .mk-vsteps__panel{grid-column:7 / -1}}@media screen and (max-width:767px){.mk-vsteps__panel,.mk-vsteps__copy,.mk-vsteps--flip .mk-vsteps__panel,.mk-vsteps--flip .mk-vsteps__copy{grid-column:1 / -1;grid-row:auto}.mk-vsteps__panel{position:static}}
/*# sourceMappingURL=/cdn/shop/t/217/assets/mk-video-steps.css.map */