@keyframes bkp-flow-down{0%{opacity:0;transform:translateY(-8px)}50%{opacity:1}to{opacity:0;transform:translateY(8px)}}@keyframes bkp-flow-up{0%{opacity:0;transform:translateY(8px)}50%{opacity:1}to{opacity:0;transform:translateY(-8px)}}@keyframes bkp-flow-left{0%{opacity:0;transform:translate(8px)}50%{opacity:1}to{opacity:0;transform:translate(-8px)}}@keyframes bkp-flow-right{0%{opacity:0;transform:translate(-8px)}50%{opacity:1}to{opacity:0;transform:translate(8px)}}@layer components{.bkp-diagram,.bkp-vignette{--bkp-line:var(--color-bk-green);--bkp-paper:#fff;--bkp-accent:var(--color-bk-red)}.bkp-vignette{fill:var(--bkp-line);overflow:visible}.bkp-diagram #bkp-art>g{fill:var(--bkp-line);cursor:pointer;transition:opacity .5s}.bkp-diagram[data-step] #bkp-art>g{opacity:.2}@media (hover:hover){.bkp-diagram #bkp-art>g:hover{opacity:1;--bkp-line:var(--color-bk-green-60)}}.bkp-diagram .bkp-arrow>*{animation:none;animation-delay:calc(var(--bkp-i,0)*.17s)}.bkp-diagram .bkp-arrow--down>*{animation-name:bkp-flow-down}.bkp-diagram .bkp-arrow--up>*{animation-name:bkp-flow-up}.bkp-diagram .bkp-arrow--left>*{animation-name:bkp-flow-left}.bkp-diagram .bkp-arrow--right>*{animation-name:bkp-flow-right}.bkp-diagram .bkp-arrow-1{--bkp-i:0}.bkp-diagram .bkp-arrow-2{--bkp-i:1}.bkp-diagram .bkp-arrow-3{--bkp-i:2}.bkp-diagram .bkp-arrow-4{--bkp-i:3}.bkp-diagram .bkp-arrow-5{--bkp-i:4}.bkp-diagram .bkp-arrow-6{--bkp-i:5}.bkp-diagram .bkp-arrow-7{--bkp-i:6}.bkp-diagram .bkp-arrow-8{--bkp-i:7}.bkp-diagram .bkp-arrow-9{--bkp-i:8}.bkp-diagram .bkp-arrow-10{--bkp-i:9}.bkp-diagram .bkp-arrow-11{--bkp-i:10}.bkp-diagram .bkp-arrow-12{--bkp-i:11}.bkp-diagram .bkp-arrow-13{--bkp-i:12}@media (prefers-reduced-motion:reduce){.bkp-diagram .bkp-arrow>*{animation:none}.bkp-diagram #bkp-art>g{transition:none}}}