:host{display:block;background:var(--dynamic-form-progress-bar-background,transparent)}.progress-bar-container{width:100%;height:var(--fds-spacing-250)}.progress-bar-background{width:100%;height:100%;position:relative;border-radius:0 0 var(--fds-round-100) var(--fds-round-100);background:var(--dynamic-form-progress-bar-track-background,var(--fds-surface-variant-3))}.progress-bar-fill{height:100%;position:relative;border-radius:0 var(--fds-round-100) var(--fds-round-100) var(--fds-round-100);transition:width 0.5s cubic-bezier(0.34,2.56,0.64,1);background:var(--dynamic-form-progress-bar-fill-background,var(--fds-primary));box-sizing:border-box;overflow:hidden}.progress-bar-fill::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(101deg,transparent 0,transparent 5px,var(--fds-on-alternate-surface-ulow) 5px,var(--fds-on-alternate-surface-ulow) 11px)}.progress-bar-fill::after{content:"";position:absolute;inset:1px;box-sizing:border-box;border:0.5px solid var(--fds-on-alternate-surface-low);border-radius:0 calc(var(--fds-round-100) - 1px) calc(var(--fds-round-100) - 1px) calc(var(--fds-round-100) - 1px);pointer-events:none}:host([context="secondary"]) .progress-bar-fill{background:var(--dynamic-form-progress-bar-fill-background,var(--fds-secondary))}:host([context="tertiary"]) .progress-bar-fill{background:var(--dynamic-form-progress-bar-fill-background,var(--fds-tertiary))}:host([context="on-surface"]) .progress-bar-fill{background:var(--dynamic-form-progress-bar-fill-background,var(--fds-on-surface-hi))}:host([context="on-alternate-surface"]) .progress-bar-background{background:var(--dynamic-form-progress-bar-track-background,var(--fds-alternate-surface-variant))}:host([context="on-alternate-surface"]) .progress-bar-fill{background:var(--dynamic-form-progress-bar-fill-background,var(--fds-on-alternate-surface-hi))}