@layer components{.create-trip{min-height:calc(100dvh - var(--topbar-height));--create-trip-column:calc(14 * var(--hit-area) + var(--space-xl));--create-trip-strip:calc(var(--space-2xl) * 3 - var(--space-sm));flex-direction:column;display:flex}.create-trip-pane{padding:var(--space-lg) var(--space-md) 0;flex-direction:column;flex:1;display:flex}html:has(.create-trip){scroll-padding-bottom:calc(var(--space-2xl) * 2)}.create-trip-column{width:100%;max-width:var(--create-trip-column);flex-direction:column;flex:1;margin-inline:auto;display:flex}.create-trip-title{margin-bottom:var(--space-lg)}.create-trip-side{display:none}.create-trip-map{background:var(--map-land);--day:var(--color-ink);position:relative;overflow:hidden}.create-trip-map--strip{height:var(--create-trip-strip);border-radius:var(--radius-lg)}.create-trip-map-summary{padding-inline:var(--space-md)}@media not (min-width:22rem){.create-trip{--create-trip-strip:calc(var(--space-2xl) * 2 + var(--space-xl) - var(--space-2xs) * 2)}}@media (min-width:60rem){.create-trip{--create-trip-strip:calc(var(--space-2xl) * 3 + var(--space-xl) - var(--space-sm))}.create-trip-pane{padding:var(--space-xl) var(--space-xl) 0}}@media (min-width:75rem){.create-trip{grid-template-columns:calc(var(--create-trip-column) + var(--space-xl) * 2) minmax(0, 1fr);height:calc(100dvh - var(--topbar-height));display:grid}.create-trip-pane{overscroll-behavior:contain;scroll-padding-bottom:calc(var(--space-2xl) * 2);overflow-y:auto}.create-trip-side{min-height:0;display:block}.create-trip-map--pane,.create-trip-map--empty{border-left:var(--rule-hair) solid var(--color-line);height:100%}}}