@property --dot{syntax:"<length>";inherits:true;initial-value:0}.print{background:var(--surface);position:absolute;inset:0;overflow:hidden}.print__defs{width:0;height:0;position:absolute}.print__base,.print__color{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.print__base{animation:.42s steps(5,end) both print-base;animation-delay:var(--print-delay,0s)}@keyframes print-base{0%{opacity:0}to{opacity:1}}.print__color{--dot:0px;-webkit-mask-image:radial-gradient(circle, #000 var(--dot), transparent calc(var(--dot) + .75px));-webkit-mask-image:radial-gradient(circle, #000 var(--dot), transparent calc(var(--dot) + .75px));mask-image:radial-gradient(circle, #000 var(--dot), transparent calc(var(--dot) + .75px));transition:--dot .22s steps(5,end);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:7px 7px;mask-size:7px 7px}.print-host.is-color .print__color{--dot:5.4px;transition-duration:.32s;transition-timing-function:steps(7,end)}@media (hover:hover) and (pointer:fine){.print-host:hover .print__color,.print-host:focus-visible .print__color{--dot:5.4px;transition-duration:.32s;transition-timing-function:steps(7,end)}}html[data-print=off] .print__color{--dot:6px;transition:none}.mosaic{z-index:2;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.print__base{animation:none}.print__color{transition:none}}