@layer colors,config,root,reboot,layout,content,forms;@layer components{@keyframes progress-bar-stripes{0%{background-position-x:var(--cui-progress-height), 0}}.progress,.progress-stacked{--cui-progress-height:1rem;--cui-progress-font-size:var(--cui-font-size-sm);--cui-progress-bg:var(--cui-bg-2);--cui-progress-border-radius:var(--cui-radius-5);--cui-progress-box-shadow:var(--cui-box-shadow-inset);--cui-progress-bar-color:var(--cui-primary-contrast);--cui-progress-bar-bg:var(--cui-primary-bg);--cui-progress-bar-bg-image:none;--cui-progress-bar-stripes:linear-gradient(45deg, var(--cui-progress-bar-stripe-color) 25%, transparent 25%, transparent 50%, var(--cui-progress-bar-stripe-color) 50%, var(--cui-progress-bar-stripe-color) 75%, transparent 75%, transparent);--cui-progress-bar-stripe-color:color-mix(in oklch, var(--cui-white) 15%, transparent);--cui-progress-bar-transition:width .6s ease;--cui-progress-bar-animation:progress-bar-stripes 1s linear infinite;height:var(--cui-progress-height);font-size:var(--cui-progress-font-size);background-color:var(--cui-progress-bg);border-radius:var(--cui-progress-border-radius);display:flex;overflow:hidden}.progress-bar{color:var(--cui-theme-contrast,var(--cui-progress-bar-color));text-align:center;white-space:nowrap;background-color:var(--cui-theme-bg,var(--cui-progress-bar-bg));background-image:var(--cui-progress-bar-bg-image);flex-direction:column;justify-content:center;display:flex;overflow:hidden}@media (prefers-reduced-motion:no-preference){.progress-bar{transition:var(--cui-progress-bar-transition)}}.progress-bar-striped{background-image:var(--cui-progress-bar-stripes), var(--cui-progress-bar-bg-image);background-size:var(--cui-progress-height) var(--cui-progress-height), auto}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:var(--cui-progress-bar-animation)}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.progress-segmented{--cui-progress-segment-gap:.25rem;--cui-progress-segment-min-width:.25rem;--cui-progress-segment-border-radius:var(--cui-radius-2);--cui-progress-border-radius:0;--cui-progress-box-shadow:none;--cui-progress-segment-pitch:calc((100% + var(--cui-progress-segment-gap)) / var(--cui-progress-segments-fit,var(--cui-progress-segments)));mask-image:linear-gradient(to right, #000 calc(100% - var(--cui-progress-segment-gap)), transparent calc(100% - var(--cui-progress-segment-gap))), linear-gradient(#000, #000), linear-gradient(to right, transparent var(--cui-progress-segment-radius-fit,min(var(--cui-progress-segment-border-radius), var(--cui-progress-segment-min-width) * .5)), #000 var(--cui-progress-segment-radius-fit,min(var(--cui-progress-segment-border-radius), var(--cui-progress-segment-min-width) * .5)), #000 calc(100% - var(--cui-progress-segment-gap) - var(--cui-progress-segment-radius-fit,min(var(--cui-progress-segment-border-radius), var(--cui-progress-segment-min-width) * .5))), transparent calc(100% - var(--cui-progress-segment-gap) - var(--cui-progress-segment-radius-fit,min(var(--cui-progress-segment-border-radius), var(--cui-progress-segment-min-width) * .5)))), radial-gradient(circle var(--cui-progress-segment-radius-fit,min(var(--cui-progress-segment-border-radius), var(--cui-progress-segment-min-width) * .5)) at var(--cui-progress-segment-radius-fit,min(var(--cui-progress-segment-border-radius), var(--cui-progress-segment-min-width) * .5)) var(--cui-progress-segment-radius-fit,min(var(--cui-progress-segment-border-radius), var(--cui-progress-segment-min-width) * .5)), #000 100%, transparent), radial-gradient(circle var(--cui-progress-segment-radius-fit,min(var(--cui-progress-segment-border-radius), var(--cui-progress-segment-min-width) * .5)) at calc(100% - var(--cui-progress-segment-gap) - var(--cui-progress-segment-radius-fit,min(var(--cui-progress-segment-border-radius), var(--cui-progress-segment-min-width) * .5))) var(--cui-progress-segment-radius-fit,min(var(--cui-progress-segment-border-radius), var(--cui-progress-segment-min-width) * .5)), #000 100%, transparent), radial-gradient(circle var(--cui-progress-segment-radius-fit,min(var(--cui-progress-segment-border-radius), var(--cui-progress-segment-min-width) * .5)) at var(--cui-progress-segment-radius-fit,min(var(--cui-progress-segment-border-radius), var(--cui-progress-segment-min-width) * .5)) calc(100% - var(--cui-progress-segment-radius-fit,min(var(--cui-progress-segment-border-radius), var(--cui-progress-segment-min-width) * .5))), #000 100%, transparent), radial-gradient(circle var(--cui-progress-segment-radius-fit,min(var(--cui-progress-segment-border-radius), var(--cui-progress-segment-min-width) * .5)) at calc(100% - var(--cui-progress-segment-gap) - var(--cui-progress-segment-radius-fit,min(var(--cui-progress-segment-border-radius), var(--cui-progress-segment-min-width) * .5))) calc(100% - var(--cui-progress-segment-radius-fit,min(var(--cui-progress-segment-border-radius), var(--cui-progress-segment-min-width) * .5))), #000 100%, transparent);mask-position:0 0,0,0 0,0 0,0 0,0 0,0 0;mask-repeat:repeat-x;mask-size:var(--cui-progress-segment-pitch,calc(var(--cui-progress-segment-min-width) + var(--cui-progress-segment-gap))) 100%, var(--cui-progress-segment-pitch,calc(var(--cui-progress-segment-min-width) + var(--cui-progress-segment-gap))) calc(100% - var(--cui-progress-segment-radius-fit,min(var(--cui-progress-segment-border-radius), var(--cui-progress-segment-min-width) * .5)) * 2), var(--cui-progress-segment-pitch,calc(var(--cui-progress-segment-min-width) + var(--cui-progress-segment-gap))) 100%, var(--cui-progress-segment-pitch,calc(var(--cui-progress-segment-min-width) + var(--cui-progress-segment-gap))) 100%, var(--cui-progress-segment-pitch,calc(var(--cui-progress-segment-min-width) + var(--cui-progress-segment-gap))) 100%, var(--cui-progress-segment-pitch,calc(var(--cui-progress-segment-min-width) + var(--cui-progress-segment-gap))) 100%, var(--cui-progress-segment-pitch,calc(var(--cui-progress-segment-min-width) + var(--cui-progress-segment-gap))) 100%;mask-composite:intersect,add,add,add,add,add,add}.progress-segmented>.progress{--cui-progress-border-radius:0}.progress-segmented>.progress-bar{width:calc(var(--cui-progress-segments-filled) * var(--cui-progress-segment-pitch,calc(var(--cui-progress-segment-min-width) + var(--cui-progress-segment-gap))) - var(--cui-progress-segment-gap))}.progress-white{--cui-progress-bg:color-mix(in oklch, var(--cui-white) 20%, transparent);--cui-progress-bar-bg:var(--cui-white)}.progress-white .progress-bar{background-color:var(--cui-progress-bar-bg)}}@layer custom,helpers,utilities;