.container { padding: 16px; position: relative; display: grid; grid-template-rows: auto minmax(0, auto) auto minmax(0, auto) auto minmax( 0, auto ) auto; gap: 4px; height: 100%; max-height: 100%; overflow-y: auto; } .saveButton { border-radius: 100px; height: 48px; width: 100%; font-size: 16px; box-shadow: none; margin-top: 16px; } .noLocationContainer { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px; text-align: center; min-height: 80px; max-height: 120px; } .smallTextStyle { font-size: 12px; margin-top: 4px; } .mapContainer { width: 100%; border-radius: 8px; overflow: hidden; height: auto; max-height: 160px; } .sectionTitle { font-weight: 600; font-size: 16px; margin-bottom: 8px; } .sectionContent { width: 100%; min-height: 0; display: flex; flex-direction: column; border-radius: 6px; background-color: var(--border); } .segmentedContent { width: 100%; margin-bottom: 15px; }