.personalization-loading-indicator{position:absolute;top:0;left:0;width:100%;height:100%;font-size:50px;color:#0006;z-index:1;opacity:1;visibility:visible;will-change:opacity,visibility;pointer-events:none}.personalization-loading-indicator .paw{width:24%;aspect-ratio:1;position:absolute;top:50%;opacity:0;animation:2.05s pawAnimation ease-in-out infinite}.personalization-loading-indicator .paw svg{width:100%;height:100%}.personalization-loading-indicator .paw-icon{fill:currentColor}.personalization-loading-indicator .paw:nth-child(1){left:0%;transform:translateY(-100%) rotate(80deg);animation-delay:0s}.personalization-loading-indicator .paw:nth-child(2){left:16.66%;transform:translateY(0) rotate(100deg);animation-delay:.25s}.personalization-loading-indicator .paw:nth-child(3){left:33.33%;transform:translateY(-100%) rotate(80deg);animation-delay:.5s}.personalization-loading-indicator .paw:nth-child(4){left:50%;transform:translateY(0) rotate(100deg);animation-delay:.75s}.personalization-loading-indicator .paw:nth-child(5){left:66.66%;transform:translateY(-100%) rotate(80deg);animation-delay:1s}.personalization-loading-indicator .paw:nth-child(6){left:83.33%;transform:translateY(0) rotate(100deg);animation-delay:1.25s}@keyframes pawAnimation{0%{opacity:1}50%{opacity:0}to{opacity:0}}[data-personalization-state=loading] .personalization-loading-indicator{opacity:1;visibility:visible;transition:opacity .3s ease-out}[data-personalization-state=completed] .personalization-loading-indicator{opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility 0s linear .3s}@media(prefers-reduced-motion:reduce){.personalization-loading-indicator .paw{animation:none;opacity:.6}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/personalization-paw.css.map */