.tcg-tile-fx-on .tcg-sleeve{overflow:hidden}@media(prefers-reduced-motion:reduce){.tcg-tile-fx-on .tcg-tile__link img,.tcg-tile-fx-on .tcg-tile__link svg,.tcg-tile-fx-on .tcg-sleeve:after{transition:none!important;transform:none!important;opacity:0!important}}.tcg-tile-fx--shine .tcg-sleeve{position:relative}.tcg-tile-fx--shine .tcg-sleeve:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;pointer-events:none;z-index:3;background:linear-gradient(115deg,transparent 42%,rgba(168,200,232,.16) 48%,rgba(255,255,255,.22) 50%,rgba(168,200,232,.16) 52%,transparent 58%);transform:translate(-72%);opacity:0;transition:transform .55s ease,opacity .2s ease}.tcg-tile-fx--shine .tcg-tile__link:hover~* .tcg-sleeve:after,.tcg-tile-fx--shine .tcg-sleeve:hover:after{transform:translate(72%);opacity:1}.tcg-tile-fx--tilt .tcg-sleeve{perspective:620px}.tcg-tile-fx--tilt .tcg-tile__link{transform-style:preserve-3d}.tcg-tile-fx--tilt .tcg-tile__link img,.tcg-tile-fx--tilt .tcg-tile__link svg{transition:transform .18s ease-out;will-change:transform}.tcg-tile-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.tcg-tile-fx__zone{display:block}.tcg-tile-fx__zone:nth-child(1):hover~img,.tcg-tile-fx__zone:nth-child(1):hover~svg{transform:scale(1.04) rotateX(6deg) rotateY(-6deg)}.tcg-tile-fx__zone:nth-child(2):hover~img,.tcg-tile-fx__zone:nth-child(2):hover~svg{transform:scale(1.04) rotateX(6deg)}.tcg-tile-fx__zone:nth-child(3):hover~img,.tcg-tile-fx__zone:nth-child(3):hover~svg{transform:scale(1.04) rotateX(6deg) rotateY(6deg)}.tcg-tile-fx__zone:nth-child(4):hover~img,.tcg-tile-fx__zone:nth-child(4):hover~svg{transform:scale(1.04) rotateY(-6deg)}.tcg-tile-fx__zone:nth-child(5):hover~img,.tcg-tile-fx__zone:nth-child(5):hover~svg{transform:scale(1.04)}.tcg-tile-fx__zone:nth-child(6):hover~img,.tcg-tile-fx__zone:nth-child(6):hover~svg{transform:scale(1.04) rotateY(6deg)}.tcg-tile-fx__zone:nth-child(7):hover~img,.tcg-tile-fx__zone:nth-child(7):hover~svg{transform:scale(1.04) rotateX(-6deg) rotateY(-6deg)}.tcg-tile-fx__zone:nth-child(8):hover~img,.tcg-tile-fx__zone:nth-child(8):hover~svg{transform:scale(1.04) rotateX(-6deg)}.tcg-tile-fx__zone:nth-child(9):hover~img,.tcg-tile-fx__zone:nth-child(9):hover~svg{transform:scale(1.04) rotateX(-6deg) rotateY(6deg)}.tcg-tile-fx--tilt .tcg-sleeve{position:relative}.tcg-tile-fx--tilt .tcg-sleeve:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;pointer-events:none;z-index:3;background:linear-gradient(115deg,transparent 44%,rgba(168,200,232,.14) 49%,rgba(255,255,255,.18) 50%,rgba(168,200,232,.14) 51%,transparent 56%);opacity:0;transform:translate(-60%);transition:transform .3s ease-out,opacity .2s ease}.tcg-tile-fx--tilt .tcg-tile-fx:hover~img~.tcg-sleeve:after,.tcg-tile-fx--tilt .tcg-sleeve:hover:after{opacity:1}.tcg-tile-fx--tilt .tcg-tile-fx__zone:nth-child(3n+1):hover~img~.tcg-sleeve:after{transform:translate(-40%)}.tcg-tile-fx--tilt .tcg-tile-fx__zone:nth-child(3n+2):hover~img~.tcg-sleeve:after{transform:translate(0)}.tcg-tile-fx--tilt .tcg-tile-fx__zone:nth-child(3n):hover~img~.tcg-sleeve:after{transform:translate(40%)}@media(hover:none){.tcg-tile-fx{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tcg-tile-fx.css.map */