.moment-origin-camera{z-index:1100;inset:var(--visible-top,0px) 0 auto;height:var(--visible-height,100dvh);color:#fff;width:100%;font-family:var(--sans);background:#000;position:fixed;overflow:hidden}.moment-origin-camera .moment-recorder-preview{background:#000;border-radius:0;width:100%;height:100%;max-height:none;position:absolute;inset:0}.moment-origin-camera .moment-recorder-preview.is-off{height:100%}.moment-origin-camera .moment-recorder-preview video{object-fit:cover;opacity:1;width:100%;max-width:none;height:100%;max-height:none;display:block;position:absolute;inset:0}.moment-origin-camera-header{z-index:4;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 24px;background:linear-gradient(#0009,#0000);align-items:center;gap:12px;display:flex;position:absolute;inset:0 0 auto}.moment-origin-camera-header strong{text-align:center;font:var(--type-headline);flex:1}.moment-origin-camera-header span{font:var(--type-footnote)}.moment-origin-camera button{color:#fff;min-height:44px;font:var(--type-subhead);cursor:pointer;background:#0008;border:0;border-radius:999px;padding:10px 16px}.moment-origin-camera-header button{place-items:center;width:44px;padding:0;display:grid}.moment-origin-camera :is(button,input):focus-visible{outline-offset:3px;outline:2px solid #fff}.moment-recorder.moment-origin-camera .moment-upload-actions{z-index:4;padding:24px 16px calc(52px + env(safe-area-inset-bottom,0px));background:linear-gradient(#0000,#000b);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0;display:flex;position:absolute;inset:auto 0 0}.moment-origin-camera .moment-capture-button{background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:84px;height:84px;padding:0;display:grid;position:relative}.moment-origin-camera .m-rec-ring{border:4px solid #ffffff59;border-top-color:#fff;border-radius:50%;position:absolute;inset:0}.moment-origin-camera .m-rec-ring[data-on]{border-top-color:#ff6f91;animation:1.2s linear infinite spin}.moment-origin-camera .m-rec-dot{background:#ff3b5c;border-radius:50%;width:56px;height:56px;box-shadow:0 0 0 4px #00000059}.moment-origin-camera .m-rec-dot[data-on]{border-radius:8px;width:28px;height:28px}.moment-origin-camera .moment-flip-camera{place-items:center;width:48px;height:48px;padding:0;display:grid}.moment-origin-camera .moment-camera-framing{z-index:4;inset:auto 16px calc(12px + env(safe-area-inset-bottom,0px));text-align:center;color:#fff;font:var(--type-caption);margin:0;position:absolute}.moment-origin-camera .moment-camera-error{z-index:5;inset:auto 16px calc(176px + env(safe-area-inset-bottom,0px));color:#fff;max-width:560px;font:var(--type-footnote);background:#000b;border-radius:12px;margin:0 auto;padding:12px;position:absolute}.moment-origin-camera .moment-recording-clock{top:calc(70px + env(safe-area-inset-top,0px));z-index:4;left:16px}@media (prefers-reduced-motion:reduce){.moment-origin-camera *{animation:none}}