.howto-pause-when-paused[data-astro-cid-dspogcvb]{display:none}.howto[data-astro-cid-dspogcvb]:has(.howto-pause-input:checked) .howto-pause-when-playing[data-astro-cid-dspogcvb]{display:none}.howto[data-astro-cid-dspogcvb]:has(.howto-pause-input:checked) .howto-pause-when-paused[data-astro-cid-dspogcvb]{display:block}.howto[data-astro-cid-dspogcvb]:has(.howto-pause-input:checked) .howto-scene[data-astro-cid-dspogcvb],.howto[data-astro-cid-dspogcvb]:has(.howto-pause-input:checked) .howto-print-sheet[data-astro-cid-dspogcvb],.howto[data-astro-cid-dspogcvb]:has(.howto-pause-input:checked) .howto-writing[data-astro-cid-dspogcvb],.howto[data-astro-cid-dspogcvb]:has(.howto-pause-input:checked) .howto-pen[data-astro-cid-dspogcvb],.howto[data-astro-cid-dspogcvb]:has(.howto-pause-input:checked) .howto-upload-sheet[data-astro-cid-dspogcvb],.howto[data-astro-cid-dspogcvb]:has(.howto-pause-input:checked) .howto-check[data-astro-cid-dspogcvb],.howto[data-astro-cid-dspogcvb]:has(.howto-pause-input:checked) .howto-step[data-astro-cid-dspogcvb],.howto[data-astro-cid-dspogcvb]:has(.howto-pause-input:checked) .howto-num[data-astro-cid-dspogcvb]{animation-play-state:paused}.howto-static[data-astro-cid-dspogcvb]{display:none}.howto-scene[data-astro-cid-dspogcvb]{opacity:0;transform-box:fill-box;transform-origin:center}.howto-scene-1[data-astro-cid-dspogcvb]{animation:howto-scene-1 12s var(--ease-in-out) infinite}.howto-scene-2[data-astro-cid-dspogcvb]{animation:howto-scene-2 12s var(--ease-in-out) infinite}.howto-scene-3[data-astro-cid-dspogcvb]{animation:howto-scene-3 12s var(--ease-in-out) infinite}.howto-print-sheet[data-astro-cid-dspogcvb]{transform-box:fill-box;transform-origin:top center;animation:howto-print-sheet 12s var(--ease-out) infinite}.howto-writing[data-astro-cid-dspogcvb]{clip-path:inset(0 100% 0 0);animation:howto-writing 12s var(--ease-in-out) infinite}.howto-pen[data-astro-cid-dspogcvb]{transform-box:fill-box;transform-origin:center;animation:howto-pen 12s var(--ease-in-out) infinite}.howto-upload-sheet[data-astro-cid-dspogcvb]{transform-box:fill-box;transform-origin:center;animation:howto-upload-sheet 12s var(--ease-out) infinite}.howto-check[data-astro-cid-dspogcvb]{transform-box:fill-box;transform-origin:center;animation:howto-check 12s var(--ease-out) infinite}.howto-step[data-astro-cid-dspogcvb]{animation-duration:12s;animation-timing-function:var(--ease-in-out);animation-iteration-count:infinite}.howto-step[data-astro-cid-dspogcvb]:nth-child(1){animation-name:howto-step-1}.howto-step[data-astro-cid-dspogcvb]:nth-child(2){animation-name:howto-step-2}.howto-step[data-astro-cid-dspogcvb]:nth-child(3){animation-name:howto-step-3}.howto-num[data-astro-cid-dspogcvb]{background:var(--color-navy-soft);color:var(--color-navy);animation-duration:12s;animation-timing-function:var(--ease-in-out);animation-iteration-count:infinite}.howto-step[data-astro-cid-dspogcvb]:nth-child(1) .howto-num[data-astro-cid-dspogcvb]{animation-name:howto-num-1}.howto-step[data-astro-cid-dspogcvb]:nth-child(2) .howto-num[data-astro-cid-dspogcvb]{animation-name:howto-num-2}.howto-step[data-astro-cid-dspogcvb]:nth-child(3) .howto-num[data-astro-cid-dspogcvb]{animation-name:howto-num-3}@keyframes howto-scene-1{0%,4%{opacity:0;transform:translateY(6%)}8%,28%{opacity:1;transform:translateY(0)}33%,to{opacity:0;transform:translateY(0)}}@keyframes howto-scene-2{0%,28%{opacity:0;transform:translateY(6%)}33%,61%{opacity:1;transform:translateY(0)}66%,to{opacity:0;transform:translateY(0)}}@keyframes howto-scene-3{0%,61%{opacity:0;transform:translateY(6%)}66%,95%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes howto-print-sheet{0%,6%{transform:translateY(-20%)}16%,to{transform:translateY(0)}}@keyframes howto-writing{0%,32%{clip-path:inset(0 100% 0 0)}38%,58%{clip-path:inset(0 0 0 0)}66%,to{clip-path:inset(0 100% 0 0)}}@keyframes howto-pen{0%,32%{opacity:0;transform:translate(-48px,-18px)}38%{opacity:1;transform:translate(-24px,-8px)}58%{opacity:1;transform:translate(0)}64%,to{opacity:0;transform:translate(0)}}@keyframes howto-upload-sheet{0%,64%{opacity:0;transform:translateY(-12%) scale(.96)}72%,95%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(0) scale(1)}}@keyframes howto-check{0%,74%{opacity:0;transform:scale(.94)}80%,95%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes howto-step-1{0%,28%{opacity:1}33%,95%{opacity:.82}to{opacity:1}}@keyframes howto-step-2{0%,28%{opacity:.82}33%,61%{opacity:1}66%,to{opacity:.82}}@keyframes howto-step-3{0%,61%{opacity:.82}66%,95%{opacity:1}to{opacity:.82}}@keyframes howto-num-1{0%,28%{background:var(--color-navy);color:#fff}33%,95%{background:var(--color-navy-soft);color:var(--color-navy)}to{background:var(--color-navy);color:#fff}}@keyframes howto-num-2{0%,28%{background:var(--color-navy-soft);color:var(--color-navy)}33%,61%{background:var(--color-navy);color:#fff}66%,to{background:var(--color-navy-soft);color:var(--color-navy)}}@keyframes howto-num-3{0%,61%{background:var(--color-navy-soft);color:var(--color-navy)}66%,95%{background:var(--color-navy);color:#fff}to{background:var(--color-navy-soft);color:var(--color-navy)}}@media(prefers-reduced-motion:reduce){.howto-scene[data-astro-cid-dspogcvb],.howto-print-sheet[data-astro-cid-dspogcvb],.howto-writing[data-astro-cid-dspogcvb],.howto-pen[data-astro-cid-dspogcvb],.howto-upload-sheet[data-astro-cid-dspogcvb],.howto-check[data-astro-cid-dspogcvb],.howto-step[data-astro-cid-dspogcvb],.howto-num[data-astro-cid-dspogcvb]{animation:none!important}.howto-scene[data-astro-cid-dspogcvb]{opacity:0}.howto-static[data-astro-cid-dspogcvb]{display:block}.howto-step[data-astro-cid-dspogcvb]{opacity:1}.howto-num[data-astro-cid-dspogcvb]{background:var(--color-navy-soft);color:var(--color-navy)}.howto-pause[data-astro-cid-dspogcvb]{display:none}}