/* UI motion (ui-motion.js): springs, press feedback and the choice highlight glide. */
.front-menu button,.choice-menu button,.primary-button,.quiet-button,.drill,.start-panel button,.pitch-toolbar button{
 transition:transform var(--spring-press-ms,300ms) var(--spring-press,cubic-bezier(.2,.9,.25,1.05))}
.front-menu button:active:not(:disabled),.choice-menu button:active:not(:disabled),.primary-button:active:not(:disabled),.quiet-button:active:not(:disabled),
.drill:active:not(:disabled),.start-panel button:active:not(:disabled),.pitch-toolbar button:active:not(:disabled){transform:scale(.96);transition-duration:70ms;transition-timing-function:ease-out}
/* One highlight per choice row slides to the chosen option (leading edge first). */
.choice-grid.has-glide{position:relative;isolation:isolate}
.choice-glide{position:absolute;z-index:0;border-radius:9px;background:#ffe04a;box-shadow:inset 0 -3px 0 #c9a91f;pointer-events:none;opacity:0}
.choice-grid.has-glide>.choice-option{position:relative;z-index:1;transition:color 200ms ease 70ms,background-color 160ms ease,transform var(--spring-press-ms,300ms) var(--spring-press,ease-out)}
.choice-menu .choice-grid.has-glide>.choice-option:not([aria-pressed=true]){background:rgba(27,46,34,.5)}
.choice-menu .choice-grid.has-glide>.choice-option[aria-pressed=true]{background:transparent;border-color:transparent;box-shadow:none;color:#142119}
@media(prefers-reduced-motion:reduce){.choice-glide{transition:none}.front-menu button:active,.choice-menu button:active,.primary-button:active,.quiet-button:active,.drill:active{transform:none}}