.subs{width:min(calc(var(--sub-width,42) * 1ch), calc(100% - 32px));box-sizing:border-box;text-align:center;text-transform:none;letter-spacing:.01em;font-family:var(--sub-font);font-size:calc(15px * var(--sub-size,1));color:#fff;text-shadow:0 0 12px #02030a,0 0 4px #02030a;pointer-events:none;opacity:calc(1 - var(--out,0));filter:blur(calc(var(--out,0) * var(--out-blur,0px)));margin:0;line-height:1.45;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}.subs span{animation:var(--in,none) var(--in-for,.5s) cubic-bezier(.22, 1, .36, 1) both paused;animation-delay:calc((var(--i) * var(--stagger,0) - var(--into,0)) * 1s);display:inline-block}.subs.in-fade{--in:sub-fade;--in-for:.4s}.subs.in-blur{--in:sub-blur;--in-for:.55s;--out-blur:8px}.subs.in-rise{--in:sub-rise;--in-for:.6s;--out-blur:4px}.subs.in-stream{--in:sub-stream;--in-for:.5s;--out-blur:6px}.subs.in-shimmer{--in:sub-shimmer;--in-for:1.1s;--out-blur:4px}@keyframes sub-fade{0%{opacity:0}}@keyframes sub-blur{0%{opacity:0;filter:blur(8px);transform:translateY(.2em)scale(.97)}}@keyframes sub-rise{0%{opacity:0;transform:translateY(.8em)}}@keyframes sub-stream{0%{opacity:0;filter:blur(6px)}50%{opacity:.7;filter:blur(2px)}}@keyframes sub-shimmer{0%{opacity:0;color:#ffffff4d}30%{opacity:1;color:#fff;text-shadow:0 0 14px #fffffff2,0 0 4px #02030a}to{color:#fff}}@media (prefers-reduced-motion:reduce){.subs span{animation-name:sub-fade}}
