body{margin:0}.movable-grid-wrapper{width:100%;height:100%;display:flex}.movable-grid-container{transform-origin:50%;will-change:transform;overflow:hidden}.movable-grid-container.fixed-mode{width:100vw;height:100vh;position:fixed;top:0;left:0}.movable-grid-container.absolute-mode{width:100%;height:100%;position:absolute;inset:0}.movable-grid{will-change:transform;width:max-content;height:max-content;display:flex;position:absolute}.movable-grid.draggable{cursor:grab}.movable-grid.dragging{cursor:grabbing}.movable-grid-column{flex-direction:column;display:flex}.movable-grid-column.offset{margin-top:10vw}.product{aspect-ratio:1;position:relative}.product-inner{aspect-ratio:1;will-change:transform}.product-image{object-fit:contain;will-change:transform;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;transition:transform .3s ease-in-out;position:absolute}.product:hover .product-image{transform:scale(1.05)}.movable-grid.dragging *{-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.movable-grid,.product-inner,.product-image{transition:none!important}}