.mk-dev-page{--mk-dev-phone:320px;--mk-dev-tablet:min(600px, (100svh - 160px) * 868 / 1228);--mk-dev-desktop:100cqw}.mk-dev-stage{container:mk-dev/inline-size}.mk-dev-fit{flex-direction:column;align-items:center;gap:1rem;display:flex}.mk-dev-fit>p{width:0;min-width:100%}.mk-dev{--w:min(100cqw, var(--mk-dev-phone,320px));--ratio:calc(860 / 406);--bezel:calc(8 / 406);--bar:0;--r-out:calc(44 / 406);--r-in:calc(36 / 406);width:var(--w);height:calc(var(--w) * var(--ratio));border-radius:calc(max(6px, var(--w) * var(--r-out)) * var(--sqk));box-shadow:var(--shadow-4);transition-property:width,height,border-radius,background-color;transition-duration:0s;transition-timing-function:var(--ease-drawer);background-color:#000;flex:none;position:relative;overflow:clip}.mk-dev[data-device=tablet]{--w:min(100cqw, var(--mk-dev-tablet,600px));--ratio:calc(1228 / 868);--bezel:calc(24 / 868);--r-out:calc(40 / 868);--r-in:calc(16 / 868)}.mk-dev[data-device=desktop]{--w:min(100cqw, var(--mk-dev-desktop,100cqw));--ratio:calc(940 / 1440);--bezel:0;--bar:calc(40 / 1440);--r-out:calc(14 / 1440);--r-in:0;background-color:var(--c-inset)}.mk-dev-screen{inset:calc(var(--w) * (var(--bezel) + var(--bar))) calc(var(--w) * var(--bezel)) calc(var(--w) * var(--bezel));isolation:isolate;border-radius:calc(var(--w) * var(--r-in) * var(--sqk));background-color:var(--mk-dev-screen,#fff);transition-property:inset,border-radius,background-color;transition-duration:0s;transition-timing-function:var(--ease-drawer);position:absolute;overflow:clip}.mk-dev-bar{inset-inline:0;height:calc(var(--w) * 40 / 1440);opacity:0;transition-property:opacity;transition-duration:0s;transition-timing-function:var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;top:0}.mk-dev[data-device=desktop] .mk-dev-bar{opacity:1}.mk-dev-dots{gap:calc(var(--w) * 8 / 1440);display:flex;position:absolute;inset-inline-start:calc(var(--w) * 18 / 1440)}.mk-dev-dots>i{width:max(3px, var(--w) * 12 / 1440);aspect-ratio:1;background-color:var(--c-fill-strong);border-radius:9999px}.mk-dev-address{width:32%;height:max(5px, var(--w) * 24 / 1440);background-color:var(--c-fill-strong);border-radius:9999px}.mk-dev[data-morph],.mk-dev[data-morph] .mk-dev-screen,.mk-dev[data-morph] .mk-dev-bar{transition-duration:.56s}.mk-dev-poster{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.mk-dev-screen>:not(.mk-dev-live){transition:opacity .3s var(--ease-out)}.mk-dev-screen[data-ready]>:not(.mk-dev-live){opacity:0}.mk-dev-live{transition:opacity .28s var(--ease-out), filter .28s var(--ease-out), scale .28s var(--ease-out);position:absolute;inset:0}.mk-dev-live[data-hidden]{opacity:0;filter:blur(6px);transition-duration:.14s;scale:.985}@media (width>=1100px){.mk-dev-page{--mk-dev-phone:min(340px, max(280px, (100svh - 240px) * 406 / 860));--mk-dev-tablet:min(560px, max(360px, (100svh - 240px) * 868 / 1228));--mk-dev-desktop:max(640px, (100svh - 180px) * 1440 / 940);--mk-dev-col:var(--mk-dev-phone);grid-template-columns:var(--mk-dev-col) minmax(0, 1fr)}.mk-dev-page[data-device=tablet]{--mk-dev-col:var(--mk-dev-tablet)}.mk-dev-page>.mk-dev-stage{grid-area:1/1/span 2}.mk-dev-page>.mk-dev-head{grid-area:1/2;padding-top:2.5rem}.mk-dev-page>.mk-dev-more{grid-area:2/2;max-width:460px}.mk-dev-sticky{position:sticky;top:5rem}.mk-dev-stage .mk-dev-fit{align-items:flex-start}.mk-dev-stage .mk-dev-fit>p{text-align:start}.mk-dev-page[data-device=desktop]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mk-dev-page[data-device=desktop]>.mk-dev-stage{grid-area:1/1/auto/-1}.mk-dev-page[data-device=desktop]>.mk-dev-head{grid-area:2/1;padding-top:0}.mk-dev-page[data-device=desktop]>.mk-dev-more{grid-area:2/2}.mk-dev-page[data-device=desktop] .mk-dev-sticky{position:static}}.mk-dev-seg{--n:3;isolation:isolate;grid-template-columns:repeat(var(--n), minmax(0, 1fr));background-color:var(--c-fill);border-radius:9999px;height:44px;padding:4px;display:grid;position:relative}.mk-dev-seg-item{border-radius:9999px;justify-content:center;align-items:center;gap:6px;min-width:0;padding-inline:10px;display:flex}.mk-dev-seg>label{color:var(--c-label-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s,opacity .1s;position:relative}@media (hover:hover) and (pointer:fine){.mk-dev-seg>label:hover{color:var(--c-label)}}.mk-dev-seg>label:active{opacity:.6}.mk-dev-seg>label:has(:focus-visible){outline:2px solid var(--c-focus);outline-offset:2px}.mk-dev-seg-ink{z-index:1;grid-template-columns:repeat(var(--n), minmax(0, 1fr));background-color:var(--c-accent);color:var(--c-on-accent);pointer-events:none;clip-path:inset(0 calc((var(--n) - 1 - var(--i)) * 100% / var(--n)) 0 calc(var(--i) * 100% / var(--n)) round 9999px);transition:clip-path .3s var(--ease-out);border-radius:9999px;font-weight:600;display:grid;position:absolute;inset:4px}.mk-dev-seg-ink:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){clip-path:inset(0 calc(var(--i) * 100% / var(--n)) 0 calc((var(--n) - 1 - var(--i)) * 100% / var(--n)) round 9999px)}.mk-dev-seg[data-touched] .mk-dev-seg-ink [data-on] svg{animation:mk-dev-pop .42s var(--ease-out)}@keyframes mk-dev-pop{0%{rotate:-14deg;scale:.6}}.mk-dev-dots>i,.mk-dev-address,.mk-dev-seg,.mk-dev-seg-ink,.mk-dev-seg-item{corner-shape:round}@media (prefers-reduced-motion:reduce){.mk-dev[data-morph],.mk-dev[data-morph] .mk-dev-screen,.mk-dev[data-morph] .mk-dev-bar{transition-duration:0s}.mk-dev-live[data-hidden]{filter:none;scale:none}.mk-dev-seg-ink{transition:none}.mk-dev-seg[data-touched] .mk-dev-seg-ink [data-on] svg{animation:none}}