@apply w-full gap-2;.slider{grid-template-columns:1fr auto;grid-template-areas:"label output""track track";display:grid}@apply w-fit text-sm font-medium;.slider [data-slot=label]{grid-area:label}@apply text-sm font-medium tabular-nums;.slider .slider__output{grid-area:output}@apply relative rounded-full bg-default;.slider .slider__track{grid-area:track}@apply pointer-events-none absolute bg-accent;@apply absolute flex cursor-grab items-center justify-center rounded-full bg-accent no-highlight;.slider .slider__thumb{transition:background-color .25s var(--ease-smooth),transform .25s var(--ease-out),box-shadow .15s var(--ease-out)}@apply motion-reduce:transition-none;@apply relative z-10 rounded-full bg-white text-black shadow-field;.slider .slider__thumb:after{content:""}@apply origin-center transition-all motion-reduce:transition-none;@apply cursor-grabbing;@apply scale-[.9]motion-reduce:scale-100;@apply z-10 status-focused;@apply cursor-default;@apply status-disabled;@apply opacity-100;.slider[data-orientation=horizontal]{flex-direction:column}@apply h-5 w-full;@apply border-x-[.75rem]border-x-transparent;@apply border-s-accent;@apply border-e-accent;@apply h-full;@apply top-1/2;.slider[data-orientation=horizontal] .slider__thumb{width:1.75rem}.slider[data-orientation=horizontal] .slider__thumb:after{width:1.5rem;height:1rem}@apply h-full gap-2;.slider[data-orientation=vertical]{flex-direction:row;grid-template:"output""track"1fr"label"/1fr}.slider[data-orientation=vertical] .slider__output,.slider[data-orientation=vertical] [data-slot=label]{text-align:center}@apply h-full w-5;@apply border-y-[.75rem]border-y-transparent;.slider[data-orientation=vertical] .slider__track{justify-self:center}@apply border-b-accent;@apply border-t-accent;@apply w-full;@apply left-1/2;.slider[data-orientation=vertical] .slider__thumb{height:1.75rem}.slider[data-orientation=vertical] .slider__thumb:after{width:1rem;height:1.5rem}