.image{isolation:isolate;background-color:var(--color-neutral-150);width:100%;height:100%;display:flex;position:relative;overflow:hidden}.image:before{content:"";background-color:var(--color-neutral-300);transition:opacity var(--animation-base);-webkit-mask-image:var(--settings-placeholder-pattern);mask-image:var(--settings-placeholder-pattern);pointer-events:none;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:60%;mask-size:60%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.image--lqip:before{background:var(--image-lqip) center/cover no-repeat;filter:blur(var(--blur-12));-webkit-mask-image:none;mask-image:none}.has-monogram .image--lqip:after{-webkit-mask:var(--settings-monogram) center/min(20%, var(--space-1200)) no-repeat;mask:var(--settings-monogram) center/min(20%, var(--space-1200)) no-repeat;content:"";background-color:var(--color-neutral-0-50);pointer-events:none;position:absolute;inset:0}.image img{z-index:var(--z-stack);object-fit:cover;width:100%;height:100%;display:block;position:relative}.image>.image--reveal{opacity:0}.image>.image--reveal.is-loaded{opacity:1;transition:opacity var(--animation-duration-200) var(--animation-easing-smooth)}.image:has(>.is-loaded):before{opacity:0;transition:opacity var(--animation-base) var(--animation-duration-200)}.image:has(>.is-loaded):after{opacity:0;transition:opacity var(--animation-base) var(--animation-duration-200)}@media (prefers-reduced-motion:reduce){.image:has(>.is-loaded):before{transition:none}.image:has(>.is-loaded):after{transition:none}}