.segmented-control{background:#ffffff14;border:1px solid #ffffff0f;border-radius:48px;height:44px;padding:4px;display:flex;position:relative;overflow:hidden}.segmented-control:before{content:"";z-index:1;will-change:transform;background:#ffffff29;border-radius:24px;width:33.333%;height:calc(100% - 8px);transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;left:4px}.segmented-control[data-selected="0"]:before{transform:translate(0)}.segmented-control[data-selected="1"]:before{transform:translate(100%)}.segmented-control[data-selected="2"]:before{width:calc(33.333% - 2px);transform:translate(200%)}.segmented-button{cursor:pointer;z-index:2;color:#fff9;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:0 0;border:none;border-radius:24px;outline:none;flex:1;justify-content:center;align-items:center;padding:6px 16px;font-size:16px;font-style:normal;font-weight:590;line-height:150%;transition:color .2s;display:flex;position:relative}.segmented-button:hover{color:#fff}.segmented-button:active{transform:scale(.98)}.segmented-button.selected{color:#fff}.segmented-button:focus-visible{outline-offset:2px;outline:2px solid #ffffff4d}