@layer mado-ui{:where(progress.mado-ui-progress){box-sizing:border-box;inline-size:var(--mado-ui-progress-width,100%);max-inline-size:100%;block-size:var(--mado-ui-progress-height,.5rem);border-radius:var(--mado-ui-progress-radius,var(--mado-ui-radius-full,999px));appearance:none;background:var(--mado-ui-progress-track,var(--mado-ui-color-surface-soft,oklch(96.7% .003 264.5)));color:var(--mado-ui-progress-value,var(--mado-ui-color-action,oklch(20.5% .006 285.9)));accent-color:currentColor;border:0;display:block;overflow:hidden}:where(progress.mado-ui-progress)::-webkit-progress-bar{border-radius:inherit;background:var(--mado-ui-progress-track,var(--mado-ui-color-surface-soft,oklch(96.7% .003 264.5)))}:where(progress.mado-ui-progress)::-webkit-progress-value{border-radius:inherit;background:var(--mado-ui-progress-value,var(--mado-ui-color-action,oklch(20.5% .006 285.9)))}:where(progress.mado-ui-progress)::-moz-progress-bar{border-radius:inherit;background:var(--mado-ui-progress-value,var(--mado-ui-color-action,oklch(20.5% .006 285.9)))}:where(progress.mado-ui-progress:not([value])){background:linear-gradient(90deg, transparent 0 15%, var(--mado-ui-progress-value,var(--mado-ui-color-action,oklch(20.5% .006 285.9))) 45% 55%, transparent 85% 100%) 100% 0 / 45% 100% no-repeat, var(--mado-ui-progress-track,var(--mado-ui-color-surface-soft,oklch(96.7% .003 264.5)))}:where(progress.mado-ui-progress:not([value]))::-webkit-progress-bar{background:0 0}:where(progress.mado-ui-progress:not([value]))::-moz-progress-bar{background:0 0}@media (prefers-reduced-motion:no-preference){:where(progress.mado-ui-progress:not([value])){animation:mado-ui-progress-indeterminate var(--mado-ui-progress-duration,1.35s) ease-in-out infinite}:where(progress.mado-ui-progress[value])::-webkit-progress-value{transition:inline-size .18s}:where(progress.mado-ui-progress[value])::-moz-progress-bar{transition:inline-size .18s}}@keyframes mado-ui-progress-indeterminate{0%{background-position:-82% 0,0 0}to{background-position:182% 0,0 0}}@media (forced-colors:active){:where(progress.mado-ui-progress){appearance:auto;color:highlight;forced-color-adjust:auto;background:canvas;border:0}:where(progress.mado-ui-progress:not([value])){background:canvas;animation:none}}}