.loading__spinner{position:absolute;z-index:var(--z-content);width:1.8rem}.loading__spinner{width:1.8rem;display:inline-block}.spinner{animation:rotator 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.path{stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:dash 1.4s ease-in-out infinite}@media screen and (forced-colors: active){.path{stroke:CanvasText}}@keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}}.loading__spinner:not(.hidden)+.cart-item__price-wrapper,.loading__spinner:not(.hidden)~cart-remove-button{opacity:50%}.loading__spinner:not(.hidden)~cart-remove-button{pointer-events:none;cursor:default}.loading__spinner.loading__spinner__add-to-cart{display:block;width:1.3rem;color:var(--white);--add-to-cart-anim-duration: 2s;--add-to-cart-anim-easing: ease-out}.loading__spinner.loading__spinner__add-to-cart .loading__spinner__add-to-cart__line{display:block;position:absolute;top:50%;left:50%;width:1.3rem;height:.1rem;background-color:currentColor;transform-origin:left top;animation:none;opacity:0}.cart-item--loading .loading__spinner.loading__spinner__add-to-cart .loading__spinner__add-to-cart__line:nth-child(1),.loading .loading__spinner.loading__spinner__add-to-cart .loading__spinner__add-to-cart__line:nth-child(1){opacity:1;animation:addToCartLine1 var(--add-to-cart-anim-duration) infinite var(--add-to-cart-anim-easing)}.cart-item--loading .loading__spinner.loading__spinner__add-to-cart .loading__spinner__add-to-cart__line:nth-child(2),.loading .loading__spinner.loading__spinner__add-to-cart .loading__spinner__add-to-cart__line:nth-child(2){opacity:1;animation:addToCartLine2 var(--add-to-cart-anim-duration) infinite var(--add-to-cart-anim-easing)}.cart-item--loading .loading__spinner.loading__spinner__add-to-cart .loading__spinner__add-to-cart__line:nth-child(3),.loading .loading__spinner.loading__spinner__add-to-cart .loading__spinner__add-to-cart__line:nth-child(3){opacity:1;animation:addToCartLine3 var(--add-to-cart-anim-duration) infinite var(--add-to-cart-anim-easing)}.cart-item--loading .loading__spinner.loading__spinner__add-to-cart .loading__spinner__add-to-cart__line:nth-child(4),.loading .loading__spinner.loading__spinner__add-to-cart .loading__spinner__add-to-cart__line:nth-child(4){opacity:1;animation:addToCartLine4 var(--add-to-cart-anim-duration) infinite var(--add-to-cart-anim-easing)}@keyframes addToCartLine1{0%{transform:translate(-50%);opacity:1}19%{transform:translate(-50%);opacity:1}20%{transform:translate(-150%);opacity:1}29%{transform:translate(-150%);opacity:1}30%{transform:translate(-250%);opacity:1}50%{transform:translate(-250%);opacity:1}70%{opacity:0}80%{transform:translate(-650%);opacity:0}to{transform:translate(-650%);opacity:0}}@keyframes addToCartLine2{0%{transform:translate(50%);opacity:0}19%{transform:translate(50%);opacity:0}20%{transform:translate(50%);opacity:1}29%{transform:translate(50%);opacity:1}30%{transform:translate(-50%);opacity:1}50%{transform:translate(-50%);opacity:1}75%{opacity:0}80%{transform:translate(-450%);opacity:0}to{transform:translate(-450%);opacity:0}}@keyframes addToCartLine3{0%{transform:translate(150%);opacity:0}29%{transform:translate(150%);opacity:0}30%{transform:translate(150%);opacity:1}50%{transform:translate(150%);opacity:1}80%{transform:translate(-250%);opacity:0}to{transform:translate(-250%);opacity:0}}@keyframes addToCartLine4{0%{transform:translate(350%);opacity:0}49%{transform:translate(350%);opacity:0}50%{transform:translate(350%);opacity:0}65%{opacity:1}80%{transform:translate(-50%);opacity:1}to{transform:translate(-50%);opacity:1}}.progress-bar-container{width:100%;margin:auto}.progress-bar{height:.13rem;width:100%}.progress-bar-value{width:100%;height:100%;background-color:rgb(var(--color-foreground));animation:indeterminateAnimation var(--duration-extra-longer) infinite ease-in-out;transform-origin:0}.progress-bar .progress-bar-value{display:block}@keyframes indeterminateAnimation{0%{transform:translate(-20%) scaleX(0)}40%{transform:translate(30%) scaleX(.7)}to{transform:translate(100%) scaleX(0)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-loading-spinner.css.map */
