.book-learn-sketch{width:240px;max-width:100%;height:140px;color:var(--brand-paper-ink);fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;--learn-sketch-accent:var(--book-spectrum-orange);margin:24px auto 0;display:block;overflow:visible}.book-learn-sketch--1{--learn-sketch-accent:var(--book-spectrum-teal)}.book-learn-sketch--2{--learn-sketch-accent:var(--book-spectrum-pink)}.book-learn-sketch .sketch-accent{stroke:var(--learn-sketch-accent)}.book-learn-sketch .sketch-center{fill:color-mix(in srgb, var(--learn-sketch-accent) 25%, transparent)}.book-learn-sketch .sketch-arrow{stroke-width:4px}.book-learn-sketch .sketch-pillar{stroke-width:6px}.book-learn-sketch .sketch-dart-flight{fill:currentColor;stroke:none;opacity:0;transition:opacity .4s .5s}.book-learn-sketch[data-revealed=true] .sketch-dart-flight{opacity:1}.book-learn-sketch text{fill:currentColor;stroke:none;letter-spacing:0;font-family:Kalam,cursive;font-size:12px}.book-learn-sketch path{stroke-dasharray:1}.book-learn-sketch[data-revealed=false] path{stroke-dashoffset:1px}.book-learn-sketch[data-revealed=true] path{animation:.9s ease-out both learn-sketch-draw}@keyframes learn-sketch-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.book-learn-sketch path{stroke-dashoffset:0!important;animation:none!important}.book-learn-sketch .sketch-dart-flight{opacity:1!important;transition:none!important}}