.product__media.is-holographic,.card-wrapper.is-holographic .card__media .media{isolation:isolate;overflow:hidden}.product__media.is-holographic:before,.product__media.is-holographic:after,.card-wrapper.is-holographic .card__media .media:before,.card-wrapper.is-holographic .card__media .media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;pointer-events:none}.product__media.is-holographic:before,.card-wrapper.is-holographic .card__media .media:before{background:linear-gradient(115deg,transparent 5%,rgba(0,255,255,.32) 22%,rgba(255,0,214,.38) 38%,rgba(255,244,94,.34) 52%,rgba(87,255,157,.32) 68%,transparent 88%);background-size:240% 240%;mix-blend-mode:color-dodge;opacity:.72;animation:holographic-spectrum 5.5s ease-in-out infinite alternate}.product__media.is-holographic:after,.card-wrapper.is-holographic .card__media .media:after{background:repeating-linear-gradient(105deg,rgba(255,255,255,.08) 0 1px,transparent 1px 7px),radial-gradient(circle at 20% 20%,rgba(255,255,255,.78),transparent 25%);background-size:100% 100%,180% 180%;mix-blend-mode:screen;opacity:.48;animation:holographic-glare 4.2s ease-in-out infinite alternate}@keyframes holographic-spectrum{0%{background-position:0% 25%;filter:hue-rotate(0deg) saturate(1.15)}to{background-position:100% 75%;filter:hue-rotate(35deg) saturate(1.45)}}@keyframes holographic-glare{0%{background-position:0 0,100% 100%;opacity:.3}to{background-position:0 0,0% 0%;opacity:.62}}@media(prefers-reduced-motion:reduce){.product__media.is-holographic:before,.product__media.is-holographic:after,.card-wrapper.is-holographic .card__media .media:before,.card-wrapper.is-holographic .card__media .media:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/holographic-effect.css.map */