.camera-feed{min-width:0}.camera-feed__frame{aspect-ratio:16/10;border-radius:var(--radius);background:var(--feed);position:relative;overflow:hidden}.camera-feed__poster,.camera-feed__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.camera-feed__canvas{opacity:0;transition:opacity var(--dur-base) var(--ease)}.camera-feed.is-ready .camera-feed__canvas{opacity:1}.camera-feed__toolbar{align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.camera-feed__toolbar[hidden],.camera-feed__pause[hidden]{display:none}.camera-feed__controls{border:var(--border-width) solid var(--steel);border-radius:var(--radius);display:inline-flex}.camera-feed__pause{min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--steel);border-radius:var(--radius);color:var(--ink);background:0 0}.camera-feed__pause:hover{background:var(--surface)}.camera-feed__controls button{min-height:var(--control-height);padding:var(--space-2) var(--space-3);color:var(--ink);font:500 var(--text-ui)/var(--line-ui) var(--font-body);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0}.camera-feed__controls button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.camera-feed__controls button:last-child{border-radius:0 var(--radius) var(--radius) 0}.camera-feed__controls button[aria-pressed=true]{color:var(--paper);background:var(--ink)}.camera-feed__controls button:focus-visible{z-index:1;outline:var(--focus-width) solid var(--brass);outline-offset:var(--focus-offset);position:relative}@media (prefers-reduced-motion:reduce){.camera-feed__canvas,.camera-feed__controls button{transition:none}}.early-access__form{gap:var(--space-4);display:grid}.early-access__field{gap:var(--space-2);display:grid}.early-access__field label span{color:var(--steel);font-weight:400}.early-access__field textarea{resize:vertical}.early-access__field [aria-invalid=true]{border-color:var(--danger)}.early-access__error{color:var(--danger);font-size:var(--text-small);line-height:var(--line-small);margin:calc(-1 * var(--space-1)) var(--space-0) var(--space-0)}.early-access__error:empty{display:none}.early-access__submit-error{margin:var(--space-0)}.early-access__trap{width:var(--space-1);height:var(--space-1);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.early-access__submit{justify-self:start;max-width:100%}.early-access__button-labels{align-items:center;display:grid}.early-access__button-labels>span{grid-area:1/1}.early-access__button-loading{justify-content:center;align-items:center;gap:var(--space-2);visibility:hidden;display:inline-flex}.early-access__submit[aria-busy=true] .early-access__button-default{visibility:hidden}.early-access__submit[aria-busy=true] .early-access__button-loading{visibility:visible}.early-access__spinner{width:var(--space-3);height:var(--space-3);border:var(--border-width) solid currentColor;border-radius:var(--radius);animation:early-access-spin var(--dur-spinner) linear infinite;border-right-color:#0000}.early-access__success:not([hidden]){animation:early-access-appear var(--dur-base) var(--ease)}@keyframes early-access-spin{to{transform:rotate(360deg)}}@keyframes early-access-appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.early-access__spinner,.early-access__success:not([hidden]){animation:none}}.early-access__form[hidden],.early-access__success[hidden],.early-access__submit-error[hidden]{display:none}
