@media (max-width:60rem) and (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}:root:has(#bnf-listing-motion-open,#bnf-listing-motion-close)::view-transition{pointer-events:none}:root:has(#bnf-listing-motion-open,#bnf-listing-motion-close)::view-transition-group(root),:root:has(#bnf-listing-motion-open,#bnf-listing-motion-close)::view-transition-image-pair(root){animation:none;isolation:isolate}:root:has(#bnf-listing-motion-open,#bnf-listing-motion-close)::view-transition-new(root),:root:has(#bnf-listing-motion-open,#bnf-listing-motion-close)::view-transition-old(root){animation:none;opacity:1;mix-blend-mode:normal;transform-origin:0 0;width:100%;height:100%;object-fit:cover}:root:has(#bnf-listing-motion-open)::view-transition-new(root){z-index:2;animation:listing-surface-open .9s cubic-bezier(.22,.61,.36,1) both}:root:has(#bnf-listing-motion-close)::view-transition-old(root){z-index:2;animation:listing-surface-close .9s cubic-bezier(.22,.61,.36,1) both}@keyframes listing-surface-open{0%{transform:var(--lm-transform);clip-path:var(--lm-clip);opacity:0}18%{opacity:1}to{transform:none;clip-path:inset(0 round 0);opacity:1}}@keyframes listing-surface-close{0%{transform:var(--lm-start);clip-path:var(--lm-start-clip);opacity:1}80%{opacity:1}to{transform:var(--lm-transform);clip-path:var(--lm-clip);opacity:0}}}