.mockup-clock-overlay{pointer-events:none;font-family:var(--font-body);color:var(--primary-foreground);position:absolute;inset:0;container-type:inline-size}.mockup-live-time{background:var(--mockup-clock-surface);font-variant-numeric:tabular-nums;align-items:baseline;width:44%;height:6.4%;padding-top:.6cqw;font-size:14cqw;font-weight:700;line-height:1;display:flex;position:absolute;top:13.7%;left:7.8%}.mockup-live-time small{color:var(--mockup-clock-muted);margin-left:1cqw;padding-top:7cqw;font-size:4.5cqw;font-weight:500}.mockup-live-date{background:var(--mockup-clock-surface);width:84%;height:3%;color:var(--mockup-clock-muted);white-space:nowrap;align-items:center;font-size:2.8cqw;display:flex;position:absolute;top:10.1%;left:8%}.mockup-clock-dashboard .mockup-live-time{background:var(--mockup-receipt-surface);width:3.5%;height:2.1%;color:var(--brand-navy);border-radius:.4cqw;justify-content:center;align-items:center;padding:0;font-size:.7cqw;top:1.8%;left:95.4%}.mockup-clock-dashboard .mockup-live-time small{font-size:inherit;color:inherit;margin-left:0;padding:0}.mockup-clock-dashboard .mockup-live-time small:before{content:":"}.mockup-clock-desktop-pointer .mockup-live-time{background:var(--mockup-desktop-clock-surface);justify-content:center;align-items:center;width:40%;height:16%;padding:0;font-size:8.6cqw;top:23.5%;left:30%}.mockup-clock-desktop-pointer .mockup-live-time small{font-size:inherit;color:inherit;margin-left:0;padding:0}.mockup-clock-desktop-pointer .mockup-live-time small:before{content:":"}.mockup-clock-desktop-pointer .mockup-live-date{background:var(--mockup-desktop-clock-surface);justify-content:center;width:40%;height:7%;font-size:1.8cqw;top:38.5%;left:30%}.mockup-clock-desktop-qr .mockup-live-time{background:var(--mockup-clock-surface);justify-content:center;align-items:center;width:14%;height:7%;padding:0;font-size:2.8cqw;top:81%;left:43%}.mockup-clock-desktop-qr .mockup-live-time small{font-size:inherit;color:inherit;margin-left:0;padding:0}.mockup-clock-desktop-qr .mockup-live-time small:before{content:":"}.mockup-qr-valid-until{background:var(--mockup-qr-tile-surface);font-variant-numeric:tabular-nums;align-items:center;width:9%;height:4%;padding-left:.5cqw;font-size:1.1cqw;font-weight:600;display:flex;position:absolute;top:62.7%;left:49.7%}@media (prefers-reduced-motion:no-preference){.mockup-live-time small{animation:1s ease-out infinite mockup-second-arrive}@keyframes mockup-second-arrive{0%{opacity:.6}30%,to{opacity:1}}}