.icon[data-v-12b3ae09]{display:inline-block;vertical-align:middle}.fill{animation:fill 75s linear forwards;animation:fill var(--animation-duration,75s) linear forwards;height:100%;left:0;position:absolute;top:0;width:0}@keyframes fill{70%{--tw-bg-opacity:1;background-color:#fcd34d;background-color:rgb(252 211 77/var(--tw-bg-opacity))}90%{@apply : bg-red-600;}to{--tw-bg-opacity:1;background-color:#991b1b;background-color:rgb(153 27 27/var(--tw-bg-opacity));width:100%}}.word{--tw-text-opacity:1;border-radius:.25rem;border-width:2px;color:#334155;color:rgb(51 65 85/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;margin:0;min-width:100px;padding-bottom:.5rem;padding-top:.5rem;text-transform:uppercase;touch-action:manipulation}.word:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.05) scaleY(1.05);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:is(.dark .word){--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity))}.fail{animation:horizontal-shaking .25s linear}@keyframes horizontal-shaking{0%{transform:translate(0)}25%{transform:translate(5px)}50%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}@media (prefers-reduced-motion:no-preference){:focus-visible{outline-color:#fff;transition:outline-offset 75ms ease-out}:not(:active):focus-visible{transition-duration:.25s}}:not(:active):focus-visible{outline-offset:.5rem}