:root{--mk-body:#5f5140;--mk-quiet:#6b5b45;--mk-hush:#9a8b74;--mk-olive-ink:#4a5230;--mk-olive-ink-strong:#3f4a2b;--mk-olive-border:#d3d3b8;--mk-olive-tint:#edf0df;--mk-olive-dot:#8a8a4e;--mk-olive-dot-lit:#c9ce9b;--mk-gold-ink:#3a2b14;--mk-gold-body:#6b5433;--mk-gold-border:#c2a97f}.mk-bar{background:hsl(var(--background)/.88)}@keyframes mk-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.mk-in{animation-name:mk-in;animation-fill-mode:both;animation-timing-function:linear;animation-timeline:view();animation-range:entry 0 entry 55%}.mk-in .mk-in{animation:none}}}@keyframes mk-from-l{0%{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}@keyframes mk-from-r{0%{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}@keyframes mk-zoom{0%{opacity:0;transform:translateY(18px) scale(.95)}to{opacity:1;transform:none}}@keyframes mk-band{0%{opacity:0;transform:translateY(24px) scale(.975)}to{opacity:1;transform:none}}@keyframes mk-draw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes mk-dot{0%{transform:scale(.3)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes mk-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes mk-shade{0%{box-shadow:0 0 0 hsl(var(--ink)/0)}to{box-shadow:0 10px 30px hsl(var(--ink)/.08)}}@keyframes mk-push{0%{opacity:0;transform:translateY(-14px) scale(.94)}to{opacity:1;transform:none}}.mk-rail{position:relative}.mk-rail:before{content:"";position:absolute;top:0;bottom:0;left:-2px;width:2px;background:hsl(var(--gold));transform-origin:top}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.mk-band,.mk-cascade>*,.mk-dot,.mk-from-l,.mk-from-r,.mk-grow,.mk-zoom{animation-fill-mode:both;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-timeline:view()}.mk-cascade>*{animation-name:mk-in;animation-range:entry calc(var(--mk-i, 0) * 8%) entry calc(55% + var(--mk-i, 0) * 8%)}.mk-cascade>:nth-child(2){--mk-i:1}.mk-cascade>:nth-child(3){--mk-i:2}.mk-cascade>:nth-child(4){--mk-i:3}.mk-cascade>:nth-child(5){--mk-i:4}.mk-cascade>:nth-child(6){--mk-i:5}.mk-cascade>:nth-child(n+7){--mk-i:6}.mk-from-l{animation-name:mk-from-l}.mk-from-l,.mk-from-r{animation-range:entry 0 entry 60%}.mk-from-r{animation-name:mk-from-r}.mk-zoom{animation-name:mk-zoom;animation-range:entry 0 entry 70%}.mk-band{animation-name:mk-band;animation-range:entry 0 entry 60%}.mk-rail:before{animation:mk-draw linear both;animation-timeline:view();animation-range:entry 30% cover 55%}.mk-dot{animation-name:mk-dot;animation-range:entry 40% entry 100%}.mk-grow{animation-name:mk-grow;animation-range:entry 40% cover 45%;transform-origin:left}.mk-band .mk-cascade>*,.mk-band .mk-in,.mk-cascade>* .mk-cascade>*,.mk-cascade>* .mk-in,.mk-cascade>* .mk-zoom,.mk-in .mk-cascade>*,.mk-in .mk-zoom{animation:none}}@supports (animation-timeline:scroll()){.mk-bar{animation:mk-shade linear both;animation-timeline:scroll(root);animation-range:0 90px}}.mk-push{animation:mk-push .55s cubic-bezier(.22,1,.36,1) .65s both}}.mk-lift{transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),background-color .2s ease,border-color .2s ease}.mk-lift:hover{transform:translateY(-2px);box-shadow:0 16px 32px hsl(var(--ink)/.09)}.mk-nudge{transition:transform .22s cubic-bezier(.22,1,.36,1)}.mk-lift:hover .mk-nudge{transform:translateX(2px)}@media (prefers-reduced-motion:reduce){.mk-lift,.mk-nudge{transition:none}.mk-lift:hover,.mk-lift:hover .mk-nudge{transform:none}}