@layer components{[data-ui=slider]{--slider-size:100%;--slider-weight:var(--spacing-14);--slider-color:var(--color-primary);-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:0 1px 2px 0 color-mix(in srgb, currentcolor 3%, transparent)}[data-ui=slider][data-disabled]{opacity:.4;pointer-events:none}[data-ui=slider][data-orientation=vertical]{height:var(--slider-size);width:var(--slider-weight)}[data-ui=slider][data-orientation=horizontal]{width:var(--slider-size);height:var(--slider-weight)}[data-ui=slider] [data-ui=slider-control]{border:1px solid var(--color-surface-container-highest);border-radius:var(--radius-xs);background-image:radial-gradient(circle at center, var(--slider-color) 1px, var(--color-surface-container-high) 0);width:100%;height:100%;overflow:hidden}[data-ui=slider] [data-ui=slider-control][data-orientation=vertical]{background-size:100% 50px}[data-ui=slider] [data-ui=slider-control][data-orientation=horizontal]{background-size:50px 100%}[data-ui=slider] [data-ui=slider-control] [data-ui=slider-track]{width:100%;height:100%}[data-ui=slider] [data-ui=slider-control] [data-ui=slider-track] [data-ui=slider-indicator]{background-color:var(--color-surface);border-radius:var(--radius-xs)}[data-ui=slider] [data-ui=slider-control] [data-ui=slider-track] [data-ui=slider-thumb][data-orientation=vertical]{border-block-end:1px solid var(--slider-color);width:50%;height:1px;transform:translateY(-5px)}[data-ui=slider] [data-ui=slider-control] [data-ui=slider-track] [data-ui=slider-thumb][data-orientation=vertical][data-index="1"]{transform:translateY(5px)}[data-ui=slider] [data-ui=slider-control] [data-ui=slider-track] [data-ui=slider-thumb][data-orientation=horizontal]{border-inline-end:1px solid var(--slider-color);width:1px;height:50%;transform:translate(-5px)}[data-ui=slider] [data-ui=slider-control] [data-ui=slider-track] [data-ui=slider-thumb][data-orientation=horizontal][data-index="0"]{transform:translate(5px)}[data-ui=slider] [data-ui=slider-control] [data-ui=slider-track]:not(:has([data-index="1"])) [data-ui=slider-thumb][data-orientation=vertical]{transform:translateY(5px)}[data-ui=slider] [data-ui=slider-control] [data-ui=slider-track]:not(:has([data-index="1"])) [data-ui=slider-thumb][data-orientation=horizontal]{transform:translate(-5px)}@media (hover:hover) and (pointer:fine){[data-ui=slider]:not([data-ui=slider][data-disabled]):hover [data-ui=slider-thumb]{border-width:2px}}}