.component-photo{height:100%;width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f5f5f3}.component-mask-defs{position:absolute;pointer-events:none}.component-photo-canvas{position:relative;aspect-ratio:2/3;height:100%;flex:none;transform-origin:50% 50%;transition:transform .55s cubic-bezier(.22,1,.36,1)}.component-photo-canvas>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.view-jacket .component-photo-canvas{transform:translateY(38%) scale(1.8)}.view-lapel .component-photo-canvas{transform:translateY(85%) scale(2.75)}.view-pockets .component-photo-canvas{transform:translateY(46%) scale(2.7)}.view-closure .component-photo-canvas{transform:translateY(69%) scale(3)}.view-square .component-photo-canvas{transform:translate(-32%,95%) scale(3)}.view-hem .component-photo-canvas{transform:translateY(-87%) scale(2.7)}@media(prefers-reduced-motion:reduce){.component-photo-canvas{transition:none}}