.product-card--loading{pointer-events:none;transition:all .3s ease-in-out}.product-card--loading .product-card__image img,.product-card--loading .product-card__image--main img,.product-card--loading .media-wrapper img,.product-card--loading img[is=image-lazy],.product-card--loading .product-card__image img.product-image--loading,.product-card--loading .product-card__image--main img.product-image--loading,.product-card--loading .media-wrapper img.product-image--loading,.product-card--loading img[is=image-lazy].product-image--loading{filter:grayscale(100%) brightness(.7);transition:all .15s ease-in-out}.product-card--loading .product-card__image-wrapper:after,.product-card--loading .media-wrapper:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid #ccc;border-top:2px solid #666;border-radius:50%;animation:spin 1s linear infinite;z-index:5;pointer-events:none}.loading-spinner{animation:spin 2s linear infinite}.product-loading-spinner{color:#666;width:24px;height:24px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.btn .loading__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;opacity:0;transition:opacity .15s ease;z-index:2}.btn--loading>*:not(.loading__spinner){opacity:0;transition:opacity .15s ease}.btn.btn--loading .loading__spinner{display:inline-flex;opacity:1}.btn .loading__spinner .spinner{width:20px;height:20px;animation:rotator 1.4s linear infinite}.btn .loading__spinner .path{stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:currentColor;animation:dash 1.4s ease-in-out infinite}.loading__spinner:not(.hidden)+.cart-item__price-wrapper,.loading__spinner:not(.hidden)~cart-remove-item{opacity:50%}.loading__spinner:not(.hidden)~cart-remove-item{pointer-events:none;cursor:default}.quick-view .drawer__inner>.loading__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quick-view .drawer__inner>.loading__spinner .path{stroke:rgb(var(--color-foreground))}.quick-view.quick-view-loaded .drawer__inner>.loading__spinner{display:none}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}}.media-wrapper.loading>img{opacity:0}.media-wrapper.loaded{background-color:transparent}.loading-bar{position:fixed;inset-inline-start:0;inset-inline-end:0;width:100%;height:100%;overflow:hidden;pointer-events:none;background-color:rgb(var(--color-foreground));z-index:50}.no-js .loading-bar{display:none}.skeleton-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s infinite}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;border-radius:4px;margin-bottom:.5em}.skeleton-image{width:100%;height:200px;border-radius:8px}@media screen and (forced-colors: active){.path{stroke:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/137/assets/loading-spinner.css.map */
