.store-rank-viewport{pointer-events:none}.store-rank-canvas,.store-rank-portraits,.store-rank-portraits>div{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;width:100%;height:100%;align-items:center;justify-items:center;place-items:center}.store-rank-portraits{opacity:1}.store-rank-canvas{opacity:0;overflow:visible;background:transparent;transition:opacity .22s ease}.store-rank-canvas>canvas{display:block;width:100%;height:100%;outline:none}.store-rank-viewport[data-state=ready] .store-rank-portraits{opacity:0;transition:opacity .22s ease}.store-rank-viewport[data-state=ready] .store-rank-canvas{opacity:1}@media (max-width:339px){.store-rank-viewport[data-presentation=mobile] .store-rank-canvas{transform:translateX(3rem)}}@media (prefers-reduced-motion:reduce){.store-rank-viewport .store-rank-canvas,.store-rank-viewport .store-rank-portraits{transition:none}}