{"version":3,"file":"Progress.module.cjs","names":[],"sources":["../../../src/components/Progress/Progress.module.css"],"sourcesContent":["/*\nCopyright 2024 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\n.progress-bar {\n  position: relative;\n  background-color: var(--cpd-color-gray-200);\n  border: 1px solid var(--cpd-color-gray-400);\n  border-radius: var(--cpd-radius-pill-effect);\n  overflow: hidden;\n\n  &[data-size=\"sm\"] {\n    block-size: var(--cpd-space-2x);\n  }\n\n  &[data-size=\"lg\"] {\n    block-size: var(--cpd-space-4x);\n  }\n}\n\n.progress-bar-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--cpd-space-1x);\n\n  --cpd-progress-bar-main: var(--cpd-color-text-secondary);\n  --cpd-progress-bar-muted: var(--cpd-color-gray-800);\n\n  &[data-tint=\"green\"] {\n    --cpd-progress-bar-main: var(--cpd-color-text-success-primary);\n    --cpd-progress-bar-muted: var(--cpd-color-green-800);\n  }\n\n  &[data-tint=\"lime\"] {\n    --cpd-progress-bar-main: var(--cpd-color-lime-900);\n    --cpd-progress-bar-muted: var(--cpd-color-lime-800);\n  }\n\n  &[data-tint=\"orange\"] {\n    --cpd-progress-bar-main: var(--cpd-color-orange-900);\n    --cpd-progress-bar-muted: var(--cpd-color-orange-800);\n  }\n\n  &[data-tint=\"red\"] {\n    --cpd-progress-bar-main: var(--cpd-color-text-critical-primary);\n    --cpd-progress-bar-muted: var(--cpd-color-red-800);\n  }\n}\n\n.progress-bar-label {\n  font: var(--cpd-font-body-sm-medium);\n  letter-spacing: var(--cpd-font-letter-spacing-body-sm);\n  color: var(--cpd-progress-bar-main);\n}\n\n.progress-bar-indicator {\n  position: absolute;\n  inset: 0;\n  transition: transform 0.2s ease-in-out;\n  background-image: linear-gradient(\n    135deg,\n    var(--cpd-progress-bar-muted) 0%,\n    var(--cpd-progress-bar-muted) 25%,\n    var(--cpd-progress-bar-main) 25%,\n    var(--cpd-progress-bar-main) 50%,\n    var(--cpd-progress-bar-muted) 50%,\n    var(--cpd-progress-bar-muted) 75%,\n    var(--cpd-progress-bar-main) 75%,\n    var(--cpd-progress-bar-main) 100%,\n    var(--cpd-progress-bar-muted) 100%\n  );\n\n  /* sqrt(number of stripes * 2 * (stripe width)^2) = sqrt(4 * 2 * 2^2) = sqrt(32) */\n  background-size: 5.6569px 5.6569px;\n}\n\n@media (forced-colors: active) {\n  .progress-bar-indicator {\n    outline: 1px solid transparent;\n  }\n}\n"],"mappings":""}