@keyframes mk-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes mk-fade{0%{opacity:0}}@keyframes mk-hide{0%{opacity:1}}@keyframes mk-pop{0%{opacity:0;transform:translateY(12px)scale(.96)}}@keyframes mk-grow-x{0%{transform:scaleX(0)}}@keyframes mk-drop{0%{opacity:0;transform:translateY(-24px)}}@keyframes mk-stamp{0%{opacity:0;transform:scale(.9)}}@keyframes mk-draw{0%{stroke-dashoffset:1px}}@keyframes mk-move{0%{transform:translate(var(--mk-from-x,0px), var(--mk-from-y,0px))}}@keyframes mk-lift{0%{opacity:0}25%{opacity:1}to{opacity:0}}@keyframes mk-pulse{0%{opacity:0;transform:scale(.985)}20%{opacity:1}to{opacity:0;transform:scale(1.03)}}@keyframes mk-blink{0%,to{opacity:1}50%{opacity:.4}}@layer components{.mk-root{position:relative}.mk-stage{container-type:inline-size}.mk-stage__canvas{transform:scale(var(--mock-scale,tan(atan2(100cqw, var(--mock-w,1120px)))))}[data-animate] .mk-rise{animation:mk-rise .52s var(--ease-brand) both;animation-delay:var(--mk-delay,0s)}[data-animate] .mk-fade{animation:mk-fade .42s var(--ease-out) both;animation-delay:var(--mk-delay,0s)}.mk-swap-out{opacity:0}[data-animate] .mk-swap-out{animation:mk-hide .36s var(--ease-out) both;animation-delay:var(--mk-delay,0s)}[data-animate] .mk-swap-in{animation:mk-fade .36s var(--ease-out) both;animation-delay:var(--mk-delay,0s)}[data-animate] .mk-grow-x{transform-origin:0;animation:mk-grow-x .72s var(--ease-out) both;animation-delay:var(--mk-delay,0s)}[data-animate] .mk-drop{animation:mk-drop .56s var(--ease-spring) both;animation-delay:var(--mk-delay,0s)}[data-animate] .mk-stamp{animation:mk-stamp .52s var(--ease-spring) both;animation-delay:var(--mk-delay,0s)}[data-animate] .mk-draw{stroke-dasharray:1;stroke-dashoffset:0;animation:mk-draw .9s var(--ease-out) both;animation-delay:var(--mk-delay,0s)}[data-animate] .mk-move{animation:mk-move .42s var(--ease-out) both;animation-delay:var(--mk-delay,0s)}.mk-lift:after{content:"";border-radius:inherit;box-shadow:var(--shadow-lg), 0 0 0 2px var(--ring);opacity:0;pointer-events:none;position:absolute;inset:0}[data-animate] .mk-lift:after{animation:mk-lift .76s var(--ease-out) both;animation-delay:var(--mk-delay,0s)}[data-animate] .mk-blink{animation:1.6s ease-in-out infinite mk-blink}.mk-toast{animation:mk-pop .42s var(--ease-spring) both;animation-delay:var(--mk-delay,0s)}.mk-root:not([data-animate]) .mk-toast{animation:none}.mk-charge--out{background:color-mix(in srgb, currentColor 12%, transparent)}.mk-charge__solid{background:var(--chat-out-fg);color:var(--chat-out-bg)}.mk-charge__ghost{border-color:color-mix(in srgb, currentColor 35%, transparent)}.mk-charge__flip{perspective:640px;display:grid}.mk-charge__face{backface-visibility:hidden;transform-origin:50%;transition:transform .18s var(--ease-out);grid-area:1/1}[data-status=paid] .mk-charge__face--pending{transform:rotateX(90deg)}[data-status=pending] .mk-charge__face--paid{transform:rotateX(-90deg)}[data-status=paid] .mk-charge__face--paid{transition-delay:.18s}.mk-charge__copy{transition:grid-template-rows .36s var(--ease-out);grid-template-rows:1fr;display:grid}.mk-charge__copy>*{min-height:0;transition:opacity .2s var(--ease-out);overflow:hidden}[data-status=paid] .mk-charge__copy{grid-template-rows:0fr}[data-status=paid] .mk-charge__copy>*{opacity:0}.mk-charge__check path{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .32s var(--ease-out) .26s}[data-status=pending] .mk-charge__check path{stroke-dashoffset:1px;transition-delay:0s}.mk-charge__pulse{border-radius:inherit;box-shadow:0 0 0 2px var(--success), 0 0 0 6px color-mix(in srgb, var(--success) 24%, transparent);opacity:0;pointer-events:none;position:absolute;inset:0}[data-animate] .mk-charge[data-status=paid]>.mk-charge__pulse{animation:mk-pulse 1.2s var(--ease-out) both}.mk-phone--left{transform:perspective(1600px)rotateY(12deg)}.mk-phone--right{transform:perspective(1600px)rotateY(-12deg)}.mk-dots{background-image:radial-gradient(var(--border-strong) 1px, transparent 1.5px);background-size:20px 20px}.mk-root[data-animate]:not([data-inview]) *{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.mk-root *{transition-delay:0s!important;animation-play-state:running!important;animation-delay:0s!important}.mk-toast{animation:none}.mk-charge__face{transition:opacity .2s linear}[data-status=paid] .mk-charge__face--pending,[data-status=pending] .mk-charge__face--paid{opacity:0;transform:none}}