.root{
  position:relative;
  display:flex;
  -moz-column-gap:var(--sn-primitive-dimension-16, 16px);
       column-gap:var(--sn-primitive-dimension-16, 16px);
  align-items:center;
  justify-content:space-between;
  width:100%;
}

.controls{
  display:flex;
  -moz-column-gap:var(--sn-primitive-dimension-8, 8px);
       column-gap:var(--sn-primitive-dimension-8, 8px);
  align-items:center;
}

.slider{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
}

.sliderSkeleton{
  width:calc(3 * var(--sn-primitive-dimension-16, 16px));
  height:var(--sn-primitive-dimension-16, 16px);
  border-radius:var(--sn-density-radius-2xs, var(--sn-primitive-dimension-4, 4px));
}