/* Short fades between pages; panels enter from their point of origin. */
@keyframes collection-fade-in{from{opacity:0}to{opacity:1}}
@keyframes collection-slide-up{from{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}
@keyframes collection-slide-down{from{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}
body{animation:collection-fade-in .24s ease-out}
.collection-page :is(.collection-map-dialog,.property-dialog)[open],.collection-page .collection-reels{animation:collection-fade-in .24s ease-out}
.collection-page :is(.collection-sheet,.proposal-dialog)[open]{animation:collection-slide-up .32s cubic-bezier(.2,.75,.25,1)}
.collection-page .collection-sheet[data-edge=top][open]{animation-name:collection-slide-down}
.collection-page .collection-sheet[data-edge=top]{margin:max(14px,env(safe-area-inset-top)) auto auto;max-height:calc(100dvh - 32px)}
.collection-page .collection-sheet[data-edge=bottom]{margin:auto auto max(14px,env(safe-area-inset-bottom))}
.collection-page .property-detail-sheet,.collection-map-results[open] .map-results-scroll{animation:collection-slide-up .3s cubic-bezier(.2,.75,.25,1)}
.collection-page dialog[open]::backdrop{animation:collection-fade-in .2s ease-out}
@media(max-width:760px){
 .collection-page .collection-sheet[data-edge=top]{margin:0;border-radius:0 0 20px 20px;padding-top:max(24px,env(safe-area-inset-top));max-height:calc(100dvh - 20px)}
 .collection-page .collection-sheet[data-edge=bottom]{margin:auto 0 0}
}
@media(prefers-reduced-motion:reduce){body,.collection-page *,.collection-page dialog[open]::backdrop{animation:none!important;transition:none!important}}