._636uhn2{border-radius:3px;flex:1;gap:2px;min-width:0;height:10px;display:flex}
._636uhn3{min-width:6px;height:100%;opacity:var(--_636uhn1);border-radius:3px;transition-property:width,background-color,opacity,transform;transition-duration:.3s;transition-timing-function:ease-out}
._636uhn3:hover{opacity:1;transform:translateY(-2px)}
._636uhn2:has(>._636uhn3:hover)>._636uhn3:not(:hover){opacity:calc(var(--_636uhn1)*.4)}
._636uhn4{background-color:var(--_636uhn0)}
._636uhn5{background-color:color-mix(in srgb,var(--_636uhn0)40%,transparent);position:relative;overflow:hidden}
._636uhn5:after{content:"";background-image:repeating-linear-gradient(-45deg,var(--_636uhn0)0 2px,transparent 2px 4px);opacity:.2;will-change:opacity;transition:opacity .16s ease-out .3s;position:absolute;inset:0;transform:translateZ(0)}
._636uhn5:hover{background-color:color-mix(in srgb,var(--_636uhn0)32%,transparent)}
._636uhn6:hover:after{opacity:0;transition-delay:0s}
@media (prefers-reduced-motion:reduce){._636uhn3,._636uhn5:after{transition-property:none}}