/* Motion explains changes of state; content is never hidden waiting for a reveal. */
@media(prefers-reduced-motion:no-preference){
 @keyframes marys-panel-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
 @keyframes marys-drawer-in{from{opacity:.5;transform:translateX(-35px)}to{opacity:1;transform:translateX(0)}}
 @keyframes marys-backdrop-in{from{opacity:0}to{opacity:1}}
 @keyframes marys-level-in{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
 @keyframes marys-level-back{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
 .marys-mobile-menu[open]{animation:marys-drawer-in .24s cubic-bezier(.2,.8,.2,1)}
 .marys-mobile-menu[open]::backdrop{animation:marys-backdrop-in .2s ease-out}
 .marys-mobile-menu[open] [data-mobile-menu-panel]:not([hidden]){animation:marys-level-in .2s ease-out}
 .marys-mobile-menu[data-direction=back] [data-mobile-menu-panel]:not([hidden]){animation-name:marys-level-back}
 .marys-catalogue-dialog[open]{animation:marys-panel-in .2s ease-out}
 .marys-market .marys-option-chip{transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}
 .marys-review-menu[open] .marys-review-panel,.marys-departments[open]>.marys-department-panel,.mhb-explore[open]>.mhb-explore-panel{animation:marys-panel-in .18s ease-out}
 .marys-market :where(.button,.marys-button,.marys-receive-card,.marys-mobile-menu li>a,.marys-mobile-menu li>button){transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,translate .12s ease}
 .marys-market :where(.button,.marys-button):active:not(:disabled){translate:0 1px}
 .marys-receive-check{transition:opacity .16s ease,scale .2s ease;scale:.7}.marys-receive-card[aria-pressed=true] .marys-receive-check{scale:1}
 .marys-market :where(input.input-text,textarea,select){transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
 .marys-account .woocommerce-MyAccount-navigation a{transition:background-color .16s ease,color .16s ease}
 .marys-mobile-menu :where(a,button){transition:background-color .16s ease,color .16s ease}
 @media(hover:hover) and (pointer:fine){
  .marys-market .woocommerce ul.products li.product{transition:box-shadow .2s ease,border-color .2s ease}
  .marys-market .woocommerce ul.products li.product:hover{box-shadow:0 7px 22px #2a25100c}
  .marys-market :where(.marys-button,.marys-mobile-menu-all,.marys-account-empty .button) svg{transition:translate .18s ease}
  .marys-market :where(.marys-button,.marys-mobile-menu-all,.marys-account-empty .button):hover svg{translate:3px 0}
  .marys-mobile-menu li>a:hover,.marys-mobile-menu li>button:hover{background:#f6f2e7}
  .marys-heritage-home .marys-category-card .marys-icon{transition:translate .18s ease}
  .marys-heritage-home .marys-category-card:hover .marys-icon{translate:3px 0}
 }
}
@media(prefers-reduced-motion:reduce){
 .marys-market *,.marys-market *::before,.marys-market *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 html:has(.marys-market){scroll-behavior:auto!important}
}