#cart-subtotal-shipping > div .value {
  width: 100%; }

.xyfreeshipping-alert {
  margin-bottom: 24px;
  font-size: 0.875rem;
  text-align: center;
  font-weight: normal;
  width: 100%; }

.xyfreeshipping-carrier-name,
.xyfreeshipping-diff {
  font-weight: 700; }

.xyfreeshipping-progress-container {
  position: relative;
  height: 20px;
  line-height: 20px;
  background: #444;
  color: #999;
  border-radius: 50px;
  margin-top: 5px;
  text-align: center; }
  .xyfreeshipping-progress-container .xyfreeshipping-progress-bar {
    background: #ff0000;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
    border-radius: 50px; }
    .xyfreeshipping-progress-container .xyfreeshipping-progress-bar .xyfreeshipping-progress-text {
      font-size: 0.75rem;
      font-weight: 700;
      height: 100%;
      line-height: 20px; }

.xyfreeshipping-progress-animate > .xyfreeshipping-progress-bar {
  animation: animate-positive 1s; }

@keyframes animate-positive {
  0% {
    width: 0%; } }