.route-page-container{container-type:inline-size}.route-page{gap:var(--mantine-spacing-sm);grid-template:"head""map"min(300px,45dvh)"tabs""body"/minmax(0,1fr);display:grid}.route-page[data-no-map]{grid-template-rows:auto auto auto;grid-template-areas:"head""tabs""body"}.route-page-head{grid-area:head}.route-page-map{border:1px solid var(--mantine-color-default-border);border-radius:var(--mantine-radius-md);grid-area:map;overflow:hidden}.route-page[data-no-map] .route-page-map{display:none}.route-page-tabs{top:var(--app-shell-header-height,60px);z-index:2;background:var(--mantine-color-body);grid-area:tabs;padding-block:4px;position:sticky}.route-page-body{min-width:0;min-height:calc(100dvh - var(--app-shell-header-height,60px) - 64px);scroll-margin-top:calc(var(--app-shell-header-height,60px) + 52px);grid-area:body}@media (width<=61.99em){.route-page-map .mantine-Button-root{font-size:var(--mantine-font-size-sm);padding-inline:10px}}@media (width<=25em){.route-page-tabs .mantine-SegmentedControl-label{padding-inline:6px;font-size:13px}.route-page-map .mantine-Button-root{padding-inline:8px;font-size:13px}}@container (width>=880px){.route-page,.route-page[data-no-map]{column-gap:var(--mantine-spacing-md);height:calc(100dvh - var(--app-shell-header-height,60px) - 2 * var(--mantine-spacing-md));grid-template:"head map""tabs map""body map"minmax(0,1fr)/clamp(400px,32%,560px) minmax(0,1fr)}.route-page[data-no-map] .route-page-map{display:flex}.route-page-tabs{position:static}.route-page-body{min-height:0;padding-right:4px;overflow-y:auto}}