@layer modules{.product__left:has(.s4-flavorimages){position:relative}.s4-flavorimages{--s4fi-photo-width:100%;--s4fi-photo-height:100%;--s4fi-photo-left:0px;--s4fi-photo-top:0px;--s4fi-overflow-x:50;--s4fi-overflow-y:0;--s4fi-shift-x:calc((var(--s4fi-overflow-x) + var(--s4fi-position-x)*(100 - 2*var(--s4fi-overflow-x))/100)*-1%);--s4fi-shift-y:calc((var(--s4fi-overflow-y) + var(--s4fi-position-y)*(100 - 2*var(--s4fi-overflow-y))/100)*-1%);inline-size:calc(var(--s4fi-photo-width)*var(--s4fi-size)/100);inset-block-start:var(--s4fi-photo-top);inset-inline-start:var(--s4fi-photo-left);left:calc(var(--s4fi-photo-width)*var(--s4fi-position-x)/100);opacity:0;pointer-events:none;position:absolute;top:calc(var(--s4fi-photo-height)*var(--s4fi-position-y)/100);transform:translate(var(--s4fi-shift-x),var(--s4fi-shift-y));transition:opacity .2s ease-out;z-index:2}.s4-flavorimages--ready{opacity:1}@media(scripting:none){.s4-flavorimages{opacity:1}}.s4-flavorimages__picture{display:block}.s4-flavorimages__image{block-size:auto;display:block;inline-size:100%;transform:rotate(var(--s4fi-rotation)) scaleX(var(--s4fi-flip))}@media screen and (max-width:991px){.s4-flavorimages{--s4fi-overflow-x:15;--s4fi-overflow-y:35}}@media(max-width:767.98px){.s4-flavorimages{display:none}}@media print{.s4-flavorimages{display:none}}}