@layer components{.slider-wrapper{width:100%}.slider-root{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;display:flex;position:relative}.slider-track{border-radius:var(--radius-capsule);height:calc(var(--spacing)*8);flex-grow:1;position:relative;overflow:hidden}.slider-wrapper--accent .slider-track{background:var(--color-background-accent-transparency-primary)}.slider-wrapper--neutral .slider-track{background:var(--color-background-surface-transparency-secondary)}.slider-range{height:100%;position:absolute}.slider-wrapper--accent .slider-range{background:var(--color-background-accent-primary)}.slider-wrapper--neutral .slider-range{background:var(--color-content-main-default)}.slider-thumb{background:var(--color-content-main-content-white);border-radius:var(--radius-capsule);height:calc(var(--spacing)*21);width:calc(var(--spacing)*21);border:3px solid;outline:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:block}.slider-thumb:focus-visible,.slider-thumb:hover{transform:scale(.95)}.slider-wrapper--accent .slider-thumb{border-color:var(--color-background-accent-primary)}.slider-wrapper--neutral .slider-thumb{border-color:var(--color-content-main-default)}.slider-wrapper--accent .slider-thumb:focus-visible,.slider-wrapper--accent .slider-thumb:hover{border-color:var(--color-background-accent-secondary);box-shadow:0 0 0 1px var(--color-background-accent-secondary)}.slider-wrapper--neutral .slider-thumb:focus-visible,.slider-wrapper--neutral .slider-thumb:hover{border-color:var(--color-content-main-muted);box-shadow:0 0 0 1px var(--color-content-main-muted)}.slider-labels{color:var(--color-content-main-muted);font-family:var(--font-family-main);font-size:var(--typography-body-font-size-b4);font-weight:var(--typography-body-weight-sm);line-height:var(--typography-body-line-height-b4);margin-left:calc(var(--spacing)*10.5);margin-right:calc(var(--spacing)*10.5);margin-top:calc(var(--spacing)*16);width:calc(100% - var(--spacing)*21);position:relative}.slider-label{overflow-wrap:anywhere;text-align:center;white-space:normal;width:calc(var(--spacing)*80);justify-content:center;display:flex;position:absolute}.slider-label__dot{background:var(--color-content-main-subtle);border-radius:var(--radius-capsule);height:calc(var(--spacing)*3);width:calc(var(--spacing)*3)}}