.impact__mark{background:var(--brand);color:#fff;border-radius:.16em;padding-inline:.18em;line-height:1.12;display:inline-block;position:relative}.impact--dark .impact__mark{color:var(--brand);background:#fff}.impact__rest{transition:opacity .6s var(--ease-out)}[data-impact=waiting] .impact__rest{opacity:.4}[data-impact=landed] .impact__rest{transition-delay:.5s}[data-impact=waiting] .impact__mark{opacity:0;filter:blur(6px);transform:scale(1.3)}[data-impact=landed] .impact__mark{animation:impact-land 1s var(--ease-out) .15s both}@keyframes impact-land{0%{opacity:0;filter:blur(6px);transform:scale(1.3)}40%{opacity:1;filter:blur();transform:scale(1)}60%{transform:scale(1.1)}to{opacity:1;filter:blur();transform:scale(1)}}.impact__mark:after{content:"";border:2px solid var(--brand);border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:0}.impact--dark .impact__mark:after{border-color:#fff}[data-impact=landed] .impact__mark:after{animation:impact-ring .9s var(--ease-out) .6s both}@keyframes impact-ring{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.3,1.7)}}@media (prefers-reduced-motion:reduce){.impact__mark,.impact__mark:after{animation:none!important}}