.pixelated-image-card{--reveal-x:50%;--reveal-y:50%;--reveal-r:0px;--reveal-solid:0px}@property --reveal-r{syntax:"<length>";inherits:false;initial-value:0}@property --reveal-solid{syntax:"<length>";inherits:false;initial-value:0}.pixelated-image-card{color:var(--color-primary,#fff);border-radius:inherit;background-color:#0000;border:0;width:100%;max-width:100%;position:relative;overflow:hidden}.pixelated-image-card__default,.pixelated-image-card__active,.pixelated-image-card__pixels{width:100%;height:100%;position:absolute;top:0;left:0}.pixelated-image-card__active{z-index:2;contain:paint;display:none}.pixelated-image-card__active--previewing{-webkit-mask-image:radial-gradient(circle at var(--reveal-x)var(--reveal-y),#000 0,#000 var(--reveal-solid),transparent var(--reveal-r));-webkit-mask-image:radial-gradient(circle at var(--reveal-x)var(--reveal-y),#000 0,#000 var(--reveal-solid),transparent var(--reveal-r));mask-image:radial-gradient(circle at var(--reveal-x)var(--reveal-y),#000 0,#000 var(--reveal-solid),transparent var(--reveal-r));will-change:mask-image;transition:--reveal-r .14s cubic-bezier(.2,.85,.22,1.08),--reveal-solid .14s cubic-bezier(.2,.85,.22,1.08)}.pixelated-image-card__pixels{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.pixelated-image-card__pixel{display:none;position:absolute}