[data-bz-collage]{--collage-back:calc(var(--duration-quick) * 3.5);--collage-pop:calc(var(--duration-float) / 2);--collage-pop-start:var(--duration-state);--collage-pop-gap:calc(var(--duration-float) / 10);--collage-over-start:calc(var(--duration-quick) * 2.6);aspect-ratio:1;width:100%;display:block;position:relative}[data-bz-collage-layer]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}[data-bz-collage] [data-bz-collage-photo]{will-change:transform;display:block;position:absolute}[data-bz-collage] [data-bz-collage-photo] picture{display:contents}[data-bz-collage] [data-bz-collage-photo] img{width:100%;height:100%;display:block}[data-bz-collage-clips]{width:0;height:0;position:absolute;overflow:hidden}[data-bz-collage] [data-bz-c~=c-back],[data-bz-collage] [data-bz-collage-photo]{transform-box:fill-box;transform-origin:50%}[data-bz-collage] [data-bz-c~=pen] path{stroke-dasharray:1 1.05;stroke-dashoffset:0}:is([data-bz-warm=on] [data-bz-collage],[data-bz-collage][data-bz-warm=on]) [data-bz-c~=c-back]{will-change:transform, opacity}:is([data-bz-warm=on] [data-bz-collage],[data-bz-collage][data-bz-warm=on]) [data-bz-collage-layer=doodles]{will-change:transform}[data-bz-home-motion=on] [data-bz-motion=float]:not([data-bz-in]) [data-bz-collage] :is([data-bz-c~=c-back],[data-bz-collage-photo],[data-bz-c~=pen-done]),[data-bz-collage][data-bz-in=pre] :is([data-bz-c~=c-back],[data-bz-collage-photo],[data-bz-c~=pen-done]){opacity:0}[data-bz-home-motion=on] [data-bz-motion=float]:not([data-bz-in]) [data-bz-collage] [data-bz-c~=pen] path,[data-bz-collage][data-bz-in=pre] [data-bz-c~=pen] path{stroke-dashoffset:1.02px}:is([data-bz-motion=float][data-bz-in=play] [data-bz-collage],[data-bz-collage][data-bz-in=play]) [data-bz-collage-layer=under] [data-bz-c~=c-back]{animation:bz-collage-back var(--collage-back) var(--ease-out) both}:is([data-bz-motion=float][data-bz-in=play] [data-bz-collage],[data-bz-collage][data-bz-in=play]) [data-bz-collage-photo]{animation:bz-collage-pop var(--collage-pop) var(--ease-out) calc(var(--collage-pop-start) + var(--k,0) * var(--collage-pop-gap)) both}:is([data-bz-motion=float][data-bz-in=play] [data-bz-collage],[data-bz-collage][data-bz-in=play]) [data-bz-collage-layer=over] [data-bz-c~=c-back]{animation:bz-collage-pop var(--collage-pop) var(--ease-out) var(--collage-over-start) both}:is([data-bz-motion=float][data-bz-in=play] [data-bz-collage],[data-bz-collage][data-bz-in=play]) [data-bz-c~=pen] path{animation:bz-collage-pen var(--pl) var(--ease-in-out) var(--pd) both}:is([data-bz-motion=float][data-bz-in=play] [data-bz-collage],[data-bz-collage][data-bz-in=play]) [data-bz-c~=pen-done]{animation:bz-collage-show var(--duration-press) steps(1, jump-start) var(--pd) both}@keyframes bz-collage-back{0%{opacity:0;transform:scale(.9)}65%{opacity:1;transform:scale(1.015)}to{opacity:1;transform:none}}@keyframes bz-collage-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:none}}@keyframes bz-collage-pen{0%{stroke-dashoffset:1.02px}to{stroke-dashoffset:0}}@keyframes bz-collage-show{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){[data-bz-collage] :is([data-bz-c~=c-back],[data-bz-collage-photo],[data-bz-c~=pen-done]){opacity:1!important;animation:none!important;transform:none!important}[data-bz-collage] [data-bz-c~=pen] path{stroke-dashoffset:0!important;animation:none!important}}