/* Entry motion uses opacity so fixed action menus retain their positioning. */
@keyframes hamtavar-fade{from{opacity:.55}to{opacity:1}}
@keyframes hamtavar-disclose{from{opacity:.65;clip-path:inset(0 0 18% 0)}to{opacity:1;clip-path:inset(0)}}
#mback.on #mbox,#dlgBack.on #dlgBox,#docView.on,dialog[open],.action-menu[open]>.action-menu-popover,.pActionMenu[open]>.pActionMenuItems{animation:hamtavar-fade .24s cubic-bezier(.2,.8,.25,1)}
.page.on.anim{animation:hamtavar-fade .22s ease}
details:not(.action-menu):not(.pActionMenu)[open]>:not(summary){animation:hamtavar-disclose .22s ease}
#nav.open,#providerNav.open,.site-nav.open,.nav-links.open{animation:hamtavar-fade .2s ease}
:where(input,select,textarea){transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
:where(button,a.btn,a.button,summary,[role="button"]){transition:translate .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}
:where(button:not(:disabled),a.btn,a.button):active{translate:0;filter:brightness(.97)}
@media(hover:hover) and (pointer:fine){
  :where(button:not(:disabled),a.btn,a.button,summary,[role="button"]):hover{translate:0 -2px}
  :where(.content-card,.product-card,.product,.contact-row,.menu-row,.featured):hover{translate:0 -4px}
  :where(.content-card,.product-card,.product,.contact-row,.menu-row,.featured){transition:translate .2s ease,border-color .2s ease,box-shadow .2s ease}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;translate:none!important}.rv,.rv.in{opacity:1;transform:none}}
@media print{*,*::before,*::after{animation:none!important;transition:none!important;translate:none!important}}