/* M3-inspired motion: no navigation interception or delayed forms. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:fs-m3-out 140ms cubic-bezier(.3,0,1,1) both}
::view-transition-new(root){animation:fs-m3-in 260ms cubic-bezier(.05,.7,.1,1) both}
@keyframes fs-m3-out{to{opacity:0}}
@keyframes fs-m3-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes fs-m3-content{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
:where(a,button,[role=tab],.pill,.filter-pill,.nav-icon){transition-property:background-color,border-color,color,box-shadow,opacity;transition-duration:200ms;transition-timing-function:cubic-bezier(.2,0,0,1)}
:where(button,a):focus-visible{outline:3px solid #f49151;outline-offset:3px}
:where(.cat-product,.organizer-card,.hotel-card){animation:fs-m3-content 260ms cubic-bezier(.05,.7,.1,1) both}
:where(dialog[open]){animation:fs-m3-content 220ms cubic-bezier(.05,.7,.1,1) both}
@supports not (view-transition-name:root){body{animation:fs-m3-in 240ms cubic-bezier(.05,.7,.1,1) both}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}:where(.cat-product,.organizer-card,.hotel-card,dialog[open]){animation:none!important}:where(a,button,[role=tab],.pill,.filter-pill,.nav-icon){transition:none!important}body{animation:none!important}}