@charset "utf-8";

.loading-overlay { position: absolute; z-index: 1; width: 1.8rem; }

price-per-item .loading-overlay { position: relative; }

@media screen and (max-width: 749px) {
  .loading-overlay { top: 0px; right: 0px; }
}

@media screen and (min-width: 750px) {
  .loading-overlay { left: 0px; }
}

.loading-overlay__spinner { width: 1.8rem; display: inline-block; }

price-per-item .loading-overlay__spinner { display: flex; }

.spinner { animation: 1.4s linear 0s infinite normal none running rotator; }

@keyframes rotator { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(270deg); }
}

.path { stroke-dasharray: 280; stroke-dashoffset: 0; transform-origin: center center; stroke: rgb(var(--color-foreground)); animation: 1.4s ease-in-out 0s infinite normal none running dash; }

@media screen and (forced-colors: active) {
  .path { stroke: canvastext; }
}

@keyframes dash { 
  0% { stroke-dashoffset: 280; }
  50% { stroke-dashoffset: 75; transform: rotate(135deg); }
  100% { stroke-dashoffset: 280; transform: rotate(450deg); }
}

.loading-overlay:not(.hidden) + .cart-item__price-wrapper, .loading-overlay:not(.hidden) ~ cart-remove-button { opacity: 0.5; }

.loading-overlay:not(.hidden) ~ cart-remove-button { pointer-events: none; cursor: default; }