html .loop-aud--filter .loop-aud__img img{transition:opacity .3s ease,filter .3s ease}html .loop-aud--filter:has(.is-active) .loop-aud__tab:not(.is-active) .loop-aud__img img{opacity:.55;filter:grayscale(.7)}html .loop-aud--filter .loop-aud__tab.is-active .loop-aud__label:after{content:"";display:inline-block;width:.42em;height:.42em;margin-inline-start:.32em;vertical-align:.18em;background:linear-gradient(45deg,transparent 42%,currentColor 42%,currentColor 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,currentColor 42%,currentColor 58%,transparent 58%)}@media(hover:hover){html .loop-aud--filter:has(.is-active) .loop-aud__tab:not(.is-active):hover .loop-aud__img img{opacity:1;filter:none}}@media(prefers-reduced-motion:no-preference){html .loop-aud--filter .loop-aud__tab.is-active .loop-aud__label{animation:loop-aud-ink .32s cubic-bezier(.3,.7,.3,1) both}@keyframes loop-aud-ink{0%{transform:perspective(300px) rotateX(-60deg);opacity:.4}to{transform:none;opacity:1}}html results-list .product-grid{perspective:1200px}html.loop-leaving-aud results-list .product-grid__item{transform-origin:50% 50%;transition:transform .3s cubic-bezier(.55,0,.85,.35),opacity .3s ease;transition-delay:calc(var(--loop-o,0) * 22ms);transform:rotateY(-82deg) translateZ(-60px) scale(.94);opacity:0;pointer-events:none}html[dir=rtl].loop-leaving-aud results-list .product-grid__item{transform:rotateY(82deg) translateZ(-60px) scale(.94)}@keyframes loop-flip-in{0%{opacity:0;transform:rotateY(84deg) translateZ(-80px) scale(.92)}45%{opacity:1}78%{transform:rotateY(-7deg) translateZ(0) scale(1.01)}to{opacity:1;transform:none}}@keyframes loop-flip-in-rtl{0%{opacity:0;transform:rotateY(-84deg) translateZ(-80px) scale(.92)}45%{opacity:1}78%{transform:rotateY(7deg) translateZ(0) scale(1.01)}to{opacity:1;transform:none}}html results-list .product-grid__item.loop-flip-in{transform-origin:50% 50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:none;animation:loop-flip-in .66s cubic-bezier(.2,.8,.25,1) both;animation-delay:calc(var(--loop-i,0) * 60ms)}html[dir=rtl] results-list .product-grid__item.loop-flip-in{animation-name:loop-flip-in-rtl}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/loop-aud-filter.css.map */