.mk-feature-showcase{--showcase-tint:var(--tint,#e7f0ff);--showcase-deep:var(--tint-deep,#c6dbfe);position:relative;min-width:0;width:100%;margin:0;container:feature-showcase/inline-size}.mk-feature-showcase .mk-feature-showcase__stage{position:relative;isolation:isolate;min-width:0;padding:clamp(22px,5.5%,58px) clamp(16px,5.5%,58px) 30px}.mk-feature-showcase .mk-feature-showcase__shape{position:absolute;z-index:-1;inset:2% 0 0;border-radius:34% 20% 32% 18%/25% 34% 20% 36%;background:var(--showcase-tint);transform:rotate(-3deg);pointer-events:none}.mk-feature-showcase .mk-feature-showcase__disc{position:absolute;z-index:-1;top:0;right:5%;width:23%;aspect-ratio:1;border:1px solid var(--showcase-deep);border-radius:50%;pointer-events:none}.mk-feature-showcase .mk-feature-showcase__screen{position:relative;display:block;width:100%;min-width:0;overflow:hidden;padding:0;border:1px solid rgba(27,35,51,.1);border-radius:20px;background:#fff;color:var(--mk-ink,#0b0c10);text-align:left;cursor:zoom-in;box-shadow:0 2px 6px rgba(27,35,51,.03),0 22px 48px -30px rgba(27,35,51,.28);transition:box-shadow .18s ease}.mk-feature-showcase .mk-feature-showcase__screen:hover{box-shadow:0 2px 6px rgba(27,35,51,.04),0 26px 54px -28px rgba(27,35,51,.36)}.mk-feature-dialog .mk-feature-dialog__viewport:focus-visible,.mk-feature-showcase .mk-feature-showcase__screen:focus-visible{outline:2px solid var(--mk-focus,#0969e8);outline-offset:5px}.mk-feature-showcase .mk-feature-showcase__bar{display:flex;min-width:0;align-items:center;gap:12px;padding:13px 17px;border-bottom:1px solid #eeeff2;font-size:11px;line-height:1.4}.mk-feature-showcase .mk-feature-showcase__brand{flex-shrink:0;padding-right:12px;border-right:1px solid #e5e7eb;font-size:12px;font-weight:650;letter-spacing:-.04em}.mk-feature-showcase .mk-feature-showcase__screen-label{overflow:hidden;color:#626977;text-overflow:ellipsis;white-space:nowrap}.mk-feature-showcase .mk-feature-showcase__crop{position:relative;display:block;width:100%;overflow:hidden;background:#f8fafc}.mk-feature-showcase .mk-feature-showcase__crop>img{position:absolute;display:block;max-width:none}.mk-feature-showcase .mk-feature-showcase__view{display:flex;min-height:39px;align-items:center;justify-content:flex-start;gap:7px;padding:10px 17px;border-top:1px solid #eeeff2;color:#525a68;font-size:11px;font-weight:500;line-height:1.4}.mk-feature-showcase[data-detail] .mk-feature-showcase__stage{padding-bottom:86px}.mk-feature-showcase .mk-feature-showcase__detail-group{position:absolute;z-index:1;right:0;bottom:18px;width:36%;max-width:310px;pointer-events:none}.mk-feature-showcase .mk-feature-showcase__connector{position:absolute;right:96%;bottom:16%;width:40%;overflow:visible;color:#8793a3}.mk-feature-showcase .mk-feature-showcase__detail{overflow:hidden;padding:7px;border:1px solid rgba(27,35,51,.08);border-radius:18px;background:#fff;box-shadow:0 2px 4px rgba(27,35,51,.03),0 16px 36px -20px rgba(27,35,51,.34)}.mk-feature-showcase .mk-feature-showcase__detail-label{display:block;padding:6px 6px 11px;color:#4b5360;font-size:11px;font-weight:500;line-height:1.4}.mk-feature-showcase .mk-feature-showcase__detail .mk-feature-showcase__crop{border-radius:10px}.mk-feature-showcase .mk-feature-showcase__caption{padding:16px 12px 0;color:var(--mk-muted,#737887);font-size:11px;line-height:1.5;text-align:center}.mk-feature-showcase[data-mobile] .mk-feature-showcase__screen{width:min(100%,280px);margin-inline:auto;border-radius:28px}.mk-feature-showcase[data-mobile] .mk-feature-showcase__stage{padding-inline:24px}.mk-feature-showcase[data-compact] .mk-feature-showcase__stage{padding-inline:20px}.mk.mk-feature-dialog{display:flex;width:calc(100vw - 24px);max-width:1440px;max-height:calc(100dvh - 24px);flex-direction:column;gap:0;overflow:hidden;padding:0;border-radius:22px}.mk-feature-dialog .mk-feature-dialog__heading{flex-shrink:0;padding:22px 58px 18px 24px;border-bottom:1px solid var(--mk-line,#ebebef)}.mk-feature-dialog .mk-feature-dialog__heading>p{margin-top:9px;color:#626977;font-size:12px;line-height:1.6}.mk-feature-dialog .mk-feature-dialog__viewport{min-height:0;overflow:auto;overscroll-behavior:contain;background:#f4f5f8}.mk-feature-dialog .mk-feature-dialog__image{display:block;width:100%;min-width:960px;max-width:1280px;height:auto;margin-inline:auto}.mk-feature-dialog .mk-feature-dialog__image--mobile{width:min(100%,390px);min-width:0;max-width:390px}@media (max-width:767px){.mk-feature-showcase[data-detail] .mk-feature-showcase__stage{padding-bottom:26px}.mk-feature-showcase .mk-feature-showcase__detail-group{display:none}.mk-feature-showcase .mk-feature-showcase__bar{gap:9px;padding:11px 12px}.mk-feature-showcase .mk-feature-showcase__view{padding-inline:12px}.mk-feature-dialog .mk-feature-dialog__heading{padding:20px 52px 16px 18px}}@container feature-showcase (max-width: 420px){.mk-feature-showcase .mk-feature-showcase__detail-group{display:none}.mk-feature-showcase[data-detail] .mk-feature-showcase__stage{padding-bottom:26px}}@media (max-width:767px){.mk-feature-showcase .mk-feature-showcase__detail-group{position:relative;display:block;right:auto;bottom:auto;width:78%;max-width:280px;margin:12px 0 0 auto}.mk-feature-showcase .mk-feature-showcase__connector{display:none}}@media (prefers-reduced-motion:reduce){.mk-feature-showcase .mk-feature-showcase__screen,.mk.mk-feature-dialog{animation:none;transition:none}}.mk .mk-tour-pinned{display:none}@media (min-width:1024px) and (min-height:900px){.mk .mk-tour-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:56px}.mk .mk-tour-chapters{gap:0}.mk .mk-tour-inline-screen{display:none}.mk .mk-tour-pinned{display:block}}@media (min-width:1024px) and (max-height:899px){.mk .mk-tour-chapters>li{display:block;min-height:0;padding-left:0}.mk .mk-tour-copy{max-width:none;opacity:1}.mk .mk-tour-chapters>li>span,.mk .mk-tour-chapters>span{display:none}.mk .mk-tour-inline-screen{max-width:820px;margin-inline:auto}}