.controls-module__JpILRG__track{align-self:end;gap:1rem;display:flex}@keyframes controls-module__JpILRG__control-expand{to{scale:var(--_scale-x,0) 1}}.controls-module__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}.controls-module__JpILRG__control:hover{scale:1.05}.controls-module__JpILRG__control:before{content:"";width:100%;height:100%;min-height:3.125rem;display:block;position:absolute;top:50%;left:50%;translate:-50% -50%}.controls-module__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}.controls-module__JpILRG__control[data-active=true]{--_control-bg-color:var(--color-primary);--_scale-x:1}.controls-module__JpILRG__control[data-active=true]:after{animation:controls-module__JpILRG__control-expand var(--delay) linear forwards;animation-play-state:var(--animation-play-state)}.controls-module__JpILRG__control:not([data-active=true]):hover{--_control-bg-color:var(--_control-bg-color-hover,#fff)}