.Progress{position:relative;display:inline-block}.Progress span{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);text-align:center;font-size:var(--base-20-size);letter-spacing:var(--character-spacing-0);line-height:var(--line-spacing-28);color:var(--branding-primary-600)}.Progress .donut,.Progress span{font-weight:var(--font-weight-bold)}.Progress .donut{width:8.75rem;transition:width .3s linear,opacity .3s ease-out}.Progress .donut .donut-ring{stroke:rgba(0,167,177,.3);stroke-width:8px}.Progress .donut .donut-segment{transform-origin:center;stroke-width:8px;stroke:var(--branding-primary-600);transition:stroke-dashoffset 1s linear;transform:scaleX(-100%) rotate(-90deg)}.Progress.controllable:hover .donut{opacity:.3}.Progress.controllable:hover .controls{opacity:1}.Progress .controls{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);white-space:nowrap;opacity:0;transition:opacity .3s ease-out}.Progress .controls>button{margin:0 1rem;cursor:pointer;border:0;color:var(--branding-primary-600)}.Progress .controls>button.light{color:var(--branding-secondary-600)}.Progress .controls>button:disabled{opacity:.3;cursor:default}.Progress.expanded .donut .donut-ring{stroke:rgba(0,83,104,.1)}.Progress.mini span{font-size:var(--base-16-size);font-weight:var(--font-weight-bold);letter-spacing:var(--character-spacing-0);line-height:var(--line-spacing-22)}.Progress.mini .donut{width:5rem}.Progress.mini .donut .donut-ring,.Progress.mini .donut .donut-segment{stroke-width:8px}.Legend{margin-left:auto;width:25rem;min-height:4.75rem;display:flex;flex-direction:column;justify-content:center;transition:opacity .3s ease-in}.Legend h2,.Legend span{color:var(--neutral-800);margin:0}.Legend .labels{margin-top:var(--base-spacing);display:flex;justify-content:space-between}.Legend span{font-size:var(--base-16-size);font-weight:var(--font-weight-500);letter-spacing:var(--character-spacing-0);line-height:var(--line-spacing-30);margin:0}.Legend .item{display:inline-flex;align-items:center}.Legend .item .symbol{height:20px;width:20px;border-radius:3px;margin-right:var(--base-spacing)}.Legend .item.Overstimulated .symbol{background-color:var(--branding-secondary-600)}.Legend .item.Understimulated .symbol{background-color:var(--branding-primary-600)}.Legend .item.Both .symbol{background-color:var(--accent-600)}.Popout{align-items:center;position:absolute;top:0;bottom:0;left:100%;margin-left:var(--x-small-spacing);padding:var(--small-spacing);background-color:#fff;box-shadow:var(--box-shadow);border-radius:1rem;cursor:default;pointer-events:none}.Popout>.line{display:block;content:"";position:absolute;top:67px;left:5rem;height:.5px;background-color:var(--neutral-700);z-index:1;transition:top .3s ease-in,left .3s ease-in,right .3s ease-in}.Popout .Step{white-space:nowrap;text-align:center;margin:0 2rem;z-index:2;pointer-events:auto;color:var(--branding-primary-600)}.Popout .Step:hover{cursor:pointer;color:var(--branding-primary-500)}.Popout .Step .icon{display:block;margin:0 auto .5rem;width:3rem;height:3rem;line-height:1.5;border-radius:50%;border:3px solid var(--branding-primary-600);background-color:#e7e7e7;font-size:var(--base-32-size);font-weight:var(--font-weight-bold);white-space:nowrap;transition:font-size .3s ease-in,width .3s ease-in,height .3s ease-in}.Popout .Step .icon:hover{border:3px solid var(--branding-primary-500)}.Popout .Step .label{font-size:var(--base-16-size);font-weight:var(--font-weight-bold);letter-spacing:var(--character-spacing-0)}.Popout .Step.blocked{pointer-events:none;color:var(--neutral-400)}.Popout .Step.blocked .icon{background-color:var(--neutral-200);border:3px solid var(--neutral-400)}.Popout .Step.active{pointer-events:none}.Popout .Step.active .icon{color:var(--neutral-100);background-color:var(--branding-primary-600)}.Popout.mini{margin-left:.8rem}.Popout.mini>.line{top:1.9rem;left:3rem;right:3rem}.Popout.mini .Step{margin:0 1rem;font-size:1rem}.Popout.mini .Step:first-child{margin-left:0}.Popout.mini .Step:last-child{margin-right:0}.Popout.mini .Step .icon{margin-bottom:.2rem;width:1.75rem;height:1.75rem;line-height:1.1;font-size:1.2rem}.Stepper{display:flex;padding:var(--medium-spacing) 0}.Stepper>.widthLimiter{width:100%;padding-top:0;padding-bottom:0;justify-content:unset}.Stepper .header{margin:0 var(--x-small-spacing);transition:margin .3s ease-in}.Stepper .header h2{text-transform:uppercase;color:var(--branding-primary-600)}.Stepper .header p{font-weight:400;font-size:var(--base-20-size);color:var(--neutral-800)}.Stepper .header h2,.Stepper .header p{margin:0;transition:font-size .3s ease-in,margin .3s ease-in}.Stepper .popzone{position:relative;cursor:pointer}.Stepper .popzone:hover:not(:has(.Step:hover)) .Progress{opacity:.7}