.tcg-tile-fx-on .tcg-sleeve{overflow:hidden}@media(prefers-reduced-motion:reduce){.tcg-tile-fx-on .tcg-sleeve img,.tcg-tile-fx-on .tcg-sleeve svg,.tcg-tile-fx-on .tcg-sleeve:after{animation:none!important;transition:none!important;transform:none!important;opacity:0!important}}.tcg-tile-fx--shine{--tile-fx-shine-time: 2.6s}.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 32%,rgba(168,200,232,.05) 40%,rgba(168,200,232,.13) 48%,rgba(255,255,255,.12) 50%,rgba(168,200,232,.13) 52%,rgba(168,200,232,.05) 60%,transparent 68%);transform:translate(-85%);opacity:0}.tcg-tile-fx--shine:hover .tcg-sleeve:after,.tcg-tile-fx--shine:focus-within .tcg-sleeve:after{animation:tcg-tile-shine var(--tile-fx-shine-time) ease-in-out infinite}@keyframes tcg-tile-shine{0%{transform:translate(-85%);opacity:0}12%{opacity:1}46%{opacity:1}58%{transform:translate(85%);opacity:0}to{transform:translate(85%);opacity:0}}.tcg-tile-fx--tilt,.tcg-tile-fx--rotate{--tile-fx-depth: 620px}.tcg-tile-fx--tilt .tcg-sleeve img,.tcg-tile-fx--tilt .tcg-sleeve 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:has(>.tcg-tile-fx__zone:nth-child(1):hover)~img,.tcg-tile-fx:has(>.tcg-tile-fx__zone:nth-child(1):hover)~svg{transform:perspective(var(--tile-fx-depth)) scale(1.04) rotateX(6deg) rotateY(-6deg)}.tcg-tile-fx:has(>.tcg-tile-fx__zone:nth-child(2):hover)~img,.tcg-tile-fx:has(>.tcg-tile-fx__zone:nth-child(2):hover)~svg{transform:perspective(var(--tile-fx-depth)) scale(1.04) rotateX(6deg)}.tcg-tile-fx:has(>.tcg-tile-fx__zone:nth-child(3):hover)~img,.tcg-tile-fx:has(>.tcg-tile-fx__zone:nth-child(3):hover)~svg{transform:perspective(var(--tile-fx-depth)) scale(1.04) rotateX(6deg) rotateY(6deg)}.tcg-tile-fx:has(>.tcg-tile-fx__zone:nth-child(4):hover)~img,.tcg-tile-fx:has(>.tcg-tile-fx__zone:nth-child(4):hover)~svg{transform:perspective(var(--tile-fx-depth)) scale(1.04) rotateY(-6deg)}.tcg-tile-fx:has(>.tcg-tile-fx__zone:nth-child(5):hover)~img,.tcg-tile-fx:has(>.tcg-tile-fx__zone:nth-child(5):hover)~svg{transform:perspective(var(--tile-fx-depth)) scale(1.04)}.tcg-tile-fx:has(>.tcg-tile-fx__zone:nth-child(6):hover)~img,.tcg-tile-fx:has(>.tcg-tile-fx__zone:nth-child(6):hover)~svg{transform:perspective(var(--tile-fx-depth)) scale(1.04) rotateY(6deg)}.tcg-tile-fx:has(>.tcg-tile-fx__zone:nth-child(7):hover)~img,.tcg-tile-fx:has(>.tcg-tile-fx__zone:nth-child(7):hover)~svg{transform:perspective(var(--tile-fx-depth)) scale(1.04) rotateX(-6deg) rotateY(-6deg)}.tcg-tile-fx:has(>.tcg-tile-fx__zone:nth-child(8):hover)~img,.tcg-tile-fx:has(>.tcg-tile-fx__zone:nth-child(8):hover)~svg{transform:perspective(var(--tile-fx-depth)) scale(1.04) rotateX(-6deg)}.tcg-tile-fx:has(>.tcg-tile-fx__zone:nth-child(9):hover)~img,.tcg-tile-fx:has(>.tcg-tile-fx__zone:nth-child(9):hover)~svg{transform:perspective(var(--tile-fx-depth)) 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 34%,rgba(168,200,232,.05) 42%,rgba(168,200,232,.12) 48%,rgba(255,255,255,.12) 50%,rgba(168,200,232,.12) 52%,rgba(168,200,232,.05) 58%,transparent 66%);opacity:0;transform:translate(-45%);transition:transform .28s ease-out,opacity .22s ease}.tcg-tile-fx--tilt .tcg-sleeve:has(.tcg-tile-fx__zone:hover):after,.tcg-tile-fx--tilt .tcg-sleeve:hover:after{opacity:1}.tcg-tile-fx--tilt .tcg-sleeve:has(.tcg-tile-fx__zone:nth-child(3n+1):hover):after{transform:translate(-45%)}.tcg-tile-fx--tilt .tcg-sleeve:has(.tcg-tile-fx__zone:nth-child(3n+2):hover):after{transform:translate(0)}.tcg-tile-fx--tilt .tcg-sleeve:has(.tcg-tile-fx__zone:nth-child(3n):hover):after{transform:translate(45%)}@media(hover:none){.tcg-tile-fx{display:none}}.tcg-tile-fx--rotate{--tile-fx-turn: 9deg;--tile-fx-turn-time: 3.2s}.tcg-tile-fx--rotate .tcg-sleeve img,.tcg-tile-fx--rotate .tcg-sleeve svg{transform-origin:50% 50%;will-change:transform}.tcg-tile-fx--rotate:hover .tcg-sleeve img,.tcg-tile-fx--rotate:hover .tcg-sleeve svg{animation:tcg-tile-turn var(--tile-fx-turn-time) ease-in-out infinite}.tcg-tile-fx--rotate:focus-within .tcg-sleeve img,.tcg-tile-fx--rotate:focus-within .tcg-sleeve svg{animation:tcg-tile-turn var(--tile-fx-turn-time) ease-in-out infinite}@keyframes tcg-tile-turn{0%,to{transform:perspective(var(--tile-fx-depth)) rotateY(0) rotateX(0)}25%{transform:perspective(var(--tile-fx-depth)) rotateY(var(--tile-fx-turn)) rotateX(calc(var(--tile-fx-turn) * -.3))}75%{transform:perspective(var(--tile-fx-depth)) rotateY(calc(var(--tile-fx-turn) * -1)) rotateX(calc(var(--tile-fx-turn) * .3))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tcg-tile-fx.css.map */