/* Same var(--motion-ui) color-only feedback and 2px/4px focus as the parent site. */
button,input{transition:color var(--motion-ui) ease,background-color var(--motion-ui) ease,border-color var(--motion-ui) ease;}
button,input[type=range]{cursor:pointer}
button:focus-visible,input:focus-visible{outline:var(--focus-width) solid var(--neutral-ink);outline-offset:var(--focus-offset)}
@media(hover:hover) and (pointer:fine){button:not(:disabled):hover{background-color:#16161617}}
button:not(:disabled):active{background-color:#1616162b}
button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}
body:not(.assembled-view) canvas{cursor:grab}
body:not(.assembled-view) canvas:active{cursor:grabbing}
body.assembled-view canvas{cursor:default}
@media(prefers-reduced-motion:reduce){button,input{transition:none}}