.mk-page{--mk-dir:1;--mk-dwell:4.5s;--mk-wipe:calc(var(--duration-entrance) * 1.4)}.mk-page: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)){--mk-dir:-1}html:has(.mk-page){scroll-behavior:smooth}.mk-stage-window{border-radius:var(--radius-lg);background:var(--surface-2);block-size:19rem;position:relative;overflow:hidden}@media (min-width:48rem){.mk-stage-window{block-size:30rem}}.mk-layer{isolation:isolate;position:absolute;inset:0}.mk-layer-in{z-index:1}.mk-layer>*{min-block-size:100%}.mk-layer-next{visibility:hidden}.mk-layer-in{animation:mk-wipe var(--mk-wipe) var(--ease-in-out) both}.mk-layer-in: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)){animation-name:mk-wipe-rtl}@keyframes mk-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes mk-wipe-rtl{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}.mk-wipe-edge{z-index:2;background:var(--accent);inline-size:2px;animation:mk-wipe-edge var(--mk-wipe) var(--ease-in-out) both;position:absolute;inset-block:0;inset-inline-start:100%}@keyframes mk-wipe-edge{0%{inset-inline-start:0}to{inset-inline-start:100%}}.mk-ticks{gap:.25rem;display:flex}.mk-tick{background:var(--border);border-radius:9999px;flex:1;block-size:.1875rem;overflow:hidden}.mk-tick-fill{background:var(--primary);block-size:100%;inline-size:100%;display:block}.mk-tick-fill[data-auto]{animation:mk-dwell var(--mk-dwell) linear both}.mk-tick-fill[data-auto=paused]{animation-play-state:paused}@keyframes mk-dwell{0%{inline-size:0}}.mk-stage-for{min-block-size:2lh}@media (min-width:48rem){.mk-stage-for{min-block-size:1lh}}.mk-list-mark{pointer-events:none;border:1px solid var(--primary);border-radius:var(--radius-md);background:var(--primary-soft);transition:inset-inline-start var(--duration-slow) var(--ease-in-out), inset-block-start var(--duration-slow) var(--ease-in-out), inline-size var(--duration-slow) var(--ease-in-out), block-size var(--duration-slow) var(--ease-in-out);position:absolute}.mk-seg{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg);grid-template-columns:1fr 1fr;padding:.1875rem;display:inline-grid;position:relative}.mk-seg-thumb{border-radius:var(--radius-sm);background:var(--primary);inline-size:calc(50% - .1875rem);transition:transform var(--duration-slow) var(--ease-in-out);position:absolute;inset-block:.1875rem;inset-inline-start:.1875rem}.mk-seg[data-on="1"] .mk-seg-thumb{transform:translateX(calc(100% * var(--mk-dir)))}.mk-swap{transition:block-size var(--duration-slow) var(--ease-in-out)}.mk-swap[data-swapping]{position:relative;overflow:hidden}.mk-swap-old{isolation:isolate;position:absolute;inset-block-start:0;inset-inline:0}.mk-swap-new{isolation:isolate;animation:motion-fade var(--duration-slow) var(--ease-out) both;position:relative}@media (prefers-reduced-motion:reduce){.mk-tick-fill[data-auto]{animation:none}}