.every-click{--flip-w:47px;--flip-h:71px;--flip-font:48px;--board-w:min(29rem, 100cqi - 2rem);--board-left:calc((100cqi - var(--board-w)) / 2);--cluster-inner:24.625rem;--scatter-shift:max(0px, calc(var(--cluster-inner) + .75rem - var(--board-left)));margin-top:2rem;overflow-x:clip;container-type:inline-size}.every-click-board{--flip-w:clamp(30px, calc((100cqi - 5.25rem) / 8.6), 47px);--flip-h:calc(var(--flip-w) * 71 / 47);--flip-font:calc(var(--flip-w) * 48 / 47)}.flap-row{font-weight:700;font-size:var(--flip-font);letter-spacing:-.01em;color:var(--neutral-900);font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:flex}.flap-comma{line-height:1}.flap-tile{width:var(--flip-w);height:var(--flip-h);border-radius:var(--radii-sm);background:var(--neutral-0);box-shadow:0 0 0 1px var(--neutral-1000);perspective:160px;perspective-origin:50%;flex:none;display:block;position:relative}.flap-half,.flap-card{width:100%;height:50%;position:absolute;left:0;overflow:hidden}.flap-half-top,.flap-card-top{background:var(--neutral-50);border-top-left-radius:var(--radii-sm);border-top-right-radius:var(--radii-sm);top:0}.flap-half-bottom,.flap-card-bottom{background:var(--neutral-0);border-bottom-left-radius:var(--radii-sm);border-bottom-right-radius:var(--radii-sm);top:50%}.flap-glyph{width:100%;height:var(--flip-h);font-size:var(--flip-font);font-weight:700;line-height:var(--flip-h);letter-spacing:-.01em;text-align:center;color:var(--neutral-900);margin:0;position:absolute;top:0;left:0}.flap-half-bottom .flap-glyph,.flap-card-bottom .flap-glyph{top:calc(var(--flip-h) / -2)}.flap-card{z-index:2;transform-style:preserve-3d;backface-visibility:hidden}.flap-card-top{z-index:3;transform-origin:bottom;animation:.17s linear forwards flap-top;box-shadow:0 8px 8px #00000029}.flap-card-bottom{transform-origin:top;animation:.15s linear .1s forwards flap-bottom;transform:rotateX(90deg);box-shadow:0 8px 8px #0000001f}.flap-shade{pointer-events:none;background:#000;position:absolute;inset:0}.flap-card-top .flap-shade{animation:.17s linear forwards flap-shade-in}.flap-card-bottom .flap-shade{opacity:.4;animation:.15s linear .1s forwards flap-shade-out}.flap-notch{z-index:5;pointer-events:none;background:url(/marketing/every-click/digit-notch.svg) 50%/4px 1px no-repeat;width:4px;height:1px;margin-top:-.5px;position:absolute;top:50%}.flap-notch-left{left:0}.flap-notch-right{right:0}@keyframes flap-top{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flap-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes flap-shade-in{0%{opacity:.04}to{opacity:.42}}@keyframes flap-shade-out{0%{opacity:.4}to{opacity:0}}@media (prefers-reduced-motion:reduce){.flap-card{display:none}}.every-click{--corner-w:clamp(84px, calc(100cqi * .27), 136px);--corner-h:calc(var(--corner-w) * 4 / 3);--corner-pb:calc(var(--corner-h) * .36)}.every-click-shots{z-index:1;pointer-events:none;position:absolute;inset:0}.every-click-polaroid{box-sizing:border-box;width:var(--corner-w);height:var(--corner-h);border-style:solid;border-width:1px;border-color:var(--neutral-1000);background:var(--neutral-0);transform:rotate(var(--corner-tilt,0deg));transform-origin:50%;border-radius:3px;flex-direction:column;padding:.45rem .45rem 1rem;display:flex;position:absolute;overflow:hidden}@media (max-width:47.999rem){.every-click-copy{padding-top:calc(var(--corner-h) + 2px);padding-bottom:var(--corner-pb)}.every-click-polaroid-play{display:none}.every-click-polaroid:nth-child(2){--corner-tilt:7deg;top:-12px;left:calc(var(--corner-w) * -.18)}.every-click-polaroid:nth-child(3){--corner-tilt:-8deg;top:-12px;right:calc(var(--corner-w) * -.42)}.every-click-polaroid:nth-child(4){--corner-tilt:-5deg;bottom:calc(var(--corner-h) * -.12);left:calc(var(--corner-w) * -.44)}.every-click-polaroid:nth-child(5){--corner-tilt:9deg;bottom:calc(var(--corner-h) * -.42);right:calc(var(--corner-w) * -.4)}}@media (max-width:27.999rem){.every-click{--corner-pb:calc(var(--corner-h) * .62)}.every-click-polaroid:nth-child(4),.every-click-polaroid:nth-child(5){top:calc(100% - var(--corner-pb) + 12px);bottom:auto}.every-click-polaroid:nth-child(5){top:calc(100% - var(--corner-pb) + 22px)}}.every-click-photo{width:100%;height:78%;position:relative;overflow:hidden}@media (min-width:48rem){.every-click{margin-top:5.75rem}.every-click-polaroid{top:var(--shot-top);width:var(--shot-w);height:var(--shot-h);padding:var(--shot-pad);border-width:var(--shot-border);border-radius:var(--shot-radius);transform:rotate(var(--shot-rotate));transform-origin:0 0}.every-click-polaroid:nth-child(-n+3){left:calc(var(--shot-left) - var(--scatter-shift))}.every-click-polaroid:nth-child(n+4){left:calc(100cqi - 1280px + var(--shot-left) + var(--scatter-shift))}.every-click-photo{height:var(--photo-h)}}@media (min-width:48rem) and (max-width:79.999rem){.every-click{min-height:34rem}.every-click-copy{min-height:32rem}}.every-click-photo img,.every-click-photo video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.every-click-copy{pointer-events:none}.every-click-heading,.every-click-follow>p,.every-click-board,.every-click-status{pointer-events:auto}button.every-click-polaroid{font:inherit;color:inherit;text-align:inherit;cursor:pointer;pointer-events:auto}button.every-click-polaroid:focus-visible{outline:2px solid var(--neutral-1000);outline-offset:3px}.every-click-copy{opacity:1;transition:none;translate:none;scale:none}.every-click-polaroid,.every-click-heading,.every-click-follow{opacity:0;transition:opacity .32s cubic-bezier(.32, .72, 0, 1) var(--reveal-delay,0s), translate .32s cubic-bezier(.32, .72, 0, 1) var(--reveal-delay,0s), scale .32s cubic-bezier(.32, .72, 0, 1) var(--reveal-delay,0s), rotate .32s cubic-bezier(.32, .72, 0, 1) var(--reveal-delay,0s);translate:0 .75rem;scale:.95}.every-click-polaroid{rotate:var(--reveal-spin,3deg)}.every-click-heading{--reveal-delay:.38s}.every-click-follow{--reveal-delay:.46s;overflow:visible}.every-click-copy[data-revealed] .every-click-heading,.every-click-copy[data-revealed] .every-click-follow{opacity:1;translate:0;rotate:0deg;scale:1}.every-click:has(.every-click-copy[data-revealed]) .every-click-polaroid{opacity:1;translate:0;rotate:0deg;scale:1}.every-click-status{overflow:visible}.every-click-sync,.every-click-sync *{pointer-events:none}.every-click-sync{justify-content:center;align-items:center;max-width:100%;min-height:48px;display:flex}.every-click-sync-line{opacity:1;max-width:calc(100% + 4px);margin:-2px;padding:2px;transition:opacity .28s cubic-bezier(.32,.72,0,1),translate .28s cubic-bezier(.32,.72,0,1);display:flex;translate:0}.every-click-sync-pill{justify-content:center;align-items:center;gap:var(--space-xs);min-width:0;padding:var(--space-xs) var(--space-md);border:1px solid var(--neutral-1000);background:var(--neutral-0);border-radius:999px;display:flex}.every-click-sync-line[data-phase=prep]{opacity:0;transition:none;translate:0 8px}.every-click-sync-line[data-phase=out]{opacity:0;transition-duration:.2s;translate:0 -6px}.every-click-sync-mio{background-repeat:no-repeat;background-position:0 calc(var(--sprite-shift,0) * 1px);width:32px;height:30px;image-rendering:pixelated;pointer-events:none;background-size:128px 192px;flex:none;animation:.64s steps(4,end) infinite mio-sprite-cycle}.every-click-live{flex:none;width:14px;height:14px;display:inline-flex;position:relative;overflow:visible}.every-click-live img{z-index:1;position:relative}.every-click-live:after{content:"";z-index:0;pointer-events:none;transform-origin:50%;border:2px solid #00c753;border-radius:999px;animation:1.8s cubic-bezier(.32,.72,0,1) infinite every-click-live-pulse;position:absolute;inset:0}@keyframes every-click-live-pulse{0%{opacity:.65;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.every-click-play{pointer-events:none;width:42%;height:auto;transform:translate(-50%, -50%) rotate(var(--play-rotate,0deg));display:block;position:absolute;top:36%;left:50%}@media (min-width:48rem){.every-click-play{top:var(--play-top);left:var(--play-left);width:var(--play-size);transform:rotate(var(--play-rotate,0deg))}}@media (prefers-reduced-motion:reduce){.every-click-polaroid,.every-click-heading,.every-click-follow{opacity:1;transition:none;translate:none;rotate:none;scale:none}.every-click-live:after{opacity:0;animation:none}.every-click-sync-line,.every-click-sync-line[data-phase]{opacity:1;transition:none;translate:none}.every-click-sync-mio{animation:none}}