@import "https://assets.elements.dev/assets/app/shared/ui-catalog/catalog/style.c38e1d7304920e3.css";

.slider-demo-stack {
  display:        flex;
  flex-direction: column;
  gap:            var(--space-4);
  width:          100%;
  max-width:      24rem;
}

.slider-demo-row {
  display:     flex;
  flex-wrap:   wrap;
  align-items: center;
  gap:         var(--space-3);
}

.slider-demo-vertical {
  display:     flex;
  align-items: stretch;
  gap:         var(--space-8);
  height:      10rem;
}

.slider-demo-labeled {
  display:        flex;
  flex-direction: column;
  gap:            var(--space-2);
}

.slider-demo-head {
  display:         flex;
  justify-content: space-between;
  font-size:       var(--text-ui);
  color:           var(--ink-soft);
}

.slider-demo-log {
  font-variant-numeric: tabular-nums;
}