.demo-stage:has(>.xd){container-type:inline-size}.xd{--ease-in-out:cubic-bezier(.45, 0, .25, 1);isolation:isolate;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;font-size:13px;position:relative;overflow:hidden}.xd img{max-width:none;display:block}.xd .media-edge,.xd .xk-edge{outline-offset:-1px;outline:1px solid #ffffff1a;outline:1px solid lab(100% 0 0/.1)}.xk-cursor{z-index:30;opacity:0;pointer-events:none;will-change:transform, opacity;filter:drop-shadow(0 2px 3px #00000080);filter:drop-shadow(0 2px 3px lab(0% 0 0/.5));position:absolute;top:0;left:0}.xk-cursor svg{transform-origin:2px 1.5px;margin:-1.5px 0 0 -2px;display:block}.xk-stack{vertical-align:top;display:inline-grid}.xk-stack-item{opacity:0;white-space:nowrap;transition:opacity .18s var(--demo-ease), transform .22s var(--demo-ease);grid-area:1/1;transform:translateY(5px)}.xk-stack-item[data-past]{transform:translateY(-5px)}.xk-stack-item[data-on]{opacity:1;transform:none}.xk-caption{z-index:25;background:var(--color-panel-2);text-align:center;pointer-events:none;opacity:0;width:min(560px,100% - 24px);transition:opacity .22s var(--demo-ease), transform .26s var(--demo-ease);border-radius:10px;padding:12px 16px 13px;position:absolute;top:14px;left:50%;transform:translate(-50%,-8px)scale(.98);box-shadow:0 0 0 1px #ffffff1f,0 16px 40px #0000008c;box-shadow:0 0 0 1px lab(100% 0 0/.12),0 16px 40px lab(0% 0 0/.55)}.xk-caption[data-on]{opacity:1;transform:translate(-50%)}.xk-caption-title{color:var(--color-text);text-wrap:balance;margin:0;font-size:15px;font-weight:600;line-height:1.3}.xk-caption-sub{color:var(--color-muted);text-wrap:balance;margin:3px 0 0;font-size:12px;line-height:1.4}@container (max-width:520px){.xk-caption{padding:10px 12px 11px;top:10px}.xk-caption-title{font-size:14px}}.xk-kbd{min-width:18px;height:18px;color:var(--color-muted);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:4px;place-items:center;padding:0 4px;font-size:11px;line-height:1;display:inline-grid}.xk-card{background:var(--color-bg);border-radius:10px;box-shadow:0 0 0 1px #ffffff12;box-shadow:0 0 0 1px lab(100% 0 0/.07)}.xk-btn{white-space:nowrap;height:32px;color:var(--color-text);background:var(--color-panel-2);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:0 0 0 1px #ffffff17;box-shadow:0 0 0 1px lab(100% 0 0/.09)}.xk-btn[data-primary]{color:var(--color-accent-ink);background:var(--color-accent);box-shadow:none;font-weight:600}.xk-btn[data-ghost]{color:var(--color-muted);box-shadow:none;background:0 0}.xk-press{transition:transform .15s ease-out}.xk-press[data-down]{animation:.26s ease-out both xk-press}@keyframes xk-press{0%,to{transform:none}40%{transform:scale(.96)}}.xk-seg{background:var(--color-panel);border-radius:8px;padding:2px;font-size:12px;display:inline-flex;box-shadow:0 0 0 1px #ffffff12;box-shadow:0 0 0 1px lab(100% 0 0/.07)}.xk-seg>span{color:var(--color-muted);border-radius:6px;padding:3px 10px}.xk-seg>span[data-on]{color:var(--color-text);background:var(--color-panel-2);box-shadow:0 0 0 1px #ffffff17;box-shadow:0 0 0 1px lab(100% 0 0/.09)}