.mb-frame{width:100%;max-width:360px;margin:0 auto;position:relative}.mockup-building{width:100%;position:relative}.mb-replay{z-index:1;border:1px solid color-mix(in srgb, var(--color-accent) 45%, transparent);background:color-mix(in srgb, var(--color-accent) 12%, var(--color-bg));width:28px;height:28px;color:var(--color-accent);cursor:pointer;transition:background-color .15s var(--ease-std), border-color .15s var(--ease-std);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:10px;right:10px}.mb-replay:hover{background:color-mix(in srgb, var(--color-accent) 20%, var(--color-bg));border-color:color-mix(in srgb, var(--color-accent) 65%, transparent)}.mb-window{border:1px solid var(--color-border);border-radius:var(--radius-md,12px);background:color-mix(in srgb, var(--color-fg) 4%, var(--color-bg));width:100%;position:relative;overflow:hidden}.mb-chrome{border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-fg) 6%, var(--color-bg));align-items:center;gap:6px;padding:8px 12px;display:flex}.mb-dot{background:color-mix(in srgb, var(--color-fg-muted) 40%, transparent);border-radius:999px;width:8px;height:8px}.mb-url{background:color-mix(in srgb, var(--color-fg-muted) 22%, transparent);border-radius:999px;flex:1;align-items:center;height:14px;margin-left:10px;padding:0 8px;display:flex}.mb-url:before{content:"";border:1.5px solid color-mix(in srgb, var(--color-fg-muted) 55%, transparent);border-radius:999px;width:7px;height:7px}.mb-urltext{background:color-mix(in srgb, var(--color-fg-muted) 45%, transparent);border-radius:3px;width:54px;height:5px;margin-left:7px}.mb-page{gap:11px;padding:14px;display:grid}.mb-eyebrow{background:var(--color-accent);border-radius:3px;width:46px;height:5px}.mb-ln{background:color-mix(in srgb, var(--color-fg-muted) 32%, transparent);border-radius:3px;height:7px}.mb-headstack{gap:6px;display:grid}.mb-head{background:color-mix(in srgb, var(--color-fg) 90%, transparent);width:78%;height:10px}.mb-head2{background:color-mix(in srgb, var(--color-fg) 72%, transparent);width:54%;height:10px}.mb-blocks{gap:8px;margin-top:2px;display:grid}.mb-block{border-radius:var(--radius-sm,4px);background:color-mix(in srgb, var(--color-fg-muted) 20%, transparent);height:9px}.mb-block-wide{width:88%}.mb-actionrow{align-items:center;gap:9px;margin-top:2px;display:flex}.mb-cta{border-radius:var(--radius-sm,4px);background:var(--color-accent);width:92px;height:18px}.mb-cursor{width:12px;height:12px;position:relative}.mb-cursor:before{content:"";border-left:2px solid color-mix(in srgb, var(--color-fg-muted) 60%, transparent);border-bottom:2px solid color-mix(in srgb, var(--color-fg-muted) 60%, transparent);border-bottom-left-radius:3px;position:absolute;inset:0;transform:rotate(-45deg)}@property --snake{syntax:"<angle>";inherits:false;initial-value:360deg}.mb-trace{border-radius:var(--radius-md,12px);pointer-events:none;--snake:360deg;background:conic-gradient(from 0deg, var(--color-accent) var(--snake), transparent 0);-webkit-mask-composite:xor;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (prefers-reduced-motion:no-preference){.is-building .mb-window{animation:mbPopIn .3s var(--ease-out-expo) both}.is-building .mb-chrome .mb-dot:first-child{animation:mbPopIn .22s var(--ease-out-expo) .1s both}.is-building .mb-chrome .mb-dot:nth-child(2){animation:mbPopIn .22s var(--ease-out-expo) .16s both}.is-building .mb-chrome .mb-dot:nth-child(3){animation:mbPopIn .22s var(--ease-out-expo) .22s both}.is-building .mb-url{animation:mbPopIn .24s var(--ease-out-expo) .3s both}.is-building .mb-eyebrow{animation:mbPopIn .22s var(--ease-out-expo) .42s both}.is-building .mb-head{animation:mbPopIn .24s var(--ease-out-expo) .5s both}.is-building .mb-head2{animation:mbPopIn .24s var(--ease-out-expo) .58s both}.is-building .mb-blocks .mb-block:first-child{animation:mbPopIn .22s var(--ease-out-expo) .7s both}.is-building .mb-blocks .mb-block:nth-child(2){animation:mbPopIn .22s var(--ease-out-expo) .78s both}.is-building .mb-blocks .mb-block:nth-child(3){animation:mbPopIn .22s var(--ease-out-expo) .86s both}.is-building .mb-cta{animation:mbPopIn .24s var(--ease-out-expo) .98s both, mbInk .3s var(--ease-std) 1.5s both}.is-building .mb-cursor{animation:mbCursor .36s var(--ease-out-expo) 1.12s both}.is-building .mb-trace{animation:.7s linear 1.7s both mbSnakeDraw}}@keyframes mbPopIn{0%{opacity:0;transform:translateY(7px)scale(.985)}to{opacity:1;transform:none}}@keyframes mbInk{0%{background:color-mix(in srgb, var(--color-fg-muted) 26%, transparent)}to{background:var(--color-accent)}}@keyframes mbCursor{0%{opacity:0;transform:translate(-5px,4px)}to{opacity:1;transform:none}}@keyframes mbSnakeDraw{0%{--snake:0deg}to{--snake:360deg}}@media (max-width:480px){.mb-frame{max-width:300px}.mb-page{gap:9px;padding:12px}.mb-blocks{gap:7px}.mb-blocks .mb-block-wide{display:none}}
/*# sourceMappingURL=0zcmz4hyot_4s.css.map*/