.pixel-stories:focus{outline:none}.pixel-install-panel{margin-top:32px;max-width:620px}.product-page .invention-intro .pixel-install-heading p{margin:0;font-size:16px;line-height:1.5}.pixel-install-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.site-content .pixel-get-bakin{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:4px 8px;border:1px solid #b2c4d5;border-radius:6px;background:#f6f9fc;color:#183b62;font-size:12px;font-weight:600;text-decoration:none}.site-content .pixel-get-bakin:is(:hover,:focus-visible){background:#cbddee;border-color:#8faac4}.pixel-install-command{overflow:hidden;border:1px solid #3b3939;border-radius:4px;background:#242222;color:#e5b779}.pixel-terminal-bar{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:4px 14px;border-bottom:1px solid #3b3939;background:#141313}.pixel-terminal-dots{display:flex;gap:5px}.pixel-terminal-dots i{width:8px;height:8px;border-radius:50%;background:#343232}.pixel-install-command code{display:block;padding:18px 16px;font:13px/1.8 monospace;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.pixel-command-bin{color:#7fa4ff}.pixel-install-command button{padding:3px 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:#bdb9b9;font-family:inherit;font-size:11px;line-height:1.4;cursor:pointer}.pixel-install-command button:hover{background:#302d2d;color:#fff}.pixel-install-command button:focus-visible{outline:2px solid #7fa4ff;outline-offset:2px}.pixel-install-command [hidden]{display:none}.pixel-install-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 16px;margin-top:4px;font-size:13px;line-height:1.5}.pixel-install-footer .pixel-package-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:0;border-radius:5px;text-decoration:none}.pixel-package-link:hover{background:#cbddee}.pixel-package-link svg{display:block;width:16px;height:16px}.pixel-install-footer [role=status]{order:-1;margin-right:auto;color:var(--muted)}.pixel-install-footer [role=status]:empty{display:none}.pixel-story{overflow:hidden;border:1px solid #cbd5dd;border-radius:12px;background:#f8fafb;box-shadow:0 8px 28px #243d5108}.pixel-story [hidden]{display:none!important}.pixel-story-scenes{display:grid}.pixel-story-scene{grid-area:1/1;min-width:0}.pixel-story-scenes>[hidden]{display:block!important;visibility:hidden;pointer-events:none}.pixel-story-scene:not([hidden]){animation:pixel-story-in .3s ease both}.pixel-story-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#e9eef1}.pixel-story-media>img{width:100%;height:100%;object-fit:cover}.pixel-story-tag{position:absolute;left:12px;bottom:12px;right:12px;width:fit-content;max-width:calc(100% - 24px);padding:6px 9px;border:1px solid #cbd5dd;background:#f8fafbf2;color:#243d51;font:10px/1.4 monospace;border-radius:4px}.pixel-story-caption{padding:24px;border-top:1px solid #cbd5dd}.pixel-story-caption .eyebrow{font-size:10px}.pixel-story-caption h4{font-size:22px;line-height:1.25;letter-spacing:-.02em;margin:12px 0 8px}.pixel-story-caption p{font-size:15px;line-height:1.55;color:var(--muted)}.pixel-story-note{border-left:2px solid #9db5c9;margin-top:16px;padding:2px 0 2px 10px;color:#425c73;font-size:12px;line-height:1.6}.pixel-story-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px 16px}.pixel-story-controls>div{display:flex;gap:4px}.pixel-story-controls button{min-height:42px;border:1px solid transparent;border-radius:4px;padding:9px 10px;background:transparent;color:var(--muted);font:500 13px/1.4 Arial,sans-serif;cursor:pointer}.pixel-story-controls button:hover{background:#e5edf3}.pixel-story-controls button[aria-pressed=true]{background:#dfe9f2;border-color:#bacddd;color:#143d65}.pixel-story-controls [data-pixel-playback]{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.pixel-story-docs{display:grid;place-items:center}.pixel-doc-source{position:relative;width:100%;aspect-ratio:1600/869}.pixel-doc-source>img{display:block;width:100%;height:100%}.pixel-doc-pin{position:absolute;width:20px;height:20px;display:grid;place-items:center;border:1px solid white;border-radius:50%;background:var(--blue);color:#fff;font:700 10px/1 Arial,sans-serif;box-shadow:0 0 0 4px #0952f544}.pin-title{left:2%;top:22%}.pin-details{left:2%;top:43%}.pin-workflow{left:46%;top:87%}.pixel-doc-ready{width:90%;display:flex;flex-direction:column;gap:10px}.pixel-doc-ready>span{color:var(--muted);font:8px/1.4 monospace;letter-spacing:.08em}.pixel-doc-ready>strong{font-size:clamp(13px,1.3vw,20px);line-height:1.2}.pixel-doc-shot{width:72%;max-height:150px;overflow:hidden;border:1px solid #879eaf;border-radius:4px;align-self:center}.pixel-doc-shot img{display:block;width:100%;height:auto}.pixel-doc-caption{font-size:9px;line-height:1.5;color:var(--muted)}.pixel-doc-caption b{color:var(--blue);margin-left:5px}@keyframes pixel-story-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.pixel-story-caption{padding:20px}.pixel-story-caption h4{font-size:20px}.pixel-story-controls{gap:4px;padding-inline:10px}.pixel-story-controls button{padding:8px;font-size:12px}.pixel-doc-ready{gap:5px}.pixel-doc-ready>span{font-size:7px}.pixel-doc-shot{width:60%;max-height:88px}.pixel-doc-caption{font-size:7px}.pixel-story-tag{font-size:8px;padding:4px 6px;left:8px;bottom:8px}.pixel-doc-pin{width:16px;height:16px;font-size:8px}}@media(prefers-reduced-motion:reduce){.pixel-story-scene:not([hidden]){animation:none}}
