 <div class="inner" style="width: 80px;"></div>
  </div>
</div>

<!-- Overflows weak CB edge, shifted. -->
<div class="container">
  <div class="item" style="left: 10px; right: 20px;" data-offset-x="0">
    <div class="inner" style="width: 95px;"></div>
  </div>
</div>

<!-- Overflows strong CB edge, shifted. -->
<div class="container">
  <div class="item" style="left: 10px; right: 20px;" data-offset-x="-20">
    <div class="inner" style="width: 120px;"></div>
  </div>
</div>

<!-- No overflow, centered in 