#cart {
    position: fixed;
    top: 0px;
    left: -100vw; /* hidden outside the screen */
    width: 100vw;
    height: 100vh;
    box-shadow: -2px 0 8px rgba(0,0,0,0.2);

    transition: left 0.3s ease;
    z-index: 999;
  }

  #cart.open {
    left: 0; /* slide in */
  }


  #shippment-progress {
    width: 100%;
    height: 8px;
    appearance: none;
    border-radius: 9999px;
    overflow: hidden;
}

/* Background (the "empty" part) */
#shippment-progress::-webkit-progress-bar {
    background-color: var(--secondary); /* your bg-secondary */
    border-radius: 9999px;
}

/* Filled part */
#shippment-progress::-webkit-progress-value {
    background-color: var(--primary); /* your bg-primary */
    border-radius: 9999px;
}

/* Firefox */
#shippment-progress::-moz-progress-bar {
    background-color: var(--primary);
    border-radius: 9999px;
}