.hedgehog{--hedgehog-size:160px;width:var(--hedgehog-size);flex-direction:column;align-items:flex-start;gap:6px;max-width:100%;margin:0;display:inline-flex;position:relative}.hedgehog--point{--hedgehog-size:150px}.hedgehog--empty{--hedgehog-size:84px}.hedgehog--done{--hedgehog-size:180px}.hedgehog__art{width:100%;height:auto;display:block}.hedgehog__bubble{border:1.5px solid var(--green-ink);background:var(--card);max-width:100%;color:var(--green-ink);box-shadow:0 4px 12px color-mix(in srgb, var(--green-ink) 10%, transparent);animation:hedgehog-pop .5s var(--ease-out-quint) both;border-radius:14px;margin:0;padding:8px 14px;font-size:.875rem;font-weight:700;line-height:1.5;animation-delay:.35s;display:inline-block;position:relative}.hedgehog__bubble:after{content:"";background:var(--card);border-right:1.5px solid var(--green-ink);border-bottom:1.5px solid var(--green-ink);width:12px;height:12px;position:absolute;bottom:-8px;left:22px;transform:rotate(45deg)}.hedgehog__bubble--bottom-right:after{left:auto;right:22px}.hedgehog__bubble--top:after{top:-8px;bottom:auto;transform:rotate(-135deg)}.hedgehog__bubble--right:after{inset:50% -8px auto auto;transform:translateY(-50%)rotate(-45deg)}.hedgehog__bubble--left:after{top:50%;bottom:auto;left:-8px;transform:translateY(-50%)rotate(135deg)}@keyframes hedgehog-pop{0%{opacity:0;transform:scale(.9)translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hedgehog__bubble{animation:none}}