.fuchia-photo-frame{--fuchia-photo-padding:5%;position:relative;display:block;width:100%;aspect-ratio:var(--fuchia-photo-ratio,.75);background:#fff;overflow:hidden}
.fuchia-photo-frame>.fuchia-photo-image{position:absolute;inset:var(--fuchia-photo-padding);display:block;width:calc(100% - var(--fuchia-photo-padding) - var(--fuchia-photo-padding));height:calc(100% - var(--fuchia-photo-padding) - var(--fuchia-photo-padding));padding:0;object-fit:var(--fuchia-photo-fit,contain);object-position:center;mix-blend-mode:normal;transform:none;background:#fff;transition:opacity .18s ease}
.fuchia-photo-frame:not(.is-editorial)>.fuchia-photo-image{max-width:min(100%,var(--fuchia-native-width,100%));max-height:min(100%,var(--fuchia-native-height,100%));margin:auto}
.fuchia-photo-frame>.fuchia-photo-secondary{opacity:0;visibility:hidden}
.fuchia-photo-frame>[hidden]{display:none}
.fuchia-photo-fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;color:#666;background:#fafafa;font:400 14px/1.5 FuchiaJost,Arial,sans-serif;border:1px solid #eee}
.fuchia-photo-predictive{display:block;width:50px}
@media(hover:hover) and (pointer:fine) and (min-width:990px){
  .fuchia-photo-frame--hover:not(.is-secondary-unavailable):hover>.fuchia-photo-primary,
  .product-card-wrapper:hover .fuchia-photo-frame--hover:not(.is-secondary-unavailable)>.fuchia-photo-primary{opacity:0}
  .fuchia-photo-frame--hover:not(.is-secondary-unavailable):hover>.fuchia-photo-secondary,
  .product-card-wrapper:hover .fuchia-photo-frame--hover:not(.is-secondary-unavailable)>.fuchia-photo-secondary{opacity:1;visibility:visible}
}
@media(prefers-reduced-motion:reduce){.fuchia-photo-frame>.fuchia-photo-image{transition:none}}