.product-media-frame.svelte-u60ohn{background:var(--surface);isolation:isolate;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.frame-square.svelte-u60ohn{aspect-ratio:1}.frame-landscape.svelte-u60ohn{aspect-ratio:4/3}.frame-portrait.svelte-u60ohn{aspect-ratio:4/5}.ambient-image.svelte-u60ohn,.ambient-wash.svelte-u60ohn,.product-image.svelte-u60ohn{width:100%;height:100%;position:absolute;inset:0}.ambient-image.svelte-u60ohn{z-index:-2;object-fit:cover;filter:blur(24px)saturate(.5);opacity:.2;pointer-events:none;scale:1.08}.ambient-wash.svelte-u60ohn{z-index:-1;background:color-mix(in srgb, var(--surface) 62%, transparent)}.product-image.svelte-u60ohn{object-fit:contain}.cover.svelte-u60ohn{max-height:var(--frame-max-height,none)}.cover.svelte-u60ohn .product-image:where(.svelte-u60ohn){object-fit:cover;object-position:var(--focal-desktop,50% 50%)}.cover.svelte-u60ohn .ambient-image:where(.svelte-u60ohn),.cover.svelte-u60ohn .ambient-wash:where(.svelte-u60ohn){display:none}.preview-mobile.wide-on-mobile.svelte-u60ohn{aspect-ratio:16/10}.preview-mobile.wide-on-mobile.svelte-u60ohn .product-image:where(.svelte-u60ohn){object-fit:cover;object-position:var(--focal-mobile,50% 50%)}@media (width<=820px){.wide-on-mobile.svelte-u60ohn:not(.preview-desktop){aspect-ratio:16/10}.wide-on-mobile.svelte-u60ohn:not(.preview-desktop) .product-image:where(.svelte-u60ohn){object-fit:cover;object-position:var(--focal-mobile,50% 50%)}.wide-on-mobile.svelte-u60ohn:not(.preview-desktop) .ambient-image:where(.svelte-u60ohn),.wide-on-mobile.svelte-u60ohn:not(.preview-desktop) .ambient-wash:where(.svelte-u60ohn){display:none}}