#cart-drawer {
    width: 100%;
    max-width: 468px !important;
    height: 100% !important;
    max-height: 100% !important;
    background-color: var(--color-white);
  }

  .cart-drawer-loading {
    background-color: rgba(234, 234, 234, 0.5);
  }

  #cart-drawer-list[loading] ~ .cart-drawer-loading {
    display: block !important;
  }

  .cart-drawer-free-shipping {
    padding: 16px;
    background: rgba(248, 248, 248, 0.8);
  }

  .cart-progress,
  .cart-progress > .progress-bar,
  .cart-progress .progress-bar::before,
  .cart-progress .progress-bar::after {
    height: 5px;
  }

  .cart-progress .progress-bar::after {
    animation-duration: 3s;
    background-color: var(--color-primary-btn-bg);
  }

  .cart-drawer-close {
    background-color: #f6f6f6;
  }