.mk-ft-title{max-width:10em}.mk-ft-stats{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.mk-ft-stats>div{background:var(--mk-card);box-shadow:inset 0 0 0 1px var(--mk-line), var(--mk-shadow);border-radius:18px;align-items:center;gap:10px;padding:10px 16px 10px 10px;display:flex}.mk-ft-stats dt{background:var(--mk-blue);color:#fff;min-width:42px;height:42px;font-family:var(--mk-serif);border-radius:13px;place-items:center;padding-inline:6px;font-size:22px;font-weight:800;display:grid}.mk-ft-stats>div:nth-child(2) dt{background:var(--mk-green)}.mk-ft-stats>div:nth-child(3) dt{background:var(--mk-ink)}.mk-ft-stats dd{color:var(--mk-ink);font-size:14px;font-weight:600;line-height:1.25}@media (max-width:560px){.mk-ft-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mk-ft-stats>div{text-align:center;flex-direction:column;justify-content:center;padding:12px 6px}.mk-ft-stats dd{font-size:12px}.mk-ft-hero-vis{max-width:320px}}.mk-ft-hero-vis{width:100%;max-width:440px;margin-inline:auto;padding:34px 20px}.mk-ft-hero-vis:before{content:"";background:radial-gradient(#0a50ec29 1px,#0000 1.4px) 0 0/18px 18px;border-radius:50%;position:absolute;inset:-6%;-webkit-mask-image:radial-gradient(circle,#000 45%,#0000 70%);mask-image:radial-gradient(circle,#000 45%,#0000 70%)}.mk-ft-tiles{grid-template-columns:repeat(3,1fr);gap:clamp(10px,2.4vw,18px);display:grid;position:relative}.mk-ft-tiles span{aspect-ratio:1;background:var(--mk-card);color:var(--mk-blue);box-shadow:inset 0 0 0 1px var(--mk-line), var(--mk-shadow);animation:mk-bob 6s ease-in-out infinite, mk-ft-pick 9s var(--mk-ease) infinite;animation-delay:calc(var(--i) * -.7s), calc(var(--i) * 1s);border-radius:26px;place-items:center;display:grid}.mk-ft-tiles span:nth-child(4n+1){background:var(--mk-blue);color:#fff}.mk-ft-tiles span:nth-child(4n+2){background:var(--mk-leaf);color:var(--mk-green)}.mk-ft-tiles span:nth-child(4n+3){background:var(--mk-green);color:#fff}.mk-ft-tiles span:nth-child(5),.mk-ft-tiles span:nth-child(8){background:var(--mk-ink);color:#fff}.mk-ft-tiles span:nth-child(7){background:var(--mk-royal);color:#fff}@keyframes mk-ft-pick{0%,11%,to{rotate:0deg;scale:1}4%{rotate:-6deg;scale:1.14}}.mk-ft-float{z-index:2;background:var(--mk-card);box-shadow:inset 0 0 0 1px var(--mk-line), var(--mk-shadow);color:var(--mk-muted);white-space:nowrap;border-radius:16px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;animation:7s ease-in-out infinite mk-bob;display:flex;position:absolute}.mk-ft-float svg{color:var(--mk-blue)}.mk-ft-float b{color:var(--mk-green)}.mk-ft-float[data-pos=a]{color:var(--mk-ink);top:0;left:-8px}.mk-ft-float[data-pos=b]{animation-delay:-3.5s;bottom:0;right:-8px}.mk-ft-float[data-pos=b] svg{color:var(--mk-green)}@media (max-width:520px){.mk-ft-float[data-pos=a]{left:4px}.mk-ft-float[data-pos=b]{right:4px}}.mk-ft-filter-wrap{z-index:20;pointer-events:none;padding-block:12px;position:sticky;top:80px}.mk-ft-filter{scrollbar-width:none;-webkit-backdrop-filter:saturate(1.6)blur(16px);backdrop-filter:saturate(1.6)blur(16px);width:fit-content;max-width:100%;box-shadow:inset 0 0 0 1px var(--mk-line), var(--mk-shadow);pointer-events:auto;background:#ffffffd1;border-radius:999px;gap:2px;margin-inline:auto;padding:5px;display:flex;position:relative;overflow-x:auto}.mk-ft-filter::-webkit-scrollbar{display:none}.mk-ft-indicator{width:var(--w,0);transform:translateX(var(--x,0));background:var(--mk-blue);transition:transform .45s var(--mk-ease), width .45s var(--mk-ease);border-radius:999px;position:absolute;top:5px;bottom:5px;left:0;box-shadow:0 10px 20px -10px #0a50eccc}.mk .mk-ft-filter button{z-index:1;height:40px;color:var(--mk-ink);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:7px;padding-inline:16px;font-size:14px;font-weight:600;transition:color .3s;display:inline-flex;position:relative}.mk .mk-ft-filter button:hover{color:var(--mk-blue)}.mk .mk-ft-filter button[aria-pressed=true]{color:#fff}.mk-ft-filter small{background:var(--mk-mist);min-width:22px;height:22px;color:var(--mk-blue);border-radius:999px;place-items:center;padding-inline:6px;font-size:11px;font-weight:700;transition:background-color .3s,color .3s;display:grid}.mk-ft-filter button[aria-pressed=true] small{color:#fff;background:#fff3}.mk-ft-grid-wrap{padding-block:18px clamp(48px,6vw,84px);scroll-margin-top:130px}.mk-ft-grid{grid-auto-flow:dense;gap:16px;display:grid}@media (min-width:640px){.mk-ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-ft-card[data-featured=true]{grid-column:span 2}}@media (min-width:1000px){.mk-ft-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.mk-ft-card{--c:var(--mk-blue);--tint:var(--mk-mist);background:var(--mk-card);min-width:0;box-shadow:inset 0 0 0 1px var(--mk-line);transition:transform .4s var(--mk-ease), box-shadow .4s;animation:mk-ft-in .6s var(--mk-ease) backwards;animation-delay:calc(var(--i) * 45ms);border-radius:26px;flex-direction:column;padding:22px;display:flex;position:relative}@keyframes mk-ft-in{0%{filter:opacity(0);transform:translateY(26px)scale(.95)}}.mk-ft-card:nth-child(4n+2){--c:var(--mk-green);--tint:var(--mk-leaf)}.mk-ft-card:nth-child(4n+3){--c:var(--mk-ink);--tint:#edeef2}.mk-ft-card:nth-child(4n+4){--c:var(--mk-royal);--tint:var(--mk-mist)}a.mk-ft-card:hover{box-shadow:inset 0 0 0 1px var(--mk-line), 0 2px 4px #0c11260a, 0 30px 60px -28px #122c8373;transform:translateY(-6px)}.mk-ft-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.mk-ft-icon{background:var(--c);color:#fff;width:50px;height:50px;box-shadow:0 12px 22px -12px var(--c);transition:transform .4s var(--mk-ease);border-radius:16px;flex:none;place-items:center;display:grid}a.mk-ft-card:hover .mk-ft-icon{transform:rotate(-8deg)scale(1.08)}.mk-ft-demo{background:var(--tint);width:100px;height:58px;color:var(--c);border-radius:16px;place-items:center;font-size:12px;display:grid;overflow:hidden}.mk .mk-ft-card h3{font-family:var(--mk-serif);color:var(--mk-ink);font-size:21px;font-weight:700;line-height:1.15}.mk .mk-ft-card p{color:var(--mk-muted);flex:1;margin-top:8px;font-size:14.5px;line-height:1.55}.mk-ft-card-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.mk-ft-tag{background:var(--tint);color:var(--c);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600}.mk-ft-go{color:var(--c);align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.mk-ft-go svg{transition:transform .35s var(--mk-ease)}a.mk-ft-card:hover .mk-ft-go svg{transform:translate(6px)}.mk-ft-card[data-featured=true]{--tint:#ffffff29;background:var(--c);box-shadow:0 30px 60px -36px var(--c);padding:26px}.mk .mk-ft-card[data-featured=true] :is(h3,.mk-ft-go,.mk-ft-tag){color:#fff}.mk .mk-ft-card[data-featured=true] h3{font-size:clamp(24px,2.4vw,30px)}.mk .mk-ft-card[data-featured=true] p{color:#ffffffd1;max-width:30em}.mk-ft-card[data-featured=true] .mk-ft-icon{width:58px;height:58px;color:var(--c);box-shadow:none;background:#fff}.mk-ft-card[data-featured=true] .mk-ft-demo{color:#fff;width:160px;height:96px;box-shadow:inset 0 0 0 1px #fff3}.mk-ft-card[data-featured=true] .mk-ft-demo>*{scale:1.45}a.mk-ft-card[data-featured=true]:hover{box-shadow:0 40px 70px -34px #0c11268c}.mk-ft-soon{box-shadow:none;border:2px dashed var(--mk-line);background:0 0;justify-content:center;align-items:flex-start}.mk-ft-soon .mk-ft-icon{background:var(--mk-mist);color:var(--mk-blue);box-shadow:none;margin-bottom:16px}.mk .mk-ft-soon p{flex:none}.mk-ft-d-qr{grid-template-columns:repeat(6,6px);gap:2px;display:grid;position:relative}.mk-ft-d-qr i{border-radius:1.5px;width:6px;height:6px}.mk-ft-d-qr i[data-on="1"]{animation:4.5s infinite mk-ft-qr;animation-delay:calc(var(--i) * 30ms);background:currentColor}@keyframes mk-ft-qr{0%,4%{opacity:0;scale:.3}14%,84%{opacity:1;scale:1}94%,to{opacity:0;scale:.3}}.mk-ft-d-qr b{background:var(--mk-green);height:2px;box-shadow:0 0 8px var(--mk-green);border-radius:2px;animation:4.5s ease-in-out infinite mk-ft-scan;position:absolute;top:0;left:-4px;right:-4px}.mk-ft-card[data-featured=true] .mk-ft-d-qr b{background:#7dffbf;box-shadow:0 0 8px #7dffbf}@keyframes mk-ft-scan{0%,30%{opacity:0;top:0}36%{opacity:1}70%{opacity:1;top:100%}76%,to{opacity:0;top:100%}}.mk-ft-d-resize{align-items:center;gap:8px;display:flex}.mk-ft-d-resize>span{place-items:center;width:40px;height:30px;display:grid}.mk-ft-d-resize>span:before{content:"";background:color-mix(in oklab, currentColor 18%, transparent);width:18px;height:14px;animation:mk-ft-resize 4s var(--mk-ease) infinite;border:2px solid;border-radius:4px}@keyframes mk-ft-resize{0%,15%,to{width:18px;height:14px}45%,75%{width:38px;height:28px}}.mk-ft-d-resize small,.mk-ft-d-squeeze small{white-space:nowrap;gap:3px;font-size:10px;font-weight:700;display:flex}.mk-ft-d-resize small span,.mk-ft-d-squeeze small span{display:grid}.mk-ft-d-resize small b,.mk-ft-d-squeeze small b{grid-area:1/1}.mk-ft-d-resize small b:first-child,.mk-ft-d-squeeze small b:first-child{animation:4s infinite mk-swap-a}.mk-ft-d-resize small b:last-child,.mk-ft-d-squeeze small b:last-child{opacity:0;animation:4s infinite mk-swap-b}.mk-ft-d-squeeze{justify-items:center;gap:6px;display:grid}.mk-ft-d-squeeze>span{background:color-mix(in oklab, currentColor 18%, transparent);border-radius:99px;width:60px;height:8px;overflow:hidden}.mk-ft-d-squeeze i{border-radius:inherit;transform-origin:0;height:100%;animation:mk-ft-squeeze 4s var(--mk-ease) infinite;background:currentColor;display:block}@keyframes mk-ft-squeeze{0%,30%,to{transform:scaleX(1)}46%,86%{transform:scaleX(.26)}}.mk-ft-d-swap{white-space:nowrap;font-size:13px;font-weight:700;display:grid}.mk-ft-d-swap[data-mono=true]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.mk-ft-d-swap b{text-align:center;grid-area:1/1}.mk-ft-d-swap b:first-child{animation:mk-ft-out 4s var(--mk-ease) infinite}.mk-ft-d-swap b:last-child{opacity:0;animation:mk-ft-up 4s var(--mk-ease) infinite}@keyframes mk-ft-out{0%,40%,96%,to{opacity:1;translate:0}48%,88%{opacity:0;translate:0 -10px}}@keyframes mk-ft-up{0%,40%,96%,to{opacity:0;translate:0 10px}48%,88%{opacity:1;translate:0}}.mk-ft-d-json{gap:3px;font:700 11px/8px ui-monospace,Menlo,monospace;display:grid}.mk-ft-d-json i{opacity:.7;width:30px;height:4px;animation:mk-ft-indent 4s var(--mk-ease) infinite;background:currentColor;border-radius:2px;display:block}.mk-ft-d-json i:nth-of-type(2){width:22px;animation-delay:.1s}.mk-ft-d-json i:nth-of-type(3){width:26px;animation-delay:.2s}@keyframes mk-ft-indent{0%,25%,to{margin-left:0}45%,85%{margin-left:10px}}.mk-ft-d-jwt{align-items:center;gap:4px;display:flex}.mk-ft-d-jwt i{background:var(--mk-blue);width:20px;height:9px;animation:mk-ft-hop 3s var(--mk-ease) infinite;border-radius:3px}.mk-ft-d-jwt i:nth-child(2){background:var(--mk-green);animation-delay:.3s}.mk-ft-d-jwt i:nth-child(3){background:var(--mk-royal);animation-delay:.6s}.mk-ft-d-jwt i+i:before{content:"";background:var(--mk-muted);border-radius:50%;width:3px;height:3px;display:block;position:relative;top:3px;left:-5px}@keyframes mk-ft-hop{0%,30%,to{translate:0}12%{translate:0 -7px}}.mk-ft-d-pass,.mk-ft-d-pass>span{align-items:center;gap:4px;display:inline-flex}.mk-ft-d-pass i{opacity:0;width:6px;height:6px;animation:4s step-end infinite mk-ft-type;animation-delay:calc(var(--i) * .18s);background:currentColor;border-radius:50%}.mk-ft-d-pass:after{content:"";background:currentColor;width:2px;height:13px;margin-left:2px;animation:1s step-end infinite mk-caret}@keyframes mk-ft-type{0%{opacity:0}4%,70%{opacity:1}74%,to{opacity:0}}.mk-ft-d-cmp{align-items:center;gap:6px;font-size:15px;font-weight:800;display:flex}.mk-ft-d-cmp i{background:var(--c);color:#fff;width:22px;height:22px;animation:mk-ft-pop 2.4s var(--mk-ease) infinite;border-radius:50%;place-items:center;font-style:normal;display:grid}.mk-ft-card[data-featured=true] .mk-ft-d-cmp i{color:var(--c);background:#fff}@keyframes mk-ft-pop{0%,40%,to{scale:1}20%{scale:1.25}}.mk-ft-d-count{font-variant-numeric:tabular-nums;align-items:center;font:800 18px/22px ui-monospace,Menlo,monospace;display:flex}.mk-ft-d-count>span{height:22px;overflow:hidden}.mk-ft-d-count>span b{animation:mk-ft-roll 4s var(--mk-ease) infinite;display:grid}.mk-ft-d-count i{font-style:normal}@keyframes mk-ft-roll{0%,20%{translate:0}25%,45%{translate:0 -22px}50%,70%{translate:0 -44px}75%,95%{translate:0 -66px}to{translate:0}}@property --mk-ft-p{syntax:"<percentage>";inherits:false;initial-value:70%}.mk-ft-d-age{align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.mk-ft-d-age i{background:conic-gradient(currentColor var(--mk-ft-p), color-mix(in oklab, currentColor 18%, transparent) 0);width:32px;height:32px;animation:mk-ft-ring 4s var(--mk-ease) infinite;border-radius:50%;-webkit-mask:radial-gradient(circle,#0000 9px,#000 10px);mask:radial-gradient(circle,#0000 9px,#000 10px)}@keyframes mk-ft-ring{0%{--mk-ft-p:0%}60%,to{--mk-ft-p:82%}}.mk-ft-d-clock{border:2.5px solid;border-radius:50%;width:36px;height:36px;position:relative}.mk-ft-d-clock i{transform-origin:bottom;background:currentColor;border-radius:2px;width:2.5px;height:12px;animation:3s linear infinite mk-spin;position:absolute;bottom:50%;left:calc(50% - 1.25px)}.mk-ft-d-clock i:last-child{background:var(--mk-green);height:8px;animation-duration:12s}.mk-ft-why{gap:14px;margin-top:clamp(28px,4vw,48px);display:grid}@media (min-width:760px){.mk-ft-why{grid-template-columns:repeat(3,minmax(0,1fr))}}.mk-ft-why article{background:var(--mk-card);box-shadow:inset 0 0 0 1px var(--mk-line);transition:transform .35s var(--mk-ease), box-shadow .35s;border-radius:24px;padding:26px}.mk-ft-why article:hover{box-shadow:inset 0 0 0 1px var(--mk-line), var(--mk-shadow);transform:translateY(-6px)}.mk-ft-why .mk-ft-icon{--c:var(--mk-blue);margin-bottom:18px}.mk-ft-why article:nth-child(2) .mk-ft-icon{--c:var(--mk-green)}.mk-ft-why article:nth-child(3) .mk-ft-icon{--c:var(--mk-ink)}.mk .mk-ft-why h3{font-family:var(--mk-serif);color:var(--mk-ink);font-size:22px;font-weight:700}.mk .mk-ft-why p{color:var(--mk-muted);margin-top:6px;font-size:14.5px;line-height:1.55}@supports (animation-timeline:view()){.mk-ft-reveal{animation:linear both mk-reveal;animation-timeline:view();animation-range:entry entry 45%}.mk-ft-card{animation:mk-ft-in .6s var(--mk-ease) backwards, mk-reveal linear both;animation-delay:calc(var(--i) * 45ms), 0s;animation-timeline:auto,view();animation-range:normal,entry entry 35%}}@media (prefers-reduced-motion:reduce){.mk-ft-d-qr b{display:none}.mk-ft-d-pass i{opacity:1}.mk-ft-d-swap b:last-child{display:none}}@media (max-width:559px){.mk-ft-hero-vis{max-width:270px;padding:28px 14px}.mk-ft-tiles span{border-radius:20px}.mk-ft-stats dd{font-size:13px}.mk .mk-ft-filter button{height:44px;padding-inline:14px;font-size:15px}.mk-ft-filter small{font-size:12px}.mk-ft-card:not([data-featured=true],.mk-ft-soon){grid-template-columns:48px minmax(0,1fr);align-content:start;column-gap:14px;padding:18px 16px;display:grid}.mk-ft-card:not([data-featured=true],.mk-ft-soon) .mk-ft-card-top{display:contents}.mk-ft-card:not([data-featured=true],.mk-ft-soon) .mk-ft-icon{border-radius:15px;grid-row:1/span 3;width:48px;height:48px}.mk-ft-card:not([data-featured=true],.mk-ft-soon) .mk-ft-demo{display:none}.mk .mk-ft-card:not([data-featured=true],.mk-ft-soon) h3{grid-column:2;font-size:19px}.mk .mk-ft-card:not([data-featured=true],.mk-ft-soon) p{grid-column:2;margin-top:4px}.mk-ft-card:not([data-featured=true],.mk-ft-soon) .mk-ft-card-foot{grid-column:2;margin-top:12px}.mk .mk-ft-card p,.mk .mk-ft-why p{font-size:15px}.mk-ft-tag{font-size:13px}.mk-ft-card[data-featured=true]{padding:22px}.mk-ft-card[data-featured=true] .mk-ft-demo{width:128px;height:80px}.mk-ft-card[data-featured=true] .mk-ft-demo>*{scale:1.2}}.mk-tool-page,.mk-tool-popover{--spacing:3.75px;--text-xs:11.25px;--text-sm:13.125px;--text-base:15px;--text-lg:16.875px;--text-xl:18.75px;--text-2xl:22.5px;--text-3xl:28.125px;--text-4xl:33.75px;--text-5xl:45px;--container-2xl:630px;--container-3xl:720px;--container-5xl:960px;--container-6xl:1080px;--radius-md:4.5px;--radius-lg:7.5px;--radius-xl:11.25px;--radius-2xl:15px;--radius-3xl:22.5px;--color-blue-50:var(--color-primary-50);--color-blue-100:var(--color-primary-100);--color-blue-200:var(--color-primary-200);--color-blue-300:var(--color-primary-300);--color-blue-400:var(--color-primary-400);--color-blue-500:var(--color-primary-500);--color-blue-600:var(--color-primary-600);--color-blue-700:var(--color-primary-700);--color-blue-800:var(--color-primary-800);--color-blue-900:var(--color-primary-900);--color-blue-950:var(--color-primary-950)}.mk-tool-popover{--color-primary-50:#eff2f8;--color-primary-100:#dce3f0;--color-primary-200:#bbc7e1;--color-primary-300:#8b9fca;--color-primary-400:#5a74b0;--color-primary-500:#2e4b96;--color-primary-600:#122c83;--color-primary-700:#071b72;--color-primary-800:#030561;--color-primary-900:#020048;--color-primary-950:#01002a;letter-spacing:-.014em;font-family:Inter,system-ui,sans-serif;font-size:15px}@supports (color:lab(0% 0 0)){.mk-tool-popover{--color-primary-50:lab(95.3601% -.173569 -3.3808);--color-primary-100:lab(89.943% -.307322 -7.28704);--color-primary-200:lab(79.8686% -.312924 -14.4278);--color-primary-300:lab(65.0974% .485301 -24.5845);--color-primary-400:lab(48.6576% 3.27921 -35.419);--color-primary-500:lab(32.7564% 9.76458 -45.4578);--color-primary-700:lab(14.6053% 23.7878 -52.7201);--color-primary-800:lab(7.68226% 30.7445 -53.1898);--color-primary-900:lab(2.36502% 32.5418 -50.7738);--color-primary-950:lab(-.22738% 26.1059 -43.5096)}}@layer base{.mk-tool-page :is(input:not([type=checkbox],[type=radio],[type=range]),textarea,select){color:#0f172a;background-color:#fff;border-color:#e2e8f0}.mk-tool-page :is(input,textarea)::placeholder{color:#94a3b8}}.mk-tool-page .grid>*{min-width:0}.mk-tool-page :is(pre,code,textarea){max-width:100%}.mk-tool-page pre{white-space:pre-wrap;overflow-wrap:anywhere}.mk-tool-page .break-all,.mk-tool-page .font-mono{overflow-wrap:anywhere}@media (max-width:767px){.mk-tool-page :is(section,main).pt-28{padding-top:28px}.mk-tool-page .container.px-6{padding-inline:16px}.mk-tool-page .p-8:not([class*=sm\:p-]){padding:20px}.mk-tool-page .p-6:not([class*=sm\:p-],[class*=pr-],[class*=pl-]){padding:16px}.mk-tool-page button.w-8.h-8{width:44px}.mk-tool-page :is(button:not([role=switch],[role=checkbox],[role=radio]),select,input:not([type=checkbox],[type=radio],[type=range],[type=color])){min-height:44px}.mk-tool-page :is(input,select,textarea){font-size:16px}.mk-tool-page :is(.text-xs,.text-\[10px\],.text-\[11px\]){font-size:13px;line-height:1.4}.mk-tool-page .text-sm{font-size:15px}}.mk-tool-page .container>*{animation:mk-rise .6s var(--mk-ease) both}.mk-tool-page .container>:nth-child(2){animation-delay:80ms}