@property --value{syntax:"<number>";inherits:true;initial-value:0}@keyframes style-module__3mh8LG__progress{to{--value:1}}.style-module__3mh8LG__container{border-radius:var(--radius-md,.375rem);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;background-color:var(--color-foreground,var(--color-foreground));position:absolute;inset:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.style-module__3mh8LG__container:before{background-color:color-mix(in oklab, var(--color-foreground,var(--color-foreground)) 10%, transparent)}}.style-module__3mh8LG__container:before{content:""}.style-module__3mh8LG__container:before:hover{background-color:var(--color-foreground,var(--color-foreground))}@supports (color:color-mix(in lab, red, red)){.style-module__3mh8LG__container:before:hover{background-color:color-mix(in oklab, var(--color-foreground,var(--color-foreground)) 20%, transparent)}}.style-module__3mh8LG__container:after{pointer-events:none;border-top-left-radius:var(--radius-md,.375rem);border-bottom-left-radius:var(--radius-md,.375rem);background-color:var(--color-foreground,var(--color-foreground));content:"";height:100%;width:calc(var(--value) * 100%);position:absolute;top:0;left:0}.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}
.style-module__5UYLIW__container{height:calc(var(--spacing,.25rem) * 5);width:calc(var(--spacing,.25rem) * 10);border-radius:var(--radius-md,.375rem);flex:none;transition:transform .1s ease-out;position:relative}.style-module__5UYLIW__container:active{transform:scaleY(1.2)}.style-module__5UYLIW__container:before{pointer-events:none;border-radius:var(--radius-md,.375rem);background-color:var(--color-foreground,var(--color-foreground));position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.style-module__5UYLIW__container:before{background-color:color-mix(in oklab, var(--color-foreground,var(--color-foreground)) 10%, transparent)}}.style-module__5UYLIW__container:before{content:"";transition:background-color .2s}.style-module__5UYLIW__container:hover:before{background-color:var(--color-foreground,var(--color-foreground))}@supports (color:color-mix(in lab, red, red)){.style-module__5UYLIW__container:hover:before{background-color:color-mix(in oklab, var(--color-foreground,var(--color-foreground)) 20%, transparent)}}.style-module__5UYLIW__container:has(.style-module__5UYLIW__input:checked):before{background-color:var(--color-foreground,var(--color-foreground))}.style-module__5UYLIW__container:after{pointer-events:none;background-color:var(--color-foreground,var(--color-foreground));border-radius:.25rem;position:absolute}@supports (color:color-mix(in lab, red, red)){.style-module__5UYLIW__container:after{background-color:color-mix(in oklab, var(--color-foreground,var(--color-foreground)) 40%, transparent)}}.style-module__5UYLIW__container:after{content:"";width:1rem;transition:translate .35s cubic-bezier(.34,1.56,.64,1),width .2s,background-color .2s;top:3px;bottom:3px;left:3px;translate:0}.style-module__5UYLIW__container:hover:after{background-color:var(--color-foreground,var(--color-foreground))}@supports (color:color-mix(in lab, red, red)){.style-module__5UYLIW__container:hover:after{background-color:color-mix(in oklab, var(--color-foreground,var(--color-foreground)) 60%, transparent)}}.style-module__5UYLIW__container:has(.style-module__5UYLIW__input:checked):after{background-color:var(--color-background,var(--color-background));translate:calc(2.5rem - 6px - 100%)}.style-module__5UYLIW__container:has(.style-module__5UYLIW__input:active):after{width:1.45rem}.style-module__5UYLIW__container:has(.style-module__5UYLIW__input:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-foreground,var(--color-foreground))}@supports (color:color-mix(in lab, red, red)){.style-module__5UYLIW__container:has(.style-module__5UYLIW__input:focus-visible){--tw-ring-color:color-mix(in oklab, var(--color-foreground,var(--color-foreground)) 40%, transparent)}}.style-module__5UYLIW__container:has(.style-module__5UYLIW__input:focus-visible){--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-color:var(--color-background,var(--color-background))}.style-module__5UYLIW__input{cursor:pointer;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.style-module__5UYLIW__container,.style-module__5UYLIW__container:before,.style-module__5UYLIW__container:after{transition-duration:10ms}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
