.how-cards[data-v-2b91dde7]{position:relative;display:grid;grid-template-columns:repeat(2,2.9rem);grid-auto-rows:2.1rem;gap:.25rem;--how-cycle: 7s}.how-card[data-v-2b91dde7]{position:relative;margin:0}.how-card[data-v-2b91dde7] .option-thumb{width:100%!important;height:100%!important;border-radius:.375rem}.how-card-out[data-v-2b91dde7] .option-thumb{opacity:.25;filter:grayscale(1)}.how-dot[data-v-2b91dde7]{position:absolute;left:50%;top:50%;width:.5rem;height:.5rem;margin:-.25rem 0 0 -.25rem;border-radius:9999px;background:#fff}.how-pointer[data-v-2b91dde7]{position:absolute;left:0;top:0;width:1rem;height:1.25rem;pointer-events:none;transform-origin:0 0;animation:how-pointer-2b91dde7 var(--how-cycle) ease-in-out infinite}.how-click-1[data-v-2b91dde7] .option-thumb{animation:how-out-1-2b91dde7 var(--how-cycle) ease infinite both}.how-click-2[data-v-2b91dde7] .option-thumb{animation:how-out-2-2b91dde7 var(--how-cycle) ease infinite both}.how-click-1 .how-dot[data-v-2b91dde7]{animation:how-dot-1-2b91dde7 var(--how-cycle) ease infinite both}.how-click-2 .how-dot[data-v-2b91dde7]{animation:how-dot-2-2b91dde7 var(--how-cycle) ease infinite both}@keyframes how-pointer-2b91dde7{0%,8%{transform:translate(5.4rem,4.6rem);opacity:0}12%{transform:translate(5.4rem,4.6rem);opacity:1}26%{transform:translate(1.5rem,3.3rem) scale(1);opacity:1}28%{transform:translate(1.5rem,3.3rem) scale(.8)}31%{transform:translate(1.5rem,3.3rem) scale(1)}46%{transform:translate(4.6rem,3.3rem) scale(1)}48%{transform:translate(4.6rem,3.3rem) scale(.8)}51%{transform:translate(4.6rem,3.3rem) scale(1);opacity:1}62%,to{transform:translate(5.4rem,4.6rem);opacity:0}}@keyframes how-out-1-2b91dde7{0%,29%{opacity:1;filter:none}33%,84%{opacity:.25;filter:grayscale(1)}92%,to{opacity:1;filter:none}}@keyframes how-out-2-2b91dde7{0%,49%{opacity:1;filter:none}53%,84%{opacity:.25;filter:grayscale(1)}92%,to{opacity:1;filter:none}}@keyframes how-dot-1-2b91dde7{0%,29%{transform:scale(0)}33%,84%{transform:scale(1)}92%,to{transform:scale(0)}}@keyframes how-dot-2-2b91dde7{0%,49%{transform:scale(0)}53%,84%{transform:scale(1)}92%,to{transform:scale(0)}}@media(prefers-reduced-motion:reduce){.how-pointer[data-v-2b91dde7]{display:none}.how-click-1[data-v-2b91dde7] .option-thumb,.how-click-2[data-v-2b91dde7] .option-thumb,.how-click-1 .how-dot[data-v-2b91dde7],.how-click-2 .how-dot[data-v-2b91dde7]{animation:none}}.how-step[data-v-2b91dde7]{display:flex;align-items:flex-start;gap:1rem;color:#fff}.how-step+.how-step[data-v-2b91dde7]{padding-top:2rem;border-top:1px solid rgb(255 255 255 / .12)}.how-art[data-v-2b91dde7]{flex:none;width:6rem;height:4.5rem;color:#ffffffd9}.how-copy[data-v-2b91dde7]{min-width:0;flex:1}.how-copy h3[data-v-2b91dde7]{margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.how-copy p[data-v-2b91dde7]{margin:0;font-size:.9rem;line-height:1.5;color:#ffffffbf}.how-copy .how-answers[data-v-2b91dde7]{margin-top:.75rem}@media(max-width:420px){.how-step[data-v-2b91dde7]{flex-direction:column}}