.collection-image-loader-host{position:relative}.collection-image-loader-pending{opacity:0!important;aspect-ratio:var(--collection-image-loading-ratio)!important}.collection-image-loader-overlay{position:absolute;display:block;z-index:1;pointer-events:none;background:#fff;border-radius:inherit}.collection-image-loader-overlay:after{content:"";position:absolute;top:50%;left:50%;width:clamp(32px,22%,72px);aspect-ratio:1;box-sizing:border-box;border:3px solid #d4d4d4;border-right-color:transparent;border-left-color:transparent;border-radius:50%;transform:translate(-50%,-50%);animation:collection-image-loader-spin 1s linear infinite}.collection-image-loader-overlay[data-state=error]:after{width:40px;border:0;border-radius:0;animation:none;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23aaa' stroke-width='2'%3E%3Crect x='3' y='5' width='34' height='30' rx='3'/%3E%3Ccircle cx='13' cy='14' r='3'/%3E%3Cpath d='m5 31 10-10 7 7 5-5 8 8'/%3E%3C/svg%3E")}@keyframes collection-image-loader-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.collection-image-loader-overlay:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/collection-image-loader.css.map */