.cycle-button--0{--cycle-button-height:20px;font-size:11px}.cycle-button--1{--cycle-button-height:var(--space-5);font-size:var(--font-size-1)}.cycle-button--2{--cycle-button-height:var(--space-6);font-size:var(--font-size-2)}.cycle-button--3{--cycle-button-height:var(--space-7);font-size:var(--font-size-3)}.cycle-button--4{--cycle-button-height:var(--space-8);font-size:var(--font-size-4)}.cycle-button-segment:not(:first-child){border-left:1px solid var(--gray-a7)}.cycle-button-segment:hover:not(:disabled){background-color:var(--gray-a3)}.cycle-button-segment:active:not(:disabled){background-color:var(--gray-a4)}.cycle-button-segment:focus-visible{outline:2px solid var(--focus-8);outline-offset:-2px;z-index:1}