/* Short, task-specific transitions. Initial reading and page navigation are unanimated. */
html.is-page-scrolling{overflow-anchor:none}
dialog.motion-enter,dialog.motion-leave{will-change:opacity,transform}
dialog.motion-enter::backdrop{animation:reader-backdrop-in 180ms ease-out both}
dialog.motion-leave::backdrop{animation:reader-backdrop-out 140ms ease-in both}
@keyframes reader-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes reader-backdrop-out{from{opacity:1}to{opacity:0}}
.paper-tabs.has-tab-indicator button[aria-selected="true"]{border-bottom-color:transparent}
.tab-indicator{position:absolute;bottom:0;left:0;height:3px;background:#527353;pointer-events:none}
.fold-icon::after,.disclosure-state::after{transition:transform 180ms ease-out}
details[data-motion-closing] .fold-icon::after,details[data-motion-closing] .disclosure-state::after{transform:rotate(90deg)!important}
.button,.paper-dialog-close,.dialog-close,.image-preview-action{transition:background 160ms,border-color 160ms,color 160ms,transform 110ms ease-out}
.button:active,.paper-dialog-close:active,.dialog-close:active,.image-preview-action:active{transform:translateY(1px)}
.paper-choice:active{transform:translateY(1px)}
.visual-lp .paper-choice{transition:background 160ms,border-color 160ms,transform 110ms ease-out}
.document-entry:active{border-color:#486c4d;background:#eaf0e3}
@media(prefers-reduced-motion:reduce){
 dialog.motion-enter::backdrop,dialog.motion-leave::backdrop{animation:none}
 .fold-icon::after,.disclosure-state::after,.button,.paper-dialog-close,.dialog-close,.image-preview-action,.visual-lp .paper-choice{transition:none}
 .button:active,.paper-dialog-close:active,.dialog-close:active,.image-preview-action:active,.paper-choice:active{transform:none}
}