.itachi-holo{aspect-ratio:8/11;place-items:center;width:320px;max-width:calc(100vw - 64px);margin:0;display:grid}.itachi-holo--loading{aspect-ratio:8/11}.itachi-holo__card{aspect-ratio:8/11;perspective:1100px;cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.itachi-holo__card:active{cursor:grabbing}.itachi-holo__card:focus-visible{outline:2px solid var(--t-text);outline-offset:14px}.itachi-holo__rotator{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--itachi-rx,0deg))rotateY(var(--itachi-ry,0deg));display:block;position:relative}.itachi-holo__face{backface-visibility:hidden;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.65,.25,1);display:block;position:absolute;inset:0}.itachi-holo__front{transform:rotateY(0);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.itachi-holo__back,.itachi-holo__rotator[data-flipped=true] .itachi-holo__front{transform:rotateY(180deg)}.itachi-holo__rotator[data-flipped=true] .itachi-holo__back{transform:rotateY(360deg)}.itachi-holo__face img{object-fit:cover;-webkit-user-select:none;user-select:none;border-radius:2.5%/1.82%;width:100%;height:100%;display:block}.itachi-holo__canvas{pointer-events:none;opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.itachi-holo__canvas[data-ready=true]{opacity:1}.itachi-holo__front:has(.itachi-holo__canvas[data-ready=true]) .itachi-holo__original{visibility:hidden}@media (prefers-reduced-motion:reduce){.itachi-holo__face{transition:none}}
