@layer components{.mk-home{background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-feature-settings:"cv11";-webkit-font-smoothing:antialiased}.mk-portal{color:var(--foreground);font-family:var(--font-sans);font-feature-settings:"cv11";-webkit-font-smoothing:antialiased}:is(.mk-home,.mk-portal) .mk-wrap{width:100%;max-width:1400px;margin-inline:auto;padding-inline:24px}@media (min-width:768px){:is(.mk-home,.mk-portal) .mk-wrap{padding-inline:40px}}@media (min-width:1024px){:is(.mk-home,.mk-portal) .mk-wrap{padding-inline:64px}}:is(.mk-home,.mk-portal) .mk-section{padding-block:80px;scroll-margin-top:61px}:is(.mk-home,.mk-portal) .mk-body{color:var(--muted-foreground);font-size:15px;line-height:24px}@media (min-width:768px){:is(.mk-home,.mk-portal) .mk-body{font-size:16px;line-height:25.6px}}:is(.mk-home,.mk-portal) .mk-quiet{color:var(--muted-foreground)}:is(.mk-home,.mk-portal) .mk-label{color:var(--muted-foreground);font-size:13px;font-weight:500;line-height:18px}:is(.mk-home,.mk-portal) .mk-tile{background:var(--card);box-shadow:var(--shadow-tile);border-radius:20px}:is(.mk-home,.mk-portal) .mk-device{background:var(--background);box-shadow:var(--shadow-device)}:is(.mk-home,.mk-portal) .mk-pill{white-space:nowrap;min-height:46px;transition:background-color var(--duration-colour) ease-out, box-shadow var(--duration-colour) ease-out;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding-inline:28px;font-size:15px;font-weight:500;line-height:20px;display:inline-flex}:is(.mk-home,.mk-portal) .mk-pill-primary{background:var(--primary);color:var(--primary-foreground)}:is(.mk-home,.mk-portal) .mk-pill-primary:hover{background:color-mix(in oklab, var(--primary), black 12%)}:is(.mk-home,.mk-portal) .mk-pill-quiet{background:var(--background);color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border)}:is(.mk-home,.mk-portal) .mk-pill-quiet:hover{background:var(--muted)}:is(.mk-home,.mk-portal) .mk-pill-small{min-height:34px;padding-inline:16px;font-size:13px}:is(.mk-home,.mk-portal) .mk-note-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);font-size:10.5px;font-weight:500;line-height:14px}:is(.mk-home,.mk-portal) .mk-mono{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:16px}}@keyframes mk-preview-in{0%{opacity:.7;transform:scale(.96)}to{opacity:1;transform:none}}.mk-home :focus-visible,.mk-portal :focus-visible{outline:2px solid var(--ring);outline-offset:2px}