@property --divider-effect-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --divider-effect-opacity{syntax:"<number>";inherits:false;initial-value:.25}@property --divider-effect-size{syntax:"<length>";inherits:false;initial-value:1px}@property --divider-effect-length{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --glass-effect-blur{syntax:"<length>";inherits:false;initial-value:1em}@property --glass-effect-light-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --glass-effect-light-power{syntax:"<number>";inherits:false;initial-value:.4}@property --glass-effect-light-rotation{syntax:"<angle>";inherits:false;initial-value:210deg}@property --glass-effect-dark-color{syntax:"<color>";inherits:false;initial-value:#0000}@property --glass-effect-dark-power{syntax:"<number>";inherits:false;initial-value:0}.progressBarContainer{gap:var(--spacing-xs);--range-color:var(--primary);--range-track-color:color-mix(in srgb,var(--range-color)10%,transparent);--range-progress-color:var(--range-color);--range-thumb-size:2em;--range-progress:0%;--range-thumb-left:0%;--range-sticky-color:var(--primary);--range-height:1em;--range-visual-offset-bottom:.5em;--range-sticky-gap:.5em;--range-sticky-min-width:.75em;--range-sticky-height:1.75em;--range-sticky-padding-x:var(--spacing-xs);--range-sticky-radius:.6em;--range-sticky-arrow-size:.5em;--range-sticky-arrow-offset:.3em;--range-sticky-edge-inset:.68em;--range-thumb-hover-width:calc(var(--range-thumb-size)*1.3);--range-spring-rotate:0deg;--range-spring-x:0px;--range-spring-scale-x:1;--range-spring-scale-y:1;--range-spring-intensity:0;--range-step-dot-size:4px;--range-dot-color:var(--primary);--range-dot-reached-color:var(--white);--range-dot-tooltip-bg:var(--white);--range-dot-tooltip-text:var(--black);flex-direction:column;display:flex;overflow:visible}.progressBarContainer.fullWidth{width:100%}.progressBarContainer.fitContent{width:fit-content}.progressBarContainer .labelRow{justify-content:space-between;align-items:center;gap:var(--spacing-sm);width:100%;display:flex;overflow:visible}.progressBarContainer .labelRow .label,.progressBarContainer .labelRow .extraLabel{margin:0 0 -.5em}.progressBarContainer .wrap{width:100%;position:relative;overflow:visible}.progressBarContainer .wrap.reversed .progress{left:auto;right:0}.progressBarContainer .wrap:not(.reversed) .progress{left:0;right:auto}.progressBarContainer .wrap .rail{width:100%;height:max(var(--range-thumb-size),var(--range-height));isolation:isolate;direction:ltr;position:relative;overflow:visible}.progressBarContainer .wrap .rail .track{height:var(--range-height);border-radius:var(--radius-pill);background:var(--range-track-color);pointer-events:none;z-index:1;transition:height .4s var(--springEase),background .36s ease,box-shadow .36s ease;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.progressBarContainer .wrap .rail .progress{height:var(--range-height);width:var(--range-progress);border-radius:var(--radius-pill);background:linear-gradient(90deg,color-mix(in srgb,var(--range-progress-color)88%,var(--white)12%)0%,var(--range-progress-color)55%,color-mix(in srgb,var(--range-progress-color)82%,var(--white)18%)100%);pointer-events:none;z-index:2;transition:height .4s var(--springEase),background .36s ease,box-shadow .36s ease;position:absolute;top:50%;transform:translateY(-50%)}.progressBarContainer .wrap .rail .stepDot{top:50%;left:var(--step-dot-left);width:var(--range-step-dot-size);height:var(--range-step-dot-size);background:var(--range-dot-color);z-index:4;transition:background .2s ease,width .3s var(--springEase),transform .2s var(--springEase),opacity .2s ease;opacity:1;cursor:pointer;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.progressBarContainer .wrap .rail .stepDot.reached{background:var(--range-dot-reached-color);transform:translate(-50%,-50%)scale(1)}.progressBarContainer .wrap .rail .stepDot:hover{z-index:6;width:calc(var(--range-step-dot-size)*1.2);height:calc(var(--range-step-dot-size)*1.2)}.progressBarContainer .wrap .rail .stepDot:hover .dotTooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}.progressBarContainer .wrap .rail .stepDot .dotTooltip{transform-origin:bottom;opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;z-index:30;transition:opacity .2s,visibility .2s,transform .22s;position:absolute;bottom:calc(100% + .7em);left:50%;transform:translate(-50%)translateY(.35em)scale(.96)}.progressBarContainer .wrap .rail .stepDot .dotTooltip .tooltipBubble{border-radius:calc(var(--radius-sm));background:var(--range-dot-tooltip-bg);color:var(--range-dot-tooltip-text);justify-content:center;align-items:center;font-weight:300;line-height:1;display:inline-flex;position:relative}.progressBarContainer .wrap .rail .stepDot .dotTooltip .tooltipBubble .contentWrapper{justify-content:center;align-items:center;gap:.3em;font-family:inherit;line-height:1;display:inline-flex}.progressBarContainer .wrap .rail .stepDot .dotTooltip .tooltipBubble:after{content:"";background:var(--range-dot-tooltip-bg);border-radius:calc(var(--radius-xs)*.18);width:.65em;height:.65em;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(-55%)rotate(45deg)}.progressBarContainer .wrap .rail .thumbVisual{left:var(--range-thumb-left);transform:translate(-50%,-50%)translateX(calc(var(--range-spring-x)*.18))scale(1);transform-origin:50%;width:var(--range-thumb-size);height:var(--range-thumb-size);border-radius:var(--radius-lg);z-index:8;pointer-events:none;will-change:transform,width,left,background,border-radius;background:color-mix(in srgb,var(--background)40%,var(--range-color));box-shadow:none;backdrop-filter:blur(1em);justify-content:center;align-items:center;transition:width .28s,height .28s,transform .22s cubic-bezier(.16,1.35,.34,1),border-radius .28s,background .28s;display:flex;position:absolute;top:50%}.progressBarContainer .wrap .rail .thumbVisual:after{--glass-effect-blur:var(--glass-blur,0em);content:"";z-index:0;border-radius:inherit;corner-shape:inherit;background:var(--glass-backdrop-fill,#0000);-webkit-backdrop-filter:blur(var(--glass-effect-blur));pointer-events:none;backface-visibility:hidden;will-change:backdrop-filter,background,opacity;transition:--glass-effect-blur .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,background .3s,opacity .3s;position:absolute;inset:0;transform:translateZ(0)}.progressBarContainer .wrap .rail .thumbVisual:before{--glass-effect-light-color:var(--glass-light-color,var(--white));--glass-effect-light-power:var(--glass-light-power,1);--glass-effect-light-rotation:var(--glass-light-rotation,25deg);--glass-effect-dark-color:var(--glass-dark-color,var(--background));--glass-effect-dark-power:var(--glass-dark-power,0);content:"";z-index:2;border-radius:inherit;corner-shape:inherit;pointer-events:none;-webkit-mask-composite:xor;will-change:background,opacity,transform;background:linear-gradient(var(--glass-effect-light-rotation),color-mix(in srgb,var(--glass-effect-light-color)calc(var(--glass-effect-light-power)*100%),transparent)-6.51%,color-mix(in srgb,var(--glass-effect-dark-color)calc(var(--glass-effect-dark-power)*100%),transparent)46.56%,color-mix(in srgb,var(--glass-effect-dark-color)calc(var(--glass-effect-dark-power)*100%),transparent)51.96%,color-mix(in srgb,var(--glass-effect-light-color)calc(var(--glass-effect-light-power)*100%),transparent)100%);-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:1px;transition:--glass-effect-light-color .3s,--glass-effect-light-power .3s,--glass-effect-light-rotation .3s,--glass-effect-dark-color .3s,--glass-effect-dark-power .3s,opacity .3s,transform .3s,background .3s,background-image .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.progressBarContainer .wrap .rail .thumbVisual .content-wrapper,.progressBarContainer .wrap .rail .thumbVisual .contentWrapper,.progressBarContainer .wrap .rail .thumbVisual .clickAnimWrapper{z-index:1;transition:opacity .3s,transform .3s;position:relative}.progressBarContainer .wrap .rail .thumbVisual:disabled,.progressBarContainer .wrap .rail .thumbVisual[disabled],.progressBarContainer .wrap .rail .thumbVisual[aria-disabled=true]{--glass-light-power:.3}.progressBarContainer .wrap .rail .thumbVisual:disabled .content-wrapper,.progressBarContainer .wrap .rail .thumbVisual:disabled .contentWrapper,.progressBarContainer .wrap .rail .thumbVisual[disabled] .content-wrapper,.progressBarContainer .wrap .rail .thumbVisual[disabled] .contentWrapper,.progressBarContainer .wrap .rail .thumbVisual[aria-disabled=true] .content-wrapper,.progressBarContainer .wrap .rail .thumbVisual[aria-disabled=true] .contentWrapper{opacity:.4}.progressBarContainer .wrap .rail .thumbVisual:before{padding:.1em}.progressBarContainer .wrap .rail .thumbVisual .contentWrapper{z-index:3;width:100%;height:100%;color:var(--white);font-size:calc(var(--range-thumb-size)*.7);justify-content:center;align-items:center;line-height:1;transition:transform .28s,opacity .28s;display:flex;position:relative}.progressBarContainer .wrap .rail .thumbVisual svg{width:1em;height:1em;display:block}.progressBarContainer .wrap .rail .stickyLabel{left:var(--range-thumb-left);bottom:calc(100% + var(--range-sticky-gap));transform:translateX(calc(-50% + var(--range-sticky-shift)))translateY(0)translateX(var(--range-spring-x))rotate(var(--range-spring-rotate))scale(var(--range-spring-scale-x),var(--range-spring-scale-y));transform-origin:50% calc(100% + var(--range-thumb-size)*.5);z-index:9;pointer-events:none;will-change:transform,left;position:absolute}.progressBarContainer .wrap .rail .stickyLabel .stickyBubble{min-width:var(--range-sticky-min-width);min-height:var(--range-sticky-height);padding:0 var(--range-sticky-padding-x);border-radius:calc(var(--range-sticky-radius) + var(--range-spring-intensity)*.08em);background:var(--range-sticky-color);color:var(--white);white-space:nowrap;box-shadow:none;opacity:1;transform:translateY(0)scale(1)skewX(calc(var(--range-spring-rotate)*-.055));transform-origin:bottom;will-change:transform,border-radius,opacity;justify-content:center;align-items:center;gap:6px;font-size:1.05rem;font-weight:300;line-height:1;transition:border-radius .28s cubic-bezier(.175,.885,.32,1.275),opacity .2s ease-out,transform .45s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.progressBarContainer .wrap .rail .stickyLabel .stickyBubble .contentWrapper{z-index:2;transform:rotate(calc(var(--range-spring-rotate)*-.15))translateX(calc(var(--range-spring-x)*-.08));flex-direction:row;justify-content:center;align-items:center;gap:.1em;transition:transform .2s cubic-bezier(.22,1.25,.36,1);display:inline-flex;position:relative}.progressBarContainer .wrap .rail .stickyLabel .stickyBubble:after{content:"";left:calc(50% + var(--range-sticky-arrow-offset-x));bottom:calc(var(--range-sticky-arrow-offset)*-1 + .15em);transform:translateX(-50%)rotate(45deg)skew(calc(var(--range-spring-rotate)*-.07),calc(var(--range-spring-rotate)*-.07))scale(calc(1 + var(--range-spring-intensity)*.08),calc(1 - var(--range-spring-intensity)*.04));width:var(--range-sticky-arrow-size);height:var(--range-sticky-arrow-size);border-radius:calc(var(--range-sticky-arrow-size)/5);background:var(--range-sticky-color);z-index:1;transition:left 80ms linear,transform .2s cubic-bezier(.22,1.25,.36,1);position:absolute}.progressBarContainer .footer{justify-content:flex-start;align-items:center;display:flex}@media (prefers-reduced-motion:reduce){.progressBarContainer{--range-spring-rotate:0deg!important;--range-spring-x:0px!important;--range-spring-scale-x:1!important;--range-spring-scale-y:1!important;--range-spring-intensity:0!important}.progressBarContainer .wrap .rail .track,.progressBarContainer .wrap .rail .progress,.progressBarContainer .wrap .rail .thumbVisual,.progressBarContainer .wrap .rail .thumbVisual .contentWrapper,.progressBarContainer .wrap .rail .stickyLabel,.progressBarContainer .wrap .rail .stickyLabel .stickyBubble,.progressBarContainer .wrap .rail .stickyLabel .stickyBubble:after,.progressBarContainer .wrap .rail .stickyLabel .stickyBubble .contentWrapper,.progressBarContainer .wrap .rail .stepDot,.progressBarContainer .wrap .rail .stepDot .dotTooltip{transition-duration:.01ms!important;animation:none!important}}