.uiSliderButton_TUD2r{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s,color .3s;cursor:pointer;color:var(--color-gray-90);pointer-events:auto}.uiSliderButton_TUD2r.primary_TUD2r{background:var(--color-gray-white)}.uiSliderButton_TUD2r.secondary_TUD2r{border:1px solid var(--color-gray-90)}.uiSliderButton_TUD2r.disabled_TUD2r{cursor:inherit;opacity:.5}@media(hover:hover){.uiSliderButton_TUD2r.primary_TUD2r:not(.disabled_TUD2r):hover,.uiSliderButton_TUD2r.secondary_TUD2r:not(.disabled_TUD2r):hover{background-color:var(--color-gray-90);color:var(--color-gray-white)}}@media(hover:none){.uiSliderButton_TUD2r.primary_TUD2r:not(.disabled_TUD2r):active,.uiSliderButton_TUD2r.secondary_TUD2r:not(.disabled_TUD2r):active{background-color:var(--color-gray-90);color:var(--color-gray-white)}}.uiSliderButton_TUD2r.bidirectional_TUD2r{border-radius:24px}.uiSliderButton_TUD2r.bidirectional_TUD2r .icon_TUD2r{margin:0 4px}.uiSliderButton_TUD2r.bidirectional_TUD2r.animateArrows_TUD2r .iconLeft_TUD2r{animation:animate-arrow-left_TUD2r 1s ease .5s}.uiSliderButton_TUD2r.bidirectional_TUD2r.animateArrows_TUD2r .iconRight_TUD2r{animation:animate-arrow-right_TUD2r 1s ease .5s}.uiSliderButton_TUD2r.large_TUD2r{width:48px;height:48px}.uiSliderButton_TUD2r.large_TUD2r.bidirectional_TUD2r{width:72px}.uiSliderButton_TUD2r.small_TUD2r.bidirectional_TUD2r{width:48px}.uiSliderButton_TUD2r.dark_TUD2r{background-color:var(--color-gray-90);color:var(--color-gray-white)}.uiSliderButton_TUD2r.dark_TUD2r.secondary_TUD2r{background:transparent;color:var(--color-gray-white);border-color:var(--color-gray-white)}.dark .uiSliderButton_TUD2r.primary_TUD2r{background-color:var(--color-gray-black)}@media(hover:hover){.dark .uiSliderButton_TUD2r.primary_TUD2r:hover,.dark .uiSliderButton_TUD2r.secondary_TUD2r:hover{color:var(--color-gray-black)}}@media(hover:none){.dark .uiSliderButton_TUD2r.primary_TUD2r:active,.dark .uiSliderButton_TUD2r.secondary_TUD2r:active{color:var(--color-gray-black)}}@keyframes animate-arrow-left_TUD2r{0%{transform:translateZ(0)}25%{transform:translate3d(-5px,0,0)}50%{transform:translateZ(0)}75%{transform:translate3d(-5px,0,0)}to{transform:translateZ(0)}}@keyframes animate-arrow-right_TUD2r{0%{transform:translateZ(0)}25%{transform:translate3d(5px,0,0)}50%{transform:translateZ(0)}75%{transform:translate3d(5px,0,0)}to{transform:translateZ(0)}}