.jewelry-depth{border-radius:inherit;width:100%;min-width:0;display:block;position:relative}.jewelry-depth__surface{border-radius:inherit;isolation:isolate;width:100%;display:block;position:relative}.jewelry-depth__surface>img,.jewelry-depth__surface>picture{display:block}.jewelry-depth__light{border-radius:inherit;pointer-events:none;opacity:0;display:block;position:absolute;inset:0;overflow:hidden}.jewelry-depth__light:before{content:"";border-radius:inherit;background:linear-gradient(125deg,#dfbd78,#d3eadd 22%,#b6c8ea 42%,#ddc5d3 62%,#e5d7a2 82%,#dfbd78) 0 0/220% 220% border-box;background-position:var(--depth-light-x,50%) var(--depth-light-y,50%);-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;border:1px solid #0000;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.jewelry-depth__light:after{content:"";background:radial-gradient(ellipse at var(--depth-light-x,50%) var(--depth-light-y,50%),#fff2,transparent 62%);position:absolute;inset:0}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.jewelry-depth__surface{transform-origin:50%;transition:transform .16s ease-out}.jewelry-depth__light{transition:opacity .16s ease-out}.jewelry-depth[data-depth-active=true]>.jewelry-depth__surface{transform:perspective(1100px) rotateX(var(--depth-rotate-x,0deg)) rotateY(var(--depth-rotate-y,0deg)) scale(1.012);will-change:transform}.jewelry-depth[data-depth-active=true]>.jewelry-depth__surface>.jewelry-depth__light{opacity:1}}html.ek-less-motion .jewelry-depth__surface,html[data-ek-reduced-motion=true] .jewelry-depth__surface{will-change:auto!important;transition:none!important;transform:none!important}html.ek-less-motion .jewelry-depth__light,html[data-ek-reduced-motion=true] .jewelry-depth__light{display:none}@media (forced-colors:active),(prefers-contrast:more),(prefers-reduced-transparency:reduce){.jewelry-depth__light{display:none}}html.ek-stronger-contrast .jewelry-depth__light{display:none}