@property --value{syntax:"<number>";inherits:true;initial-value:0}@keyframes style-module__3mh8LG__progress{to{--value:1}}.style-module__3mh8LG__container{border-radius:calc(var(--radius) - 2px);timeline-scope:--thumb;transition:transform .1s ease-out;animation:linear reverse both style-module__3mh8LG__progress;animation-timeline:--thumb;animation-range:contain;position:relative;overflow:hidden}.style-module__3mh8LG__container:active{transform:scaleY(1.2)}.style-module__3mh8LG__container:before{pointer-events:none;inset:calc(var(--spacing,.25rem)*0);background-color:hsl(var(--foreground));position:absolute;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.style-module__3mh8LG__container:before{background-color:color-mix(in oklab,hsl(var(--foreground))10%,transparent)}}.style-module__3mh8LG__container:before{content:""}.style-module__3mh8LG__container:before:hover{background-color:hsl(var(--foreground))}@supports (color:color-mix(in lab, red, red)){.style-module__3mh8LG__container:before:hover{background-color:color-mix(in oklab,hsl(var(--foreground))20%,transparent)}}.style-module__3mh8LG__container:after{pointer-events:none;top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px);background-color:hsl(var(--foreground));content:"";height:100%;width:calc(var(--value)*100%);position:absolute}.style-module__3mh8LG__input{height:calc(var(--spacing,.25rem)*10);cursor:col-resize;opacity:0;flex:1;overflow:hidden}.style-module__3mh8LG__input::-webkit-slider-thumb{view-timeline:--thumb inline}.style-module__3mh8LG__input:active{cursor:col-resize}