@layer pigment._7cra8t{.s1fysf24{padding:16px;display:flex;background-color:oklch(5% 0 0);border:var(--thin-border-width) solid var(--border-color);border-radius:8px;transform-origin:var(--transform-origin);transition:transform .15s,opacity .15s}.s1fysf24[data-ending-style],.s1fysf24[data-starting-style]{opacity:0;transform:scale(.9)}}@layer pigment._1u7a71a{.s1iaaqhb{display:flex;align-items:center;justify-content:end;height:80px;touch-action:none;user-select:none}.su0r20w{height:100%;width:6px;background-color:oklch(30% 0 0)}.s1h0ywmz,.su0r20w{border-radius:4px;user-select:none}.s1h0ywmz{background-color:oklch(60% 0 0);position:absolute!important}.shoo15k{width:16px;height:16px;border-radius:100%;background-color:oklch(90% 0 0);border:var(--thin-border-width) solid var(--border-color)}}@layer pigment._a3if5n{.s1j18ebg{width:100%;height:24px;cursor:pointer;position:relative}.s1j18ebg:hover .left-text,.s1j18ebg:hover .passed,.s1j18ebg:hover .remaining,.s1j18ebg:hover .right-text{top:0;bottom:0}.lbog5hh{text-align:left}.lbog5hh,.r1wrlv9i{display:flex;user-select:none}.r1wrlv9i{text-align:right}.p1ta6rta{left:0;width:calc(var(--percentagePassed) - 2px);background:oklch(90% 0 0)}.p1ta6rta,.r1pgiq4b{position:absolute;top:9px;bottom:9px;border-radius:4px;transition:top .2s ease-in-out,bottom .2s ease-in-out}.r1pgiq4b{right:0;width:calc(var(--percentageRemaining) - 2px);background:oklch(30% 0 0)}.s11qvxym{width:100%;height:24px;position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;opacity:0;-webkit-appearance:none;background:transparent}.s11qvxym::-webkit-slider-thumb{-webkit-appearance:none;width:0}.s11qvxym::-moz-range-thumb{width:0}.s11qvxym::-ms-thumb{width:0}.s11qvxym:focus{outline:none}}@layer pigment._9xsn7o{.h18w8o{display:flex;padding:4px;color:oklch(80% 0 0);cursor:pointer;transform:scale(1);transition:transform .15s ease-in-out}.h18w8o:hover{transform:scale(1.2)}.h18w8o:hover,.p12obdiy{color:oklch(100% 0 0)}}