.surf-page-grid{grid-template-rows:auto 1fr auto;grid-template-areas:"header" "content" "sidenav"}.surf-map-grid,.surf-page-grid{display:grid;grid-template-columns:1fr}.surf-map-grid{height:100vh;height:100svh;height:100dvh;grid-template-rows:1fr;grid-template-areas:"header" "carousel"}.surf-page-grid-no-header{padding-top:0}@media (min-width:640px){.surf-page-grid{height:100vh;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"sidenav header" "sidenav content" "sidenav footer"}.surf-page-grid-content{padding-bottom:0}.surf-map-grid{grid-template-columns:72px auto 1fr;grid-template-rows:1fr;grid-template-areas:"sidenav panel header" "sidenav carousel carousel"}}.surf-page-grid-header{grid-area:header}.surf-page-grid-sidenav{grid-area:sidenav}.surf-page-grid-full-content{grid-area:content}.surf-page-grid-content{grid-area:content;overflow-y:scroll;padding-bottom:80px}.surf-map-grid-panel{grid-area:panel;overflow:hidden;max-width:360px}.surf-map-grid-map{position:fixed;top:0;left:0;right:0;bottom:0}.surf-map-grid-carousel{grid-area:carousel;z-index:10}.surf-map-grid-header{grid-area:header}.surf-page-grid-footer{grid-area:footer}