.toggle-button-group{gap:var(--space-3);text-wrap:nowrap;flex-direction:row;width:fit-content;display:flex}.toggle-button{border:1px solid var(--color-border-strong);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);z-index:0;background-color:#0000;border-radius:0;justify-content:center;font-weight:500;transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s;display:inline-flex;position:relative;overflow:hidden}.toggle-button-group .toggle-button{--cut:var(--cut-sm);font-size:var(--font-size-sm);height:var(--control-height);padding:0 var(--space-5);border:0;border-radius:0;font-weight:400}.toggle-button-group .toggle-button:before{background-color:var(--color-primary);clip-path:polygon(var(--cut) 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%);content:"";transform-origin:0;z-index:-1;transition:transform .3s cubic-bezier(.2,0,0,1);position:absolute;inset:0;transform:scaleX(0)}[dir=rtl] .toggle-button-group .toggle-button:before{transform-origin:100%}.toggle-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-button:not([data-selected]):hover{border-color:var(--color-primary-light);color:var(--color-text-primary)}.toggle-button[data-selected]{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.toggle-button-group .toggle-button[data-selected]{background-color:#0000}.toggle-button-group .toggle-button[data-selected]:before{transform:scaleX(1)}