.app-header{--app-header-padding:1.5rem;--app-header-menu-top:calc(var(--app-header-padding) + var(--navigation-height-sm));padding-top:var(--app-header-padding);padding-inline:var(--app-header-padding)}@media (max-width:1023px){.app-header{--app-header-padding:1rem;transition:padding-top .24s,padding-inline .24s}.app-header-surface{border-bottom:1px solid #0000;transition:max-width .24s,border-radius .24s,border-bottom-color .24s}.app-header.app-header--mobile-menu-open{--app-header-padding:0;--app-header-menu-top:var(--navigation-height-sm);padding-top:0;padding-inline:0}.app-header.app-header--mobile-menu-open .app-header-surface{border-bottom-color:var(--color-muted);background-color:#fff;border-radius:0;max-width:100%}}.app-header-surface{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;max-width:90rem}html.apartment-detail-sticky-visible .app-header:not(.app-header--mobile-menu-open) .app-header-surface{border-bottom-color:#0000!important}.app-header-surface--static{padding-top:0;border-radius:0;max-width:100%;padding-inline:0}.app-header--static,.app-header--static .app-header-surface{--app-header-menu-top:var(--navigation-height-sm);padding-top:0;padding-inline:0;animation:none!important}.app-header-mobile-menu{inset-inline:0;top:var(--app-header-menu-top);height:calc(100dvh - var(--app-header-menu-top));z-index:45;opacity:0;pointer-events:none;transition:top .24s,height .24s,opacity .2s;position:fixed;overflow:hidden}.app-header-mobile-menu:before{content:"";z-index:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff;position:absolute;inset:0;transform:translateZ(0)}.app-header-mobile-menu[data-open=true]{opacity:1;pointer-events:auto}.app-header-mobile-menu__inner{z-index:1;-webkit-overflow-scrolling:touch;height:100%;position:relative;overflow-y:auto}@supports (animation-timeline:scroll()){.app-header:not(.app-header--mobile-menu-open){animation:linear both app-header-collapse;animation-timeline:scroll(root);animation-range:0 120px}.app-header:not(.app-header--mobile-menu-open) .app-header-surface{animation:linear both app-header-surface-collapse;animation-timeline:scroll(root);animation-range:0 120px}}@media (prefers-reduced-motion:reduce){.app-header,.app-header-surface{animation:none!important}}@keyframes app-header-collapse{0%{padding-top:var(--app-header-padding);padding-inline:var(--app-header-padding)}to{padding-top:0;padding-inline:0}}@keyframes app-header-surface-collapse{0%{border-radius:.75rem;max-width:90rem}to{border-bottom:1px solid var(--color-muted);border-radius:0;max-width:100%}}