@property --thumb-color{syntax:"<color>";inherits:true;initial-value:transparent}.image-zoomer{--transition--duration:.3s}.image-zoomer.is-active .image-zoomer__origin{opacity:0}.image-zoomer.is-active .image-zoomer__zoomed{opacity:1;visibility:visible}.image-zoomer__origin,.image-zoomer__zoomed{transition:opacity var(--transition--duration)}.image-zoomer__zoomed{opacity:0;visibility:hidden}.image-zoomer__close{left:0;opacity:0;position:absolute;top:0;visibility:hidden}@media (min-width:48rem){.image-zoomer__close{display:none}}.image-zoomer__close{transition:opacity var(--transition--duration)}.image-zoomer__close.is-active{opacity:1;visibility:visible}