.onboarding-anim{z-index:-1;pointer-events:none;opacity:.5;width:46%;height:78%;position:absolute;bottom:0;right:0;-webkit-mask-image:radial-gradient(70% 60% at 0 0,#0000 35%,#000 100%);mask-image:radial-gradient(70% 60% at 0 0,#0000 35%,#000 100%)}.onboarding-anim canvas{width:100%;height:100%;color:var(--color-ink);border:0 solid var(--color-surface-sunk);position:absolute;inset:0}.onboarding-anim-docs{opacity:.32;width:100%;height:100%;top:0;-webkit-mask-image:none;mask-image:none}.onboarding-anim-systems{opacity:.32;width:52%;height:100%;top:0;-webkit-mask-image:none;mask-image:none}@media (max-width:639px){.onboarding-anim-docs,.onboarding-anim-systems{transform:translate(22%)}.onboarding-card>p{max-width:14rem}}