.seg{position:relative;display:flex;background:var(--seg);padding:4px;margin-top:22px}.seg,.seg-thumb{border-radius:999px}.seg-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--segt);box-shadow:0 2px 8px rgba(20,18,14,.14);transition:transform .38s cubic-bezier(.3,1.2,.4,1)}.seg.in .seg-thumb{transform:translateX(100%)}.seg button{position:relative;z-index:1;flex:1;background:none;border:none;cursor:pointer;font-family:Libre Franklin;font-weight:600;font-size:13px;color:var(--half);padding:11px 8px;border-radius:999px;transition:color .25s .16s}.seg button.on{color:var(--ink)}