@layer components{:where(.oksProgress){--oks-progress-track:var(--oks-color-neutral-200,#e5e5e5);--oks-progress-indicator:var(--oks-color-primary-500,#3b82f6);--oks-progress-height:8px;--oks-progress-radius:var(--oks-radius-full,9999px);gap:var(--oks-space-1_5,6px);flex-direction:column;width:100%;display:flex}:where(.oksProgress[data-size=sm]){--oks-progress-height:6px}:where(.oksProgress[data-size=lg]){--oks-progress-height:12px}:where(.oksProgressLabelRow){justify-content:space-between;align-items:baseline;gap:var(--oks-space-2,8px);color:var(--oks-color-neutral-700,#404040);font-size:13px;display:flex}:where(.oksProgressValueLabel){font-variant-numeric:tabular-nums;color:var(--oks-color-neutral-900,#171717)}:where(.oksProgressTrack){height:var(--oks-progress-height);border-radius:var(--oks-progress-radius);background-color:var(--oks-progress-track);position:relative;overflow:hidden}:where(.oksProgressIndicator){border-radius:inherit;background-color:var(--oks-progress-indicator);height:100%;transition:width .3s}:where(.oksProgress[data-indeterminate=true]) :where(.oksProgressIndicator){animation:1.4s ease-in-out infinite oksProgressIndeterminate;position:absolute;inset-inline-start:0;width:40%!important}@keyframes oksProgressIndeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}:where(.oksCircularProgress){--oks-circular-progress-track:var(--oks-color-neutral-200,#e5e5e5);--oks-circular-progress-indicator:var(--oks-color-primary-500,#3b82f6);--oks-circular-progress-size:48px;align-items:center;gap:var(--oks-space-1_5,6px);flex-direction:column;display:inline-flex}:where(.oksCircularProgress[data-size=sm]){--oks-circular-progress-size:32px}:where(.oksCircularProgress[data-size=lg]){--oks-circular-progress-size:72px}:where(.oksCircularProgressSvg){width:var(--oks-circular-progress-size);height:var(--oks-circular-progress-size);transform:rotate(-90deg)}:where(.oksCircularProgressTrack){fill:none;stroke:var(--oks-circular-progress-track)}:where(.oksCircularProgressIndicator){fill:none;stroke:var(--oks-circular-progress-indicator);stroke-linecap:round;transition:stroke-dashoffset .3s}:where(.oksCircularProgress[data-indeterminate=true]) :where(.oksCircularProgressSvg){animation:.9s linear infinite oksCircularProgressSpin}@keyframes oksCircularProgressSpin{to{transform:rotate(270deg)}}:where(.oksCircularProgressValue){font-variant-numeric:tabular-nums;color:var(--oks-color-neutral-900,#171717);font-size:12px}@media (prefers-reduced-motion:reduce){:where(.oksProgressIndicator),:where(.oksCircularProgressIndicator){transition:none}:where(.oksProgress[data-indeterminate=true]) :where(.oksProgressIndicator),:where(.oksCircularProgress[data-indeterminate=true]) :where(.oksCircularProgressSvg){animation-duration:2.4s}}}
