.tonality-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;pointer-events:none;background:#0000002e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.tonality-hover-overlay .tonality-hover-frames{position:relative;width:88%;aspect-ratio:1}.product-card-wrapper .tonality-hover-overlay .tonality-hover-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;pointer-events:none;transform:none;transition:none}.tonality-hover-overlay .tonality-star-frame--one{opacity:1}.tonality-hover-overlay .tonality-star-frame--two{opacity:0}@media screen and (min-width:990px)and (hover:hover)and (pointer:fine){.product-card-wrapper:hover .tonality-hover-overlay{opacity:1;visibility:visible}.product-card-wrapper:hover .tonality-star-frame--one{animation:tonality-frame-one 1.2s steps(1,end) infinite}.product-card-wrapper:hover .tonality-star-frame--two{animation:tonality-frame-two 1.2s steps(1,end) infinite}}.product-card-wrapper:has(a:focus-visible) .tonality-hover-overlay{opacity:1;visibility:visible}@keyframes tonality-frame-one{0%,to{opacity:1}50%{opacity:0}}@keyframes tonality-frame-two{0%,to{opacity:0}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.tonality-hover-overlay{transition:none}.product-card-wrapper .tonality-hover-overlay .tonality-hover-frame{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/tonality-hover.css.map */