/* Source: reference 1.1.17, index.html <style id="capacity-number-animation">, md5 6c5ef0ddf7d2b326b5dfcf6b943d32fb (raw block; line endings normalized to LF). Generated by bin/extract-reference.php; do not edit. */

.capacity-number-panel{overflow:hidden;--capacity-slide-distance:clamp(320px,40vw,900px)}
.capacity-digit{display:inline-block}
.capacity-entrance-ready .capacity-digit{opacity:0}
.capacity-entrance-ready .capacity-digit-one{transform:translateX(calc(-1 * var(--capacity-slide-distance)))}
.capacity-entrance-ready .capacity-digit-two{transform:translateX(var(--capacity-slide-distance))}
.capacity-entrance-visible .capacity-digit{animation-duration:1s;animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:both}
.capacity-entrance-visible .capacity-digit-one{animation-name:capacity-one-enter}
.capacity-entrance-visible .capacity-digit-two{animation-name:capacity-two-enter}
@keyframes capacity-one-enter{from{opacity:0;transform:translateX(calc(-1 * var(--capacity-slide-distance)))}20%{opacity:1}to{opacity:1;transform:translateX(0)}}
@keyframes capacity-two-enter{from{opacity:0;transform:translateX(var(--capacity-slide-distance))}20%{opacity:1}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.capacity-entrance-ready .capacity-digit{opacity:1;transform:none;animation:none}}