.dfa-score-bar{appearance:none;background-color:#e4e4e7;border:none;border-radius:9999px;width:100%;height:.5rem;margin-top:.375rem;transition:width .3s;display:block;overflow:hidden}.dfa-score-bar--compact{height:.375rem;margin-top:0}:root.dark .dfa-score-bar,.dark .dfa-score-bar{background-color:#3f3f46}.dfa-score-bar::-webkit-progress-bar{background-color:#e4e4e7;border-radius:9999px}.dfa-score-bar::-webkit-progress-value{border-radius:9999px;transition:width .3s}:root.dark .dfa-score-bar::-webkit-progress-bar{background-color:#3f3f46}.dark .dfa-score-bar::-webkit-progress-bar{background-color:#3f3f46}.dfa-score-bar::-moz-progress-bar{border-radius:9999px}.dfa-score-bar--critical::-webkit-progress-value{background-color:#ef4444}.dfa-score-bar--critical::-moz-progress-bar{background-color:#ef4444}.dfa-score-bar--elevated::-webkit-progress-value{background-color:#f59e0b}.dfa-score-bar--elevated::-moz-progress-bar{background-color:#f59e0b}.dfa-score-bar--moderate::-webkit-progress-value{background-color:#eab308}.dfa-score-bar--moderate::-moz-progress-bar{background-color:#eab308}:root.dark .dfa-score-bar--moderate::-webkit-progress-value{background-color:#ca8a04}.dark .dfa-score-bar--moderate::-webkit-progress-value{background-color:#ca8a04}:root.dark .dfa-score-bar--moderate::-moz-progress-bar{background-color:#ca8a04}.dark .dfa-score-bar--moderate::-moz-progress-bar{background-color:#ca8a04}.dfa-score-bar--low::-webkit-progress-value{background-color:#10b981}.dfa-score-bar--low::-moz-progress-bar{background-color:#10b981}:root.dark .dfa-score-bar--low::-webkit-progress-value{background-color:#059669}.dark .dfa-score-bar--low::-webkit-progress-value{background-color:#059669}:root.dark .dfa-score-bar--low::-moz-progress-bar{background-color:#059669}.dark .dfa-score-bar--low::-moz-progress-bar{background-color:#059669}