.binary-chip-animation { position:absolute; right:54px; top:166px; width:430px; height:300px; pointer-events:none; }
.binary-chip-animation .live-motion-canvas { position:absolute; inset:0; width:100%; height:100%; }
.binary-chip-fallback { position:absolute; left:124px; top:72px; width:182px; height:150px; border:1px solid #7c96cc; border-radius:7px; background:linear-gradient(145deg,#24375e,#101a30); box-shadow:0 6px 0 #344661,0 11px 0 #0c1326,0 20px 40px #4d71ec18; transform:perspective(500px) rotateX(35deg) rotateZ(-30deg); }
.binary-chip-fallback:before,.binary-chip-fallback:after { content:''; position:absolute; inset:11px -12px; z-index:-1; background:repeating-linear-gradient(0deg,#a1b3d0 0,#a1b3d0 3px,transparent 3px,transparent 11px); }
.binary-chip-fallback:after { inset:-12px 11px; background:repeating-linear-gradient(90deg,#a1b3d0 0,#a1b3d0 3px,transparent 3px,transparent 11px); }
.binary-chip-fallback i { position:absolute; inset:17px; border:1px solid #9fb3f1; background:linear-gradient(145deg,#3d60ca,#203868); }
.binary-chip-fallback b { position:absolute; inset:0; display:grid; place-items:center; color:#c7d7ff; font:48px 'SFR Chakra',monospace; letter-spacing:12px; }
.binary-chip-animation.has-live-motion .binary-chip-fallback { visibility:hidden; }
@media print { .binary-chip-animation .live-motion-canvas { display:none; }.binary-chip-animation.has-live-motion .binary-chip-fallback { visibility:visible; } }