.uiSliderButton_TUD2r{cursor:pointer;width:24px;height:24px;color:var(--color-gray-90);pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;transition:background-color .3s,color .3s;display:flex}.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:1s .5s animate-arrow-left_TUD2r}.uiSliderButton_TUD2r.bidirectional_TUD2r.animateArrows_TUD2r .iconRight_TUD2r{animation:1s .5s animate-arrow-right_TUD2r}.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{color:var(--color-gray-white);border-color:var(--color-gray-white);background:0 0}.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:translate(0,0)}25%{transform:translate(-5px)}50%{transform:translate(0,0)}75%{transform:translate(-5px)}to{transform:translate(0,0)}}@keyframes animate-arrow-right_TUD2r{0%{transform:translate(0,0)}25%{transform:translate(5px)}50%{transform:translate(0,0)}75%{transform:translate(5px)}to{transform:translate(0,0)}}