.seg-toggle{-webkit-user-select:none;user-select:none;border-radius:var(--border-radius);background:var(--primary---3);width:100%;max-width:302px;padding:2px;display:inline-flex;position:relative}.seg-toggle__pill{border-radius:var(--border-radius);background:var(--secondary---9);z-index:0;width:calc(50% - 2px);transition:transform .25s;position:absolute;top:2px;bottom:2px}.seg-toggle__pill[data-side=left]{transform:translate(0)}.seg-toggle__pill[data-side=right]{transform:translate(100%)}.seg-toggle__option{z-index:1;border-radius:var(--border-radius);min-width:140px;color:var(--primary-71);text-align:center;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;padding:5px 7px;font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:24px;transition:color .25s;position:relative}.seg-toggle__option.active{color:var(--primary---0)}