.basic-demo-module__7a8-6W__root{justify-content:center;align-items:center;max-width:28rem;margin-inline:auto;padding-block:1rem;display:flex}.basic-demo-module__7a8-6W__root[data-orientation=horizontal]{height:1.25rem}.basic-demo-module__7a8-6W__root[data-orientation=vertical]{flex-direction:column;width:1.25rem}.basic-demo-module__7a8-6W__track{background:light-dark(var(--p-surface-200),var(--p-surface-700));border-radius:.375rem;position:relative}.basic-demo-module__7a8-6W__root[data-orientation=horizontal] .basic-demo-module__7a8-6W__track{height:3px}.basic-demo-module__7a8-6W__root[data-orientation=vertical] .basic-demo-module__7a8-6W__track{width:3px;min-height:100px}.basic-demo-module__7a8-6W__range{background:var(--p-primary-color);border-radius:.375rem;display:block}.basic-demo-module__7a8-6W__root[data-orientation=horizontal] .basic-demo-module__7a8-6W__range{height:100%}.basic-demo-module__7a8-6W__root[data-orientation=vertical] .basic-demo-module__7a8-6W__range{width:100%}.basic-demo-module__7a8-6W__thumb{background:light-dark(var(--p-surface-200),var(--p-surface-700));cursor:grab;border-radius:50%;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;transition:background-color .2s;display:flex}.basic-demo-module__7a8-6W__thumb:before{content:"";background:light-dark(var(--p-surface-0),var(--p-surface-950));border-radius:50%;width:1rem;height:1rem;transition:background-color .2s;display:block;box-shadow:0 .5px #00000014,0 1px 1px #00000024}.basic-demo-module__7a8-6W__thumb:has(:focus-visible){outline:1px solid var(--p-primary-color);outline-offset:2px}.basic-demo-module__7a8-6W__thumb[data-disabled]{cursor:not-allowed;pointer-events:none}