.JpILRG_track{align-self:end;gap:1rem;display:flex}@keyframes JpILRG_control-expand{to{scale:var(--_scale-x,0) 1}}.JpILRG_control{border-radius:var(--border-radius-500);background-color:var(--_control-bg-color,#ffffffb3);pointer-events:all;width:3.75rem;height:.5rem;transition:scale var(--transition-normal) ease, background-color var(--transition-slow) ease;flex-grow:0;flex-shrink:1;overflow:clip}.JpILRG_control:hover{scale:1.05}.JpILRG_control:before{content:"";width:100%;height:100%;min-height:3.125rem;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.JpILRG_control:after{content:"";border-radius:inherit;transform-origin:0;background-color:#0003;width:100%;height:100%;display:block;position:absolute;top:0;left:0;scale:0 1}.JpILRG_control[data-active=true]{--_control-bg-color:var(--color-primary);--_scale-x:1}.JpILRG_control[data-active=true]:after{animation:JpILRG_control-expand var(--delay) linear forwards;animation-play-state:var(--animation-play-state)}.JpILRG_control:not([data-active=true]):hover{--_control-bg-color:var(--_control-bg-color-hover,#fff)}