:where(.t-imgen){--imgen-cycle:1.4s;--imgen-dot:1.5px;--imgen-dot-color:color-mix(in srgb, var(--tx,#202323) 28%, transparent);--imgen-reveal-dur:.65s;--imgen-reveal-blur:3px;--imgen-reveal-ease:cubic-bezier(.22,1,.36,1);isolation:isolate;background:var(--s2,#eaeaea);border-radius:inherit;position:relative;overflow:hidden}.t-imgen-field{pointer-events:none;transition:opacity var(--imgen-reveal-dur) var(--imgen-reveal-ease), filter var(--imgen-reveal-dur) var(--imgen-reveal-ease);position:absolute;inset:0}.t-imgen-field i{width:var(--imgen-dot);height:var(--imgen-dot);margin:calc(var(--imgen-dot) / -2);background:var(--imgen-dot-color);opacity:var(--v,1);transform:scale(var(--v,1));border-radius:50%;position:absolute}.t-imgen.is-loading .t-imgen-field i{animation:t-imgen-twinkle calc(var(--imgen-cycle) * var(--k,1)) ease-in-out var(--delay,0s) infinite}.t-imgen-field[data-visible=false] i{animation-play-state:paused!important}.t-imgen-field:not([data-visible]):before,.t-imgen-field:not([data-visible]):after{content:"";background-image:radial-gradient(circle, var(--imgen-dot-color) calc(var(--imgen-dot) / 2), transparent calc(var(--imgen-dot) / 2 + .5px));opacity:.55;background-position:50%;background-size:14px 14px;position:absolute;inset:0}.t-imgen-field:not([data-visible]):after{background-position:calc(50% + 7px) calc(50% + 7px)}@supports (width:calc(1px * sqrt(4))){.t-imgen-field:not([data-visible]):before,.t-imgen-field:not([data-visible]):after{--imgen-lattice:calc(14px * sqrt(600 / var(--imgen-count,600)));background-size:var(--imgen-lattice) var(--imgen-lattice)}.t-imgen-field:not([data-visible]):after{background-position:calc(50% + var(--imgen-lattice) / 2) calc(50% + var(--imgen-lattice) / 2)}}.t-imgen.is-loading .t-imgen-field:not([data-visible]):before{animation:t-imgen-breathe var(--imgen-cycle) ease-in-out infinite}.t-imgen.is-loading .t-imgen-field:not([data-visible]):after{animation:t-imgen-breathe var(--imgen-cycle) ease-in-out calc(var(--imgen-cycle) / -2) infinite}@keyframes t-imgen-breathe{0%,to{opacity:.1}50%{opacity:1}}.t-imgen.is-revealed{background:0 0}.t-imgen.is-revealed .t-imgen-field{opacity:0;filter:blur(var(--imgen-reveal-blur))}@keyframes t-imgen-twinkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.t-imgen.is-loading .t-imgen-field i,.t-imgen.is-loading .t-imgen-field:before,.t-imgen.is-loading .t-imgen-field:after{animation:none!important}.t-imgen-field{filter:none!important;transition:none!important}}