.stf-camera-body{background:#000;margin:0;overflow:hidden}.stf{--stf-bg:#0e4d2c;--stf-fg:#fff;--stf-bar-fill:#ffffffeb;background:var(--stf-bg);color:var(--stf-fg);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;display:flex;position:relative;overflow:hidden}.stf--normal{--stf-bg:#0e4d2c;--stf-fg:#fff;--stf-bar-fill:#ffffffeb}.stf--warn{--stf-bg:#fc0;--stf-fg:#111;--stf-bar-fill:#000000bf}.stf--expired{--stf-bg:#9b1c1c;--stf-fg:#fff;--stf-bar-fill:#ffffffeb}.stf--paused{--stf-bg:#08301c;--stf-fg:#d8e5dd;--stf-bar-fill:#d8e5ddeb}.stf__digits{font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;font-weight:800;line-height:1}.stf__digits--blink{animation:1s step-end infinite stf-blink}.stf__label{letter-spacing:.08em;white-space:nowrap;font-weight:700;line-height:1}.stf__bar-track{background:#00000059;position:absolute;bottom:0;left:0;right:0}.stf__bar-fill{background:var(--stf-bar-fill);height:100%}@keyframes stf-blink{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.stf__digits--blink{animation:none}}